由楊麗芳、劉琳主編的《網頁設計與制作項目案
例教程(Dreamweaver CS6全國高職高專十二五規劃教
材)》以項目方式規劃內容，以問題導入，引起讀者
的興趣與解決問題的渴望，帶著問題學習就會事半功
倍。項目內容由淺入深，層層遞進，每個項目內容及
知識都融合於案例中，讓讀者在制作網頁的過程中學
習知識，同時也提高了技能，增長了經驗。
本書共分為11個項目：夯實基礎一網頁設計與制
作基礎；安營扎寨一在Dreamweaver中創建與管理站
點；美化利器一CSS樣式：基本功練習一添加網頁基
本元素；井然有序一應用表格；更上一層樓一DIV
+css布局網頁；統籌兼顧一框架網頁；靜裡有動一行
為與表單；一模多用一模板與庫：整裝待發一測試與
發布、維護與推廣；綜合案例一在線鮮花網站首頁制
作。在每個項目後還配備了思考練習與拓展訓練實戰
題來檢驗讀者對知識的掌握和對技能的熟練程度。本
書遵循Web標準，強調“表現與內容相分離”的設計
思想，並把這種設計思想貫穿於書中的案例；案例制
作思路與步驟都進行了詳盡描述。
本書可作為各類院校“網頁設計與制作”課程的
教材和各層次職業培訓教材，也可作為網頁設計與制
作愛好者的自學參考書。

前言
項目一 夯實基礎一網頁設計與制作基礎
1．1 任務1：了解網頁相關基礎知識
1．1．1 網站與網頁概述
1．1．2 網頁的版塊結構
1．1．3 網頁的基本構成要素
1．1．4 網頁設計與制作軟件
1．2 任務2：了解網站建設的基本流程
1．2．1 需求分析
1．2．2 網站規劃設計
1．2．3 搜集資料
1．2．4 網頁制作
1．2．5 測試發布與管理維護
1．3 任務3：學習HTML標記語言
1．3．1 HTML概念
1．3．2 HTML的結構與語法
1．3．3 HTML常用標簽
1．3．4 HTML與XHTML
1．4 任務4：HTMIL頁簡單實例——相約春天
1．4．1 案例效果展示與分析
1．4．2 網頁制作
1．4．3 保存網頁
1．4．4 預覽網頁
1．4．5 編輯網頁
思考練習
項目二 安營扎寨一在Dreamweaver中創建與管理站點
2．1 任務1：認識DreamweaverCS6
2．1．1 Dreamweaver CS6概述
2．1．2 Dreamweaver cs6工作界面
2．1．3 Dreamweaver CS6基本操作
2．2 任務2：創建與管理站點——驢行天下
2．2．1 規劃站點結構
2．2．2 創建本地站點
2．2．3 創建網頁文件與文件夾
2．2．4管理站點
2．3 任務3：使用Dreamweaver創建一個簡單網頁——My Zone
2．3．1 案例效果展示與分析
2．3．2 創建站點
2．3．3 添加內容-
2．3．4 美化網頁
思考練習
項目三 美化利器一cSS樣式
3．1 任務1：認識CSS樣式表
3．1．1 CSS概述
3．1．2 CSS基本語法
3．1．3 CSS選擇器類型
3．2 任務2：在HTML中使用CSS
3．2．1 CSS在HTML中的位置
3．2．2 CSS的繼承性
3．2．3 CSS的優先級
3．3 任務3：在Dreamweaver中創建編輯CSS
3．3．1 創建CSS樣式
3．3．2 編輯CSS樣式
3．4 任務4：使用CSS美化網頁——教務管理繫統頁面
3．4．1 效果分析
3．4．2 美化網頁
思考練習
項目四 基本功練習一添加網頁基本元素
4．1 任務1：制作文本網頁——“古典音樂”之基本簡介
4．1．1 案例效果展示與分析
4．1．2 添加網頁內容
4．1．3 美化網頁
4．2 任務2：制作圖文混排網頁——“古典音樂”之歷史起源
4．2．1 案例效果展示與分析
4．2．2 添加網頁內容
4．2．3 美化網頁
4．3 任務3：制作多媒體網頁——“古典音樂”之樂器音色
4．3．1 案例效果展示與分析
4．3．2 制作網頁
4．4 任務4：整合網頁——添加超鏈接
4．4．1 文本與圖像超鏈接
4．4．2 電子郵件超鏈接
4．4．3 錨記超鏈接
4．4．4 熱點超鏈接
思考練習
項目五 井然有序一應用表格
5．1 任務1：認識表格——制作崗位競聘表
5．1．1 案例效果展示與分析
5．1．2 創建表格
5．1．3 調整表格
5．1．4 輸入內容
5．1．5 設置表格與單元格的屬性
5．1．6 嵌套表格
5．2 任務2：制作表格布局網頁——Dreamweaver學習園地
5．2．1 案例效果展示與分析
5．2．2 創建布局表格
5．2．3 添加網頁內容
5．2．4 美化網頁
思考練習
項目六 *上一層樓一DIV+CSS布局網頁
6．1 任務1：認識盒模型
6．1．1 盒模型概述
6．1．2 元素類型
6．2 任務2：認識DIV標簽
6．2．1 插入DIV標簽
6．2．2 設置DIV屬性
6．3 任務3：制作DIV+CSS布局網頁——茶業公司首頁
6．3．1 案例效果展示與分析
6．3．2 搭建框架
6．3．3 添加內容
6．3．4 CSS美化網頁
思考練習
項目七 統籌兼顧一框架網頁
7．1 任務1：認識和創建框架
7．1．1 認識框架和框架集
7．1．2 創建與保存框架
7．1．3 框架基本操作
7．2 任務2：制作框架網頁——婚禮策劃公司網頁
7．2．1 案例效果展示與分析
7．2．2 制作框架集網頁
7．2．3 制作框架網頁
7．2．4 創建框架中的鏈接
7．3 任務3：制作iframe框架網頁
7．3．1 案例效果展示與分析
7．3．2 制作iframe網頁
思考練習
項目八 靜裡有動一行為與表單
8．1 任務1：認識行為
8．1．1 行為相關概念
8．1．2 “行為”面板
8．2 任務2：應用行為
8．2．1 應用彈出信息行為
8．2．2 打開瀏覽器窗口行為
8．2．3 改變屬性行為
8．2．4 顯示隱藏行為
8．2．5 設置文本行為
8．3 任務3：認識表單
8．3．1 表單域
8．3．2 表單對像
8．4 任務4：表單使用——制作新用戶注冊頁面
8．4．1 案例效果展示與分析
8．4．2 搭建框架
8．4．3 添加內容
8．4．4 美化網頁
思考練習
項目九 一模多用一模板與庫
9．1 任務1：認識模板
9．1．1 模板概述
9．1．2 創建模板
9．2 任務2：使用模板制作網站——“星語星願”網站制作
9．2．1 案例效果展示與分析
9．2．2 創建模板
9．2．3 制作模板
9．2．4 定義可編輯區域
9．2．5 制作基於此模板的頁面——首頁
9．2．6 制作基於此模板的頁面——處女座二級頁面
9．3 任務3：操作模板
9．3．1 編輯模板
9．3．2 文檔脫離模板
9．4 任務4：庫的應用——運動文字
9．4．1 創建庫項目
9．4．2 使用庫項目
思考練習
項目十 整裝待發一測試與發布、維護與推廣
10．1 任務1：測試與發布網站
10．1．1 測試網站
10．1．2 發布網站
10．2 任務2：維護網站
10．2．1 同步本地與遠程站點
10．2．2 取出與存回文件
10．2．3 遮蓋
10．3 任務3：網站的優化推廣
10．3．1 注冊搜索引擎
10．3．2 SEO搜索引擎優化
10．3．3 其他推廣策略
思考練習
項目十一 綜合案例一在線鮮花網站首頁制作
11．1 任務1：網站建設規劃
11．1．1 需求分析
11．1．2 確定網站風格
11．1．3 規劃網站結構
11．2 任務2：前期制作準備
11．2．1 搜集素材
11．2．2 制作Banner動畫
11．2．3 繪制偽界面
11．2．4 拆分圖紙獲取素材
11．3 任務3：案例效果分析
11．4 任務4：制作網頁
11．4．1 創建站點
11．4．2 搭建框架
11．4．3 網頁細化
思考練習
參考文獻