職業教育要把人力資源轉化成人力資本，職業教育是直接創造價值的教育，要瞄準人才產業鏈和價值鏈培養，而不是培養一技之長。作為電子商務專業的高職學生來講，要想在“電子類”行業創造價值，就必須擁有多技之長，其中對軟件Dreamweaver的操作和掌握則是基礎。而單純的知識講解猶如“無源之水”——缺少了市場對人才需求的衡量和評判，要想讓高職教育緊貼就業，就必須使行業的專家參與到教材的編寫中來，因此在河南省電子商務行業教學指導委員會的牽頭下，本教材的編寫人員集合了高職院校電子商務專業教學的一線教師，吸納了省內電子商務領域的一流行業專家的建議與意見，突出教材的實用性。

編者結合自身教學體會，認真分析了目前同類教材在使用中的效果和反饋意見，學習和總結了目前高職教育領域中比較先進的教學理論，進而對本教材的編寫理念、結構、內容等方面做了比較積極的探索。

從編寫理念上，本教材緊貼高職教育特點，不盲從本科院校高深的理論基調，秉承著讓學生“能學會，會動手”的指導思想，提煉出以下四個方面的教材特點：

（1）基礎性。本書從基本的網頁編寫開始，逐步遞進，分層次，分步驟，系統而詳細地講述了網頁編寫的基本理論知識，方便沒有網頁編寫知識的學生學習。

（2）實用性。在本書的編寫過程中，編者吸取了在教課過程中學生學習反饋的經驗，比如有些知識點掌握得不夠牢固，學生在做練習時頻繁出錯，在教材中就適當加大該內容的篇幅以及從多角度來闡述知識點，使高職學生能夠全面深入地了解和掌握。

（3）引導性。本書全面闡述了網頁設計與制作的流程，將Dreamweaver CS5.5軟件的各個功能版塊做了詳細的說明和講解示范，內容淺顯易懂，便于學生掌握和操作，以此能夠提高學生學習的興趣和成就感，形成良好的后續學習引導作用。

（4）拓展性。在本書的習題部分配有資料參考，在所提供的書籍和網站上，學生能夠獲取進一步的知識內容，便于其從深度和廣度去拓展自我的知識技能和實踐技能，使學生不僅學會本門技術更能學精技術，使自我在求職領域脫穎而出，彰顯高職學生的素質。

本教材內容突出對學生職業能力的訓練，以培養高等職業院校學生網頁設計與制作的實際技能為主要目標，主要講述了網頁設計與制作的常用基本技術，內容以Dreamweaver CS5.5為主體，對軟件的各項功能操作進行了詳細描述，并簡要介紹了相關的網頁設計與制作的基礎知識、HTML語言等內容，在知識的安排上充分遵循高職學生的認知規律，體現了“以學生為中心，以教師為主導，以培養學生的技能為目標”的教學理念，最終實現學生綜合能力和綜合素質的提高。

本書既可作為高職高專院校電子商務、計算機應用、信息管理等專業的相關課程用書，也可作為網頁設計自學者的參考書。

本書由河南經貿職業學院王鐵樁老師擔任主編并制定編寫大綱，河南經貿職業學院路正佳老師、鄭州科技學院孟剛老師任副主編。具體編寫分工如下：第1、2、9章由河南經貿職業學院路正佳編寫，第3、4章由河南工業貿易職業學院郭小娟編寫，第5、6章由鄭州財經學院高麗燕編寫，第7、8章由鄭州科技學院孟剛編寫。全書由王鐵樁整體設計及通稿。

由于編者水平有限及時間倉促，書中難免會存在缺點和不足，還懇請讀者和各位同行諒解，并歡迎大家多提寶貴意見以便改進，謝謝！

編 者

2015年1月

第1章 網頁與網站的基礎知識 1
1.1 網頁制作與網站建設基礎 1
1.1.1 靜態網頁介紹 1
1.1.2 動態網頁介紹 1
1.1.3 常見網站類型 2
1.2 網頁布局設計與色彩搭配 5
1.2.1 網頁版面布局的原則和方法 5
1.2.2 網頁布局的結構形式 6
1.2.3 網頁配色基礎 10
1.2.4 網站布局特點 19
1.2.5 經典網頁欣賞 23
1.3 Dreamweaver認知 26
1.3.1 Dreamweaver CS5.5的新功能 26
1.3.2 Dreamweaver CS5.5的工作界面 26
1.4 HTML基礎 32
1.4.1 HTML基本標記 32
1.4.2 格式標記 33
1.4.3 文本標記 34
1.4.4 圖像標記 35
1.4.5 表格標記 37
1.4.6 鏈接標記 38
本章小結 39
習題1 39
第2章 站點的搭建與管理 41
2.1 創建本地站點 41
2.1.1 規劃站點 41
2.1.2 創建站點 41
2.2 管理本地站點 45
2.2.1 編輯站點 45
2.2.2 復制站點 45
2.2.3 刪除站點 46
2.2.4 創建文件夾和文件 46
2.2.5 文件夾和文件的復制、刪除或重命名 46
2.2.6 編輯站點文件 47
2.3 網頁的基本操作 48
2.3.1 新建網頁 48
2.3.2 保存網頁 48
2.3.3 打開與關閉網頁 49
2.3.4 頁面屬性的設置 50
本章小結 54
習題2 54
第3章 網頁中的基本元素 55
3.1 文本及其常用格式設置 55
3.1.1 復制和粘貼文本 55
3.1.2 分段和換行 55
3.1.3 插入空格及文本縮進方式 55
3.2 圖形圖像及其常用設置 56
3.2.1 插入圖像 57
3.2.2 設置圖像屬性 57
3.2.3 插入圖像占位符 59
3.2.4 插入鼠標經過圖像 59
3.3 動畫、聲音及其常用設置 60
3.3.1 插入SWF動畫 60
3.3.2 插入Flash按鈕 61
3.3.3 插入Flash文本 62
3.3.4 插入圖片查看器 62
3.3.5 插入視頻及音頻 63
3.4 表格及其設置 64
3.4.1 插入及選擇表格 64
3.4.2 調整表格和單元格的大小 65
3.4.3 添加和刪除表格、行與列 66
3.4.4 拆分和合并單元格 68
3.4.5 設置表格屬性 68
3.4.6 設置單元格的屬性 69
3.4.7 表格實例 70
本章小結 70
習題3 70
第4章 超鏈接及表單 72
4.1 超級鏈接 72
4.1.1 文本及圖像超鏈接 72
4.1.2 錨記鏈接 73
4.1.3 其他超鏈接 73
4.2 表單應用 75
4.2.1 表單及表單對象簡介 75
4.2.2 插入表單域 75
4.2.3 插入表單對象 76
4.2.4 和提交表單相關的服務器端
腳本處理知識 85
本章小結 88
習題4 88
第5章 DIV簡介 89
5.1 DIV基本語法及用法 89
5.1.1 關于DIV標簽 89
5.1.2 插入DIV標簽 89
5.1.3 編輯DIV標簽 90
5.1.4 關于AP Div 90
5.1.5 插入AP Div 91
5.1.6 嵌套AP Div 91
5.1.7 設置AP Div的屬性 93
5.1.8 編輯AP Div 94
5.1.9 AP Div與表格的轉換 96
5.2 DIV在不同瀏覽器中的兼容性 98
5.2.1 為什么會出現兼容性問題 99
5.2.2 瀏覽器兼容性問題 99
5.2.3 瀏覽器兼容性解決方案 99
本章小結 100
習題5 101
第6章 CSS樣式表 102
6.1 CSS基礎 102
6.1.1 CSS簡介 102
6.1.2 在HTML頁面中引入CSS的方法 102
6.2 CSS選擇器 104
6.2.1 標記選擇器：整體控制 104
6.2.2 類選擇器：精確控制 105
6.2.3 id選擇器：控制特殊的網頁元素 107
6.2.4 群選擇器 108
6.2.5 交集選擇器 109
6.2.6 偽類選擇器 109
6.2.7 CSS繼承 111
6.2.8 層疊 111
6.3 創建CSS樣式 112
6.3.1 新建CSS樣式的方法 112
6.3.2 “CSS樣式”面板 114
6.3.3 創建樣式 116
6.4 管理CSS樣式 118
6.4.1 編輯CSS樣式 118
6.4.2 添加屬性 119
6.4.3 鏈接和導入樣式表 120
6.4.4 移動CSS規則 120
6.5 設置CSS樣式屬性 121
6.5.1 設置CSS“類型”分類屬性 121
6.5.2 設置CSS“背景”分類屬性 121
6.5.3 設置CSS“區塊”分類屬性 123
6.5.4 設置CSS“方框”分類屬性 124
6.5.5 設置CSS“邊框”分類屬性 126
6.5.6 設置CSS“列表”分類屬性 127
6.5.7 設置CSS“定位”分類屬性 127
6.5.8 設置CSS“擴展”分類屬性 128
6.6 使用CSS對頁面進行布局 129
6.7 項目實戰一：圖文列表 130
6.8 項目實戰二：豎排導航 136
6.9 項目實例三：水平導航 138
本章小結 142
習題6 142
第7章 站點的發布與推廣 143
7.1 測試站點 143
7.1.1 瀏覽器的兼容性 143
7.1.2 鏈接的測試 144
7.2 發布網站 147
7.3 網站的運營與維護 149
7.3.1 網站訪問統計 149
7.3.2 搜索引擎收錄 150
7.3.3 SEO簡介 150
7.3.4 SEO的方法和策略 151
7.4 網站的推廣與優化 152
7.4.1 網站優化與推廣的基本理論 152
7.4.2 網站優化與推廣的方法 152
7.4.3 網站優化與推廣的步驟 153
本章小結 153
習題7 154
第8章 網站制作實例 156
8.1 配置服務器 156
8.1.1 AppServ 156
8.1.2 AppServ的安裝過程 156
8.2 制作一個簡單的站點 160
8.2.1 創建頁面—心靈品管 160
8.2.2 創建頁面—感悟 166
8.2.3 設置鏈接 171
8.2.4 網站測試 172
本章小結 175
習題8 175
第9章 網站制作實例——校園生活網站
建設實例 176
項目一 規劃設計校園生活網站 176
項目二 創建校園生活網站站點 177
項目三 應用表格進行網站布局 178
項目四 應用CSS樣式編輯文本 181
項目五 插入圖像 185
項目六 制作表單 190
項目七 制作子網頁并添加導航鏈接 192
參考文獻 199

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛國]
13. C程序設計（慕課版） [劉衛國]
14. Web技術開發教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統項目管理師章節習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發 [李智威 著]
30. 網絡規劃設計師備考一本通 [夏杰 編著]