CSS+DIV網頁設計與製作

《CSS+DIV網頁設計與製作》內容從基礎到高級技術套用，符合從簡單到複雜的學習過程；可作為高職高專院校計算機專業教材，也可作為有意從事網頁設計師工作的愛好者的自學教材。

基本介紹

• 書名：CSS+DIV網頁設計與製作
• 作者：梁小芳 梁文鋒 朱平
• ISBN：9787302373124
• 定價：36元
• 出版時間：2015.02.01
• 印次：1-2 
• 刷日期：2015.12.25

內容簡介

本書以校企合作、工學結合的人才培養模式為指導思想，以基於工作過程的教學模式為教學引領，以教學任務為載體，以培養行業網頁設計師所具有的職業素養和職業能力為目標，通過大量實例對CSS+DIV網頁布局、DOM、JavaScript等技術套用展開闡述。本書分為3篇，共12個項目。其中,第1篇為基礎篇，第2篇為套用篇，第3篇為實戰篇。本書項目均配有源檔案，方便讀者學習使用。 本書內容從基礎到高級技術套用，符合從簡單到複雜的學習過程； 可作為高職高專院校計算機專業教材，也可作為有意從事網頁設計師工作的愛好者的自學教材。

圖書目錄

第1篇基礎篇

項目一了解網頁設計相關知識

任務1.1通過網頁了解各種網頁元素

1.1.1網頁

1.1.2網站

1.1.3主頁和子頁

1.1.4構成網頁的元素

1.1.5IP位址

1.1.6域名

1.1.7域名解析服務

1.1.8域名類型

1.1.9HTML

1.1.10靜態網頁和動態網頁

1.1.11網頁設計與製作的主要工具

任務1.2了解Web標準

1.2.1Web標準概述

1.2.2內容、結構和表現相分離

任務1.3了解DIV+CSS布局

1.3.1CSS樣式

1.3.2CSS盒子模型

1.3.3DIV+CSS布局的好處

任務1.4網頁版面布局

1.4.1T字形結構版式

1.4.2同字形結構版式

1.4.3三字形結構版式

1.4.4匡字形結構版式

1.4.5Flash布局

1.4.6海報布局

任務1.5初步了解網站設計與開發的過程

1.5.1前期策劃

1.5.2網站開發(網頁製作)

1.5.3網站後期發布、測試與維護

實訓1網頁賞析

項目二網站建立與網站規劃

任務2.1新建網站與網站檔案管理

2.1.1Dreamweaver CS6新功能介紹

2.1.2站點創建

任務2.2新建網頁與網頁測試

2.2.1新建網頁

2.2.2網頁測試

任務2.3編寫最簡單的HTML框架

2.3.1編寫HTML框...

2.3.2認識網頁標籤

任務2.4插入各種網頁元素

2.4.1插入文字

2.4.2插入特殊符號

2.4.3插入圖像

2.4.4插入媒體元素

2.4.5插入音頻

2.4.6插入表單

2.4.7插入表格

任務2.5創建超連結

2.5.1超連結定義

2.5.2創建超連結

實訓2網站建立與欄目規劃

項目三創建CSS樣式表

任務3.1CSS樣式引入

3.1.1CSS基本語法運用

3.1.2選擇器的使用

3.1.3樣式表的繼承性使用

3.1.4注釋運用

任務3.2建立CSS樣式表

3.2.1建立標籤選擇器類型的CSS樣式表

3.2.2建立類選擇器類型的CSS樣式表

3.2.3建立ID選擇器類型的CSS樣式

任務3.3在網頁中插入CSS樣式表

3.3.1內部樣式表

3.3.2連結外部樣式表

3.3.3導入外部樣式表

3.3.4內嵌樣式表

任務3.4解決CSS的優先權問題

實訓3利用CSS樣式創建多種樣式

第2篇套用篇

項目四套用CSS盒子

任務4.1盒子模型探究

4.1.1盒子模型定義

4.1.2在標準流中定位默認CSS盒子

任務4.2設定盒子框線

任務4.3設定盒子填充

任務4.4設定盒子邊界

任務4.5文字盒子屬性設定

任務4.6CSS盒子模型計算

4.6.1一個CSS盒子實際寬度計算

4.6.2塊級元素之間的距離計算：取最大者

4.6.3行內元素之間的距離計算：marginright+marginleft

4.6.4嵌套關係的距離計算：子塊級元素離父塊級元素距離

為margin+padding

任務4.7CSS盒子模型與DOM樹關係套用

實訓4CSS盒子的套用

項目五網頁元素美化

任務5.1豐富的文字效果設定

5.1.1CSS樣式修飾文字

5.1.2CSS樣式修飾段落

任務5.2設計漂亮的表格

任務5.3文字超連結各種樣式的設定

任務5.4文字超連結多種樣式混合套用

5.4.1整體超連結效果製作

5.4.2多種(個性)超連結效果製作

任務5.5設定列表小圖片

5.5.1設定列表小圖片操作

5.5.2CSS控制網頁背景圖片屬性設定

任務5.6設計精美表單

實訓5使用CSS樣式控制網頁元素和背景圖位置

項目六CSS盒子浮動

任務6.1理解浮動屬性

6.1.1理解標準流

6.1.2塊級元素和行內元素在標準流里的排放位置

任務6.2使用浮動屬性實現豎直變一行效果

任務6.3使用浮動屬性實現圖片文字環繞效果

任務6.4使用浮動清除屬性

任務6.5使用浮動屬性實現兩行兩列布局

實訓6使用浮動屬性布局網頁架構

項目七CSS盒子定位

任務7.1了解定位屬性

任務7.2套用定位屬性

7.2.1絕對定位的套用

7.2.2相對定位套用

任務7.3隱藏與顯示網頁元素

7.3.1隱藏網頁元素

7.3.2行豎轉換網頁元素

實訓7使用定位屬性布局網頁

第3篇實戰篇

項目八首頁設計與美化

任務8.1首頁版面框架設計

任務8.2網站Logo製作

任務8.3首頁設計與製作

8.3.1建立站點

8.3.2搭建首頁代碼結構

8.3.3首頁內容添加

8.3.4連線CSS樣式檔案

8.3.5設計與布局首頁各區域內容

項目九子頁設計與製作

任務9.1子頁頁面模板製作

9.1.1創建模板

9.1.2運用模板

9.1.3修改更新模板

任務9.2子頁製作

9.2.1“關於我們”子頁製作

9.2.2“產品展示”子頁製作

9.2.3“客戶反饋”子頁製作

任務9.3了解網頁換膚術

項目十網頁特效製作

任務10.1了解JS、CSS與特效

任務10.2圖片無縫連續滾動特效製作

任務10.3圖片局部放大鏡特效製作

任務10.4淘寶圖片局部放大特效製作

任務10.5整張圖片放大特效製作

任務10.6幻燈片廣告圖片自動播放特效製作

任務10.7滾動廣告屏特效製作

任務10.8內容切換特效製作

任務10.9兩側浮動廣告特效製作

任務10.10二級導航條特效製作

項目十一CSS+DIV房地產企業網站設計與實現

任務11.1設計思想

11.1.1房地產公司網站建設的基本需求

11.1.2房地產公司網站建設的服務範圍

11.1.3房地產公司網站建設的解決方案

任務11.2如何進行網站需求分析

11.2.1網站需求分析策劃

11.2.2完整的需求調查文檔記錄

11.2.3多向用戶諮詢相關問題

11.2.4市場調研活動內容

11.2.5完成清晰的需求分析

任務11.3網站風格設計

11.3.1網站標誌(Logo)製作

11.3.2網站色彩搭配

11.3.3網站字型設計

11.3.4提煉廣告語

11.3.5網站宣傳語設計

11.3.6網頁美化設計

任務11.4網站欄目設計

11.4.1網站設計原則

11.4.2網站欄目設計

任務11.5頁面版面設計與實現

11.5.1網頁版面設計

11.5.2各區域版面圖分解

任務11.6素材收集與整理

任務11.7網頁效果圖設計

任務11.8網頁切片製作

11.8.1切片的使用

11.8.2切片的輸出

任務11.9網頁製作

11.9.1網站素材準備

11.9.2創建網站及搭建網站結構

11.9.3首頁製作

11.9.4子頁製作

實訓11綜合網站設計與製作

任務11.10後台動態頁面製作

11.10.1背景知識介紹

11.10.2IIS伺服器環境搭建

11.10.3留言板分析

11.10.4定義留言板站點

11.10.5創建和設計資料庫

11.10.6製作ASP動態頁面

項目十二網站上傳與維護

任務12.1空間和域名申請

12.1.1IP位址、域名和空間簡介

12.1.2IP位址、域名和主機空間之間的關係

12.1.3FTP

12.1.4免費空間的申請

任務12.2網站上傳

參考文獻