《網頁設計與制作實例教程》根據作者胡必波和
程憲憲多年的網頁設計軟件教學經驗編寫，內容既考
慮了網頁設計軟件的通用性，又考慮了網頁設計的方
法與技巧，還考慮了學生制作網頁的商業實用價值等
學習方面的需求，將三者有機結合。本書以
Dreamweaver CS5 為軟件平臺，采用一個實用商業“
愛上設計”靜態網站來組織網頁設計與制作內容，從
網站策劃、效果設計、網頁排版到整體網站站點建設
，從無到有給出一個相對完整的制作流程。本書共分
為8章，內容包括網頁設計與網站規劃、項目展示與
Dreamweaver入門、利用HTML+CSS格式化網頁排版、
利用Table+CSS組織顯示網頁數據、利用Form+CSS設
計交互式表單、網頁布局技術、利用庫和模板批量創
建網頁、利用JavaScript行為創建特效網頁等。每一
章都是網站建設的一個環節，把本書每一章的實例結
合在一起，就構成了一個完整的網站。書中所講的核
心技術幾乎涉及所有網頁制作與設計中可能踫到的技
術問題。
本書可作為高職高專院校的網頁設計課程的教材
，也可以作為有一定網頁設計基礎和操作能力的人員
的自學用書或參考資料，還可以作為企事業單位網頁
設計人員的培訓教材。

第1章 網頁設計與網站規劃
1.1 網頁、網站的概念
1.1.1 基本術語
1.1.2 網頁、網站和主頁
1.1.3 靜態網頁和動態網頁
1.2 認識Web標準
1.2.1 Web標準的概念
1.2.2 認識Web標準
1.3 常用網頁設計工具
1.3.1 網頁圖形圖像處理工具
1.3.2 網頁編輯工具
1.3.3 網頁動畫制作工具
1.3.4 網頁CMS繫統應用軟件
1.3.5 網頁上傳工具
1.4 網站規劃
1.4.1 網站策劃書
1.4.2 “愛上設計”網站策劃書
1.5 實戰練習
第2章 項目展示與Dreamweaver入門
2.1 項目頁面展示
2.2 認識網頁基本組成元素
2.3 操作演練：DreamweaverCS5入門
2.3.1 DreamweaverCS5工作環境
2.3.2 創建網站站點
2.4 操作演練：制作網頁基本頁面
2.4.1 網頁文檔與HTML
2.4.2 網頁文檔與字體
2.4.3 網頁頁面整體設置
2.5 實戰練習
第3章 利用HTML+CSS格式化網頁排版
3.1 HTML基礎
3.1.1 基本概念
3.1.2 常用元素
3.2 CSS基礎
3.2.1 在HTML中使用CSS的3種形式
3.2.2 各種樣式表的優先級
3.2.3 CSS語法結構
3.2.4 CSS盒子模型
3.3 DreamweaverCS5與CSS樣式屬性
3.3.1 定義CSS樣式“類型”屬性
3.3.2 定義CSS樣式“背景”屬性
3.3.3 定義CSS樣式“區塊”屬性
3.3.4 定義CSS樣式“方框”屬性
3.3.5 定義CSS樣式“邊框”屬性
3.3.6 定義CSS樣式“列表”屬性
3.3.7 定義CSS樣式“定位”屬性
3.3.8 定義CSS樣式“擴展”屬性
3.4 操作演練：效果圖切片導出網頁
3.5 操作演練：“服務範圍”頁面排版
3.5.1 網頁段落排版
3.5.2 CSS文檔統籌與編碼優化
3.5.3 輸入段落文字排版內容
3.5.4 建立新樣式表與應用樣式表
3.5.5 優化樣式表
3.6 操作演練：“關於我們”頁面排版
3.6.1 網頁圖像
3.6.2 圖像熱區
3.6.3 網頁鏈接
3.6.4 關於“關於我們”頁面排版
3.7 實戰練習
第4章 利用Table+CSS組織顯示網頁數據
4.1 表格基礎
4.1.1 基本概念
4.1.2 常用的表格元素
4.1.3 常用的表格屬性
4.1.4 與表格相關的CSS屬性
4.2 操作演練：效果圖切片導出網頁
4.3 操作演練：“查看所有選題”頁面數據表格
4.3.1 表格中重要的排版屬性
4.3.2 CSS控制表格邊框
4.3.3 制作“查看所有選題”頁面數據表格
4.4 操作演練：“後臺登錄”頁面表格布局
4.4.1 表格布局技術
4.4.2 利用表格布局“後臺登錄”頁面
4.5 實戰練習
第5章 利用Form+CSS設計交互式表單
5.1 表格基礎
5.1.1 基本概念
5.1.2 表單標簽
5.1.3 表單域
5.2 操作演練：效果圖切片導出網頁
5.3 操作演練：制作“後臺登錄”頁面表單
5.3.1 表單版式
5.3.2 制作“後臺登錄”頁面登錄表單
5.4 操作演練：制作“留言本”頁面表單
5.4.1 表單布局
5.4.2 制作“留言本”頁面表單
5.4.3 美化下拉列表框
5.5 實戰練習
第6章 網頁布局技術
6.1 網頁布局基礎
6.1.1 基本概念
6.1.2 CSS定位
6.1.3 CSS浮動
6.2 框架布局基礎
6.2.1 基本概念
6.2.2 框架的使用
6.3 DIV+CSS布局基礎
6.4 操作演練：利用DIV+CSS布局前臺“首頁”
6.4.1 DIV+CSS布局思路
6.4.2 DIV+CSS常用頁面布局
6.4.3 網站開發常用命名規範
6.4.4 利用DIV+CSS布局前臺“首頁”
6.5 實戰練習
第7章 利用庫和模板批量創建網頁
7.1 模板
7.1.1 基本概念
7.1.2 建立模板
7.1.3 定義模板區域
7.1.4 模板的應用
7.2 操作演練：利用模板創建重復的網頁
7.3 庫
7.3.1 基本概念
7.3.2 庫項目的創建
7.3.3 編輯庫項目
7.4 操作演練：利用庫創建每頁相似的內容
7.5 實戰練習
第8章 利用JavaScript行為創建**網頁
8.1 DOM模型
8.1.1 基本概念
8.1.2 DOM**對像
8.2 JavaScript腳本語言簡介
8.2.1 基本概念
8.2.2 基本語法
8.2.3 JavaScript事件
8.2.4 JavaScript常用內置對像
8.3 操作演練：驗證“後臺登錄”頁面表單
8.3.1 常見的表單驗證
8.3.2 驗證“後臺登錄”頁面表單
8.4 操作演練：實現前臺“首頁”菜單翻轉功能
8.4.1 設置鼠標經過圖像
8.4.2 制作前臺“首頁”菜單翻轉功能
8.5 操作演練：制作“首頁”圖像滾動效果
8.6 實戰練習
參考文獻