第1章 網頁制作基礎  1 
任務 1 認識網頁基礎知識  1 
知識點：網頁的基礎知識  1 
任務 2 認識網頁制作工具  6 
知識點：網頁編輯工具及圖像、動畫制作工具  6 
任務 3 認識網站開發流程  7 
知識點：網站開發流程  7 
【上機操作 1】  9 
【理論習題 1】  10 
第2章 Dreamweaver CS6 與創建管理網站  11 
任務 1 了解 Dreamweaver CS6 的安裝  11 
知識點：Dreamweaver CS6 安裝、啟動與退出  11 
任務 2 認識工作窗口、文檔窗口和浮動面板  12 
知識點：介紹工作窗口、文檔窗口和浮動面板  12 
任務 3 創建並管理網站  15 
知識點：創建站點  15 
任務 4 設置網頁基本標記與制作網頁  18 
知識點：設置網頁基本標記與制作網頁  18 
任務 5 網站上傳  29 
知識點：注冊域名、申請網頁空間和網站上傳  29 
【上機操作 2】  31 
【理論習題 2】  32 
第3章 HTML 標記語言  33 
任務 1 HTML 基礎  33 
知識點：HTML 的基本概念及其基本結構  33 
任務 2 HTML 標記詳解  36 
知識點：HTML 的各類標記  36 
【上機操作 3】  54 
【理論習題 3】  55 
第4章 網頁編輯與超鏈接  57 
任務 1 網頁中文本的設置及其 HTML 代碼  57 
知識點：輸入文本和設置文本屬性及其 HTML 代碼  57
任務 2 插入圖像並設置圖像屬性及其 HTML 代碼  65 
知識點：在網頁中插入圖像並設置圖像屬性及其 HTML 代碼  65 
任務 3 制作圖像效果和插入 Flash 電影  72 
知識點：滾蓋圖、圖像映射和 Flash 動畫的插入  72 
任務 4 設置超鏈接及其 HTML 代碼  78 
知識點：超鏈接的設置及其 HTML 代碼  78 
【上機操作 4】  90 
【理論習題 4】  91 
第5章 表格布局網頁  92 
任務 1 在網頁中插入表格及其 HTML 代碼  92 
知識點：插入表格及其 HTML 代碼  92 
任務 2 在網頁中編輯表格  95 
知識點：表格的編輯 95 
任務 3 表格屬性的設置及其 HTML 代碼  97 
知識點：設置表格屬性及其 HTML 代碼  97 
任務 4 創建嵌套表格  100 
知識點：嵌套表格  100 
任務 5 表格的綜合應用  103 
知識點：表格的綜合應用  103 
任務 6 創建框架網頁  105 
知識點：用 HTML 代碼標記創建框架和框架集  105 
【上機操作 5】  110 
【理論習題 5】  110 
第6章 用 CSS 布局網頁  111 
任務 1 創建和應用 CSS 樣式及其代碼  111 
知識點：創建和應用 CSS 樣式及其代碼  111 
任務 2 創建和鏈接外部 CSS 樣式表  123 
知識點：創建與鏈接外部 CSS 樣式表  123 
任務 3 用列表 CSS 制作導航欄  127 
知識點：無序列表、方框、邊框和浮動 float  127 
任務 4 CSS 盒子模型及其定位與浮動  132 
知識點：CSS 盒子模型及其定位與浮動 float  132 
任務 5 使用 DIV CSS 布局網頁  139 
知識點：DIV CSS 布局和 SEO  139 
【上機操作 6】  148 
【理論習題 6】  150 
第7章 使用 JavaScript 創建動態網頁  151 
任務 1 行為概念  151 
知識點：行為的概念簡介  152 
任務 2 附加、編輯行為  154 
知識點：附加、編輯行為  154 
任務 3 JavaScript 基礎知識  158 
知識點： JavaScript 基礎知識  158 
任務 4 使用

軟件變得更加便捷，再加上人們對網頁制作技術知識的不斷更新，如今的網頁制作越來越五彩繽紛，令人目不暇接。企事業單位在互聯網上創建自己的網站，能更好地推廣企事業單位文化、樹立企事業單位形像、進行產品與服務介紹、展示企事業單位的新風貌。
網頁制作技術已成為當今社會一種比較熱門的技術，同時也是高職學院計算機及其他相關專業學生的必修課程。 
本書貫徹“工學結合、項目導向”的課程教學模式，以企事業單位實用案例為主線，介紹了 Dreamweaver CS6 的使用方法，著重介紹了 HTML CSS JavaScript 基本知識和實際操作。本書在注重繫統性、科學性的基礎上重點突出了實用性與可操作性，旨在培養學生具有獨立設計與制作“畫面精美、圖文並茂、功能齊全、操作與維護方便、運行安全可靠”網頁的能力，以及掌握制作網頁的方法與技巧。 
本書推薦授課課時為 54～72 學時，並提倡在實驗室授課；課程結束後，建議安排1～2 周的實訓。本書共 7 章：第 1 章介紹網頁制作基礎，第 2 章介紹 Dreamweaver CS6與創建管理網站，第 3 章介紹 HTML 標記語言，第 4 章介紹網頁編輯與超鏈接；第 5 章為表格布局網頁，第 6 章使用 CSS 布局網頁，第 7 章使用 JavaScript 創建動態網頁。本書注重網頁制作能力的訓練，每章後均安排了精選的上機操作案例與實訓練習，力求通過循序漸進的方法強化學生的網頁制作能力。 
本書內容豐富、案例經典、素材新穎，采用任務、案例驅動方式將網頁制作劍客的使用方法與技巧分解成 50 個知識點，同時精選 52 個案例、11 個實訓；每個知識點作為一個任務；每個任務首先介紹相關背景知識，然後通過實用案例、實訓和綜合實訓 3 個環節來強化相關知識點的實際操作與應用能力。每個案例均有詳細的操作步驟，而實訓隻給出操作步驟和網頁瀏覽效果，操作步驟留給讀者自行完成，以加強讀者對知識點的實戰演練。綜合實訓則是對多個知識點的綜合應用。 
本書由賴步英主編和策劃。第 1、2、3、4、5、6 章由賴步英編寫，第 7 章由傅宜寧編寫並由青宏燕審查修改，全書由賴步英後統稿。 
在本書的編寫過程中，還引用了《Dreamweaver CS6 Flash CS6 網頁制作技術與案例精解（第 2 版）》中陶玲妹和廖曉芳編寫的案例，很感謝陶玲妹老師和廖曉芳老師的大力支持，廣州智力樂園信息技術有限公司總經理遊玉椿工程師為本書提供了實用案例，並從實際工作出發提出了諸多實戰經驗。同時，廣州市巨澤電子通訊有限公司為本書提供了高清圖像和企業實用案例等素材，以及寶貴的網頁制作經驗；在此一並表示感謝！
為了方便教學，本書免費贈送全部案例、實訓、習題及附錄中兩套上機測試題所需要的素材，以及制作好的完整案例、實訓和上機習題涉及的相關網頁，讀者可到清華大學出版社網站自行下載。 
作者本著嚴謹的態度編寫了本書，但書中難免存在疏漏和不足之處，敬請廣大讀者批評指正。 
編 者