本教材以中華人民共和國教育部頒發的中等職業學校網站建設與管理專業教學標準為指導，以培養學生的實際動手能力為目標，以當前中職學生的認知能力為前提，從實用的角度出發，語言簡明生動，采用範例式教學由淺入深地介紹了網頁制作的過程，並詳細介紹了實踐中的經驗和技巧。

第1章 網頁制作基礎\t1
任務一 初識網頁、網站\t1
1．1．1 認識網頁\t2
1．1．2 HTML基礎\t3
1．1．3 URL、IP地址與域名\t5
1．1．4 網站的分類\t5
1．1．5 靜態網頁與動態網頁\t6
1．1．6 網頁與網站\t7
任務二 制作網頁的常用工具\t7
任務三 網站的創建流程\t7
1．3．1 網站的創建流程\t7
1．3．2 範例網站的創建流程\t9
任務四網頁制作的注意事項\t10
1．4．1 網頁的特點\t10
1．4．2網頁制作的基本原則\t11
習題與上機練習\t12
第2章 創建企業簡介頁面\t15
任務一 了解Dreamweaver CS5\t16
2．1．1啟動Dreamweaver CS5\t16
2．1．2創建本地站點\t18
2．1．3站點的修改和編輯\t20
2．1．4制作一個簡單網頁\t20
2．1．5 載入“跟蹤圖像”\t22
任務二 Web文檔的常用操作\t23
2．2．1 創建新的文檔\t23
2．2．2 保存文檔\t23
2．2．3 打開文檔\t24
2．2．4 設置新建網頁的頁面屬性\t24
任務三了解頁面布局工具\t25
2．3．1 表格的排版原則\t26
2．3．2 插入表格\t27
2．3．3選素\t28
2．3．4設置表格屬性\t29
2．3．5格屬性\t29
2．3．6表格嵌套\t31
任務四添加文本\t31
2．4．1文本的輸入\t32
2．4．2 設置文本格式\t32
2．4．3 編輯字體列表\t33
2．4．4 插入特殊符號\t34
2．4．5插入日期\t35
2．4．6 插入水平線\t35
2．4．7文字的分行\t36
2．4．8編號與項目列表\t36
2．4．9段落的首行縮進\t37
任務五插入圖像\t38
2．5．1 圖像格式\t38
2．5．2 插入圖像\t38
2．5．3 插入圖像占位符\t39
2．5．4 設置圖像的屬性\t40
2．5．5 插入鼠標經過圖像\t41
任務六了解HTML和CSS\t42
2．6．1HTML基礎\t42
2．6．2CSS樣式\t43
任務七 插入文件頭內容\t47
2．7．1 插入文檔標題\t47
2．7．2 插入說明信息和關鍵字\t48
習題與上機練習\t54
第3章 網站列表頁面的實現\t59
任務一認識超鏈接\t60
3．1．1添加站點間的“友情鏈接”\t60
3．1．2 添加站點內的文本超鏈接\t62
3．1．3添加E-mail鏈接\t64
3．1．4添加網頁內的超鏈接\t64
3．1．5 添加空鏈接及腳本鏈接\t65
3．1．6添加圖像熱點鏈接\t65
任務二用層布局頁面\t66
3．2．1創建層\t67
3．2．2制作懸停廣告\t70
3．2．3用“層+CSS”布局網頁\t71
任務三了解框架\t74
3．3．1框架的類型\t75
3．3．2 創建框架集頁面\t75
3．3．3選擇框架和框架集\t77
3．3．4設置框架屬性\t78
3．3．5控制具有鏈接的框架內容\t78
任務四使用庫項目重素\t79
3．4．1 創建庫項目\t79
3．4．2 添加庫項目\t80
3．4．3 編輯庫項目\t80
任務五用模板統一網頁風格\t81
3．5．1創建模板\t82
3．5．2模板區域的類型\t84
3．5．3定義可編輯區域\t84
3．5．4使用模板創建統一風格的網頁\t84
3．5．5在網頁中添加模板\t85
3．5．6 編輯模板文件\t86
習題與上機練習\t92
第4章 打造企業留言板\t98
任務一創建表單\t99
4．1．1創建表單\t99
4．1．2設置表單屬性\t100
任務二在表單中添加表單對像\t100
4．2．1創建文本域\t100
4．2．2創建文件域\t103
4．2．3創建單選按鈕組\t104
4．2．4創建復選框\t105
4．2．5創建列表和菜單\t106
4．2．6創建跳轉菜單\t107
4．2．7創建表單按鈕\t108
4．2．8創建圖形提交按鈕\t108
4．2．9創建隱藏域\t109
任務三檢查表單\t110
任務四用電子郵件發送表單數據\t111
習題與上機練習\t116
第5章 制作網站的首頁\t119
任務一插入Flash\t120
5．1．1 Flash文件類型\t120
5．1．2插入Flash動畫\t120
5．1．3插入Flash視頻\t121
任務二 添加音頻音樂\t123
5．2．1添加背景音樂\t123
5．2．2 鏈接到音頻文件\t123
任務三創建滾動字幕\t124
任務四學習使用“行為”面板\t125
5．4．1關於“行為”面板\t126
5．4．2 彈出信息\t126
5．4．3 打開瀏覽器窗口\t127
5．4．4動態效果顯示層\t128
5．4．5顯示和隱藏層\t129
任務五使用JavaScript特效\t130
5．5．1制作圖片漂浮廣告\t131
5．5．2焦點大圖切換\t132
習題與上機練習\t142
第6章 站點的發布\t146
任務一 站點的本地測試\t146
6．1．1 檢查鏈接\t146
6．1．2 檢查瀏覽器的兼容性\t147
任務二 申請域名和空間\t148
6．2．1申請域名\t148
6．2．2 申請服務器空間\t149
任務三 用Dreamweaver發布網站\t153
6．3．1設置站點信息\t153
6．3．2發布站點\t154
6．3．3用FTP方式上傳網頁文件\t157
習題與上機練習\t160
第7章 網頁制作綜合訓練\t162
項目一 創建企業網站\t162
任務一 搭建網站的架構\t163
任務二 設計網頁版面\t163
任務三 準備相關素材\t166
任務四 創建本地站點\t175
任務五 制作站點首頁\t175
任務六 制作站點正文頁面\t183
任務七 制作二級頁面\t183
項目二 打造小微企業網站\t185
項目三 制作手機網站\t190
任務一 制作跳轉頁面\t190
任務二 制作首頁\t191
任務三 制作二級列表頁\t196
任務四 制作三級內容頁面\t200
項目四 制作個人網站\t202
任務一 制作跳轉頁面\t202
任務二 制作首頁\t203
任務三 制作二級鏈接列表頁面\t211
任務四 制作三級正文頁面\t213
習題與上機練習\t215

１．本書特色

本書根據教育部頒發的《中等職業學校專業教學標準（試行）信息技術類（第一輯）》中的相關教學內容和要求編寫而成。

本書以Dreamweaver為工具，全書內容設置以創建6個範例網站項目為導向，共分7章，以配合學習者在不同時期的知識、技能需求。書中準備了大量的實例任務，邊學邊練有助於提高學習效率，還可以幫助學習者規劃學習進度，方便教師進行考核和評價。考慮到開始接觸網頁制作時的學習接受能力，初期重點是讓學習者能夠掌控網站及網頁框架，先用簡單易懂的表格布局方法，後面的實訓中將用到目前業內流行的DIV+CSS技術，這樣學習者不僅能學到完整的網頁制作的工作流程，更有助於掌握實用的技能。

本書以培養學生的實際動手能力為目標，以適合當前中職學生的認知能力為前提，從實用的角度出發，以簡明生動的語言，采用範例式教學由淺入深地介紹了網頁制作的實際工作流程，並詳細介紹了實踐中的工作經驗和技巧。

2．課時分配

本書的教學參考時數為96課時，即16個教學周，每周6課時，為了取得更好的教學效果，建議另外安排不少於16課時的集中實訓時間，並將是否能做出自己的個人網站作為評價標準。

3．教學資源

為了提高學習效率和教學效果，方便教師教學，編者為本書配備了包括電子教案、教學指南、素材文件、微課，以及習題參考答案等配套的教學資源。請有此需要的讀者登錄華信教育資源網（http://www.hxedu.com.cn）免費注冊後進行下載。若有問題，可在網站留言板留言或與電子工業出版社聯繫（E-mail:hxedu@phei.com.cn）。