網頁設計與制作案例教程（第2版）

第1章 網頁設計與制作綜述
1.1 學習任務：認識網頁
1.1.1 什么是網頁
1.1.2 網頁類型
1.2 學習任務：認識網站
1.2.1 什么是網站
1.2.2 網址與域名
1.2.3 網頁基本元素
1.2.4 網頁制作常用軟件和技術
1.3 學習任務：網站建設的一般流程
1.3.1 網站策劃
1.3.2 收集網站的素材和內容
1.3.3 設計與制作網站
1.3.4 網站的測試與發(fā)布
1.3.5 網站的推廣與維護
1.4 學習任務：HTML基礎知識
1.4.1 HTML簡介
1.4.2 常用文本標簽
1.4.3 列表標簽
1.4.4 超鏈接標簽
1.4.5 圖像標簽
1.4.6 表格標簽
1.4.7 表單標簽
1.4.8 框架標簽
1.4.9 其他標簽
1.5 學習任務：初識HTML5.0
1.5.1 HTML5.0簡介
1.5.2 HTML5.0標簽
1.5.3 HTML5.0事件屬性
1.5.4 HTML5.0標準屬性
1.6 實訓
1.6.1 實訓一 使用記事本編輯簡單的網頁
1.6.2 實訓二 制作滾動圖片鏈接
1.7 習題
第2章 網頁版式設計與色彩搭配
2.1 案例分析：不同風格網頁作品欣賞與解析
2.2 學習任務：網頁版式設計
2.2.1 版式設計概述
2.2.2 網頁版式的尺寸和構成要素
2.2.3 網頁版式設計風格
2.2.4 網頁版式設計原則
2.2.5 網頁版式設計的視覺流程
2.2.6 網頁版式設計的步驟
2.3 學習任務：色彩的基本理論及視覺效果
2.3.1 色彩的基本理論
2.3.2 色彩的視覺效果
2.4 學習任務：網頁中的色彩及配色
2.4.1 網頁色彩
2.4.2 網頁中色彩的作用
2.4.3 網頁配色原理
2.4.4 網頁配色技巧
2.5 實訓
2.5.1 實訓一 總結不同主題網站的版式設計及配色
2.5.2 實訓二 網頁配色練習
2.6 習題
第3章 Dreamweaver CS5入門
3.1 學習任務：初識Dreamweaver CS5
3.1.1 Dreamweaver CS5的主要功能
3.1.2 Dreamweaver CS5的安裝需求
3.2 學習任務：Dreamweaver CS5工作區(qū)布局
3.2.1 啟動Dreamweaver CS5
3.2.2 Dreamweaver CS5工作區(qū)布局介紹
3.3 學習任務：規(guī)劃與創(chuàng)建站點
3.3.1 站點概述
3.3.2 規(guī)劃站點
3.3.3 創(chuàng)建本地站點
3.3.4 管理站點
3.4 案例 創(chuàng)建歡迎光臨網頁
3.4.1 創(chuàng)建網頁文檔
3.4.2 設置頁面屬性
3.4.3 保存網頁文檔
3.4.4 預覽網頁文檔
3.5 實訓
3.5.1 實訓一 熟悉Dreamweaver CS5工作區(qū)布局
3.5.2 實訓二 制作網上家園歡迎頁面
3.6 習題
第4章 CSS樣式基礎
4.1 學習任務：CSS概述
4.1.1 CSS的概念
4.1.2 使用HTML和CSS格式化網頁
4.1.3 CSS樣式面板
4.1.4 CSS基本語法
4.1.5 CSS樣式表的引用
4.2 學習任務：CSS樣式的創(chuàng)建與屬性設置
4.2.1 創(chuàng)建CSS樣式
4.2.2 設置CSS屬性
4.2.3 通過CSS樣式面板設置CSS屬性
4.3 學習任務：管理CSS樣式
4.3.1 鏈接或者導入外部CSS樣式
4.3.2 查看CSS樣式
4.3.3 編輯與刪除CSS樣式
4.4 案例 使用CSS樣式美化網頁
4.5 實訓 為網頁元素應用CSS樣式
4.6 習題
第5章 網頁文本和圖像
5.1 案例1 設計唐詩賞析網頁
5.1.1 輸入文本
5.1.2 復制文本
5.1.3 導入文本
5.1.4 設置項目符號或編號
5.1.5 插入特殊字符、水平線和日期
5.1.6 設置文本屬性
5.2 案例2 設計制作特效文字展示頁面
5.2.1 CSS濾鏡概述
5.2.2 用CSS濾鏡設計模糊字
5.2.3 用CSS濾鏡設計陰影字
5.2.4 用CSS濾鏡設計發(fā)光字
5.2.5 用CSS濾鏡設計遮罩字
5.2.6 用CSS濾鏡設計波浪字
5.2.7 用CSS濾鏡設計射線字
5.3 學習任務：網頁圖像
5.3.1 網頁中常用的圖像格式
5.3.2 插入圖像
5.3.3 設置圖像屬性
5.3.4 用CSS設置圖像樣式
5.3.5 插入圖像占位符和鼠標經過圖像
5.4 案例3 圖文混排——設計電影介紹網站頁面
5.5 實訓
5.5.1 實訓一 設計文本頁面
5.5.2 實訓二 設計暢銷書介紹網頁
5.6 習題
第6章 網頁超鏈接與導航
6.1 案例1 設計制作過節(jié)樂網頁
6.1.1 超鏈接概述
6.1.2 創(chuàng)建各類超鏈接
6.1.3 用CSS設置超鏈接樣式
6.2 案例2 圖像地圖——設計國家地理網站頁面
6.3 學習任務：網頁導航概述
6.3.1 網頁導航作用
6.3.2 網頁導航分類
6.3.3 網頁導航方向
6.4 案例3 用CSS設計制作網頁導航
6.5 實訓 設計制作點點星空網站頁面
6.6 習題
第7章 表格
7.1 案例1 設計學生成績單
7.1.1 創(chuàng)建表格
7.1.2 設置表格屬性
7.1.3 編輯表格
7.1.4 使用CSS美化表格
7.2 學習任務：表格標簽
7.2.1 使用表格標簽制作網頁表格
7.2.2 在標簽選擇器中設置表格的屬性
7.3 案例2 使用表格布局圖書資源網
7.3.1 使用表格布局網頁
7.3.2 導入Excel文檔
7.3.3 導入表格式數據
7.3.4 排序表格
7.3.5 使用CSS美化頁面
7.4 案例3 設計旅游信息網
7.4.1 使用表格布局頁面
7.4.2 在表格中插入網頁元素
7.4.3 使用CSS美化頁面
7.5 實訓
7.5.1 實訓一 設計健康美食網
7.5.2 實訓二 設計時尚禮品網
7.6 習題
第8章 框架
8.1 案例1 使用框架布局休閑音樂網頁
8.1.1 認識框架與框架集
8.1.2 創(chuàng)建框架和框架集
8.1.3 保存框架和框架集
8.1.4 向框架中添加內容
8.2 學習任務：框架標簽
8.3 案例2 使用框架布局校園論壇頁面
8.3.1 選擇框架
8.3.2 拆分框架
8.3.3 設置框架集和框架屬性
8.3.4 在框架中添加頁面內容
8.3.5 通過鏈接框架制作導航
8.3.6 使用CSS美化頁面
8.4 案例3 使用浮動框架布局寶貝相冊網頁
8.5 實訓 設計花園式樓盤網
8.6 習題
第9章 使用Div布局網頁
9.1 學習任務：Div標簽
9.1.1 Div標簽與網頁布局
9.1.2 初識Div標簽
9.2 學習任務：AP Div基礎
9.2.1 AP Div概述
9.2.2 AP Div元素的“屬性”面板
9.2.3 “AP元素”面板
9.3 案例1 使用AP Div布局簡單網頁
9.4 學習任務：AP Div與表格相互轉換
9.4.1 將AP Div元素轉換為表格
9.4.2 將表格轉換為AP Div元素
9.5 學習任務：Div與網頁布局
9.5.1 Div標簽
9.5.2 盒子模型
9.5.3 元素的定位
9.6 案例2 定位在網頁布局中的應用
9.7 案例3 使用CSS+Div布局個人Blog