本書是以"做"為主體的課程，所有理論知識必須在技能訓練過程中得以理解和掌握，所以必須強化訓練操作技能、提高實戰能力。本課程以訓練學生網頁實戰技能、充分提高學生實踐能力為目標，將網頁制作方法、HTML、CSS、網頁設計的原理和規范等知識嵌入到各個網頁制作的案例中進行分析講解。
本書是以“做”為主體的課程，所有理論知識必須在技能訓練過程中得以理解和掌握，所以必須強化訓練操作技能、提高實戰能力。本課程以訓練學生網頁實戰技能、充分提高學生實踐能力為目標，將網頁制作方法、HTML、CSS、網頁設計的原理和規范等知識嵌入到各個網頁制作的項目中進行分析講解。
1.選用優秀的網頁制作工具
本書選用Dreamweaver作為網頁制作工具，具有可視化編輯界面和強大的所見即所得編輯功能，集網頁制作與網站管理于一身，用戶不必編寫復雜冗余的HTML源代碼，就可以快速生成網頁。
網頁的設計與制作少不了對圖形圖像的制作和加工，這就需要用到專門的圖形加工軟件。Photoshop是一款功能強大的圖像處理軟件，它是制作網頁的主流圖像處理軟件。
Flash是動畫制作軟件，它的優點是制作出來的文件很小，便于在互聯網上傳輸，它以制作網頁動畫為特長，做出的動畫聲音和動畫效果都是其他軟件無法比擬的。
本書采用的軟件版本分別為Dreamweaver CS3、Photoshop CS4和Flash CS3。
2.教材內容選取
根據網頁設計職業崗位對知識掌握的要求，本書的教學內容遵循建設一個靜態網站所涉及的主要技術來編寫，按照由簡單到復雜、由局部到整體、由易到難循序漸進地學習知識、訓練技能。
前言
第1章 網頁布局
項目1 Table布局網頁制作
一、項目展示
二、制作過程說明
項目2 DIV+CSS布局網頁制作
一、項目展示
二、制作過程說明
思考與練習
第2章 網頁圖片元素的制作
項目1 網站Favicon圖片制作
一、項目展示
二、制作過程說明
項目2 網站Logo圖片制作
一、項目展示
二、制作過程說明
項目3 網站Banner圖片制作
一、項目展示
二、制作過程說明
思考與練習
第3章 網頁動畫元素制作
項目1 Flash電子相冊制作
一、項目展示
二、制作過程說明
項目2 Flash導航條制作
一、項目展示
二、制作過程說明
思考與練習
第4章 使用超鏈接
項目1 文本超鏈接
一、項目展示
二、制作過程說明
項目2 圖像翻轉超鏈接
一、項目展示
二、制作過程說明
項目3 圖像熱點超鏈接
一、項目展示
二、制作過程說明
項目4 錨點超鏈接
一、項目展示
二、制作過程說明
思考與練習
第5章 文本與圖片效果
項目1 兒童床上用品頁面制作
一、項目展示
二、制作過程說明
項目2 電子相冊頁面制作
一、項目展示
二、制作過程說明
思考與練習
第6章 使用交互式表單
項目 會員注冊頁面制作
一、項目展示
二、制作過程說明
思考與練習
第7章 使用模板
項目 公司宣傳網站制作
一、項目展示
二、制作過程說明
思考與練習
練習答案
參考文獻
新書資訊