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

編者結(jié)合自身教學(xué)體會，認(rèn)真分析了目前同類教材在使用中的效果和反饋意見，學(xué)習(xí)和總結(jié)了目前高職教育領(lǐng)域中比較先進的教學(xué)理論，進而對本教材的編寫理念、結(jié)構(gòu)、內(nèi)容等方面做了比較積極的探索。

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

（1）基礎(chǔ)性。本書從基本的網(wǎng)頁編寫開始，逐步遞進，分層次，分步驟，系統(tǒng)而詳細(xì)地講述了網(wǎng)頁編寫的基本理論知識，方便沒有網(wǎng)頁編寫知識的學(xué)生學(xué)習(xí)。

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

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

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

本教材內(nèi)容突出對學(xué)生職業(yè)能力的訓(xùn)練，以培養(yǎng)高等職業(yè)院校學(xué)生網(wǎng)頁設(shè)計與制作的實際技能為主要目標(biāo)，主要講述了網(wǎng)頁設(shè)計與制作的常用基本技術(shù)，內(nèi)容以Dreamweaver CS5.5為主體，對軟件的各項功能操作進行了詳細(xì)描述，并簡要介紹了相關(guān)的網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識、HTML語言等內(nèi)容，在知識的安排上充分遵循高職學(xué)生的認(rèn)知規(guī)律，體現(xiàn)了“以學(xué)生為中心，以教師為主導(dǎo)，以培養(yǎng)學(xué)生的技能為目標(biāo)”的教學(xué)理念，最終實現(xiàn)學(xué)生綜合能力和綜合素質(zhì)的提高。

本書既可作為高職高專院校電子商務(wù)、計算機應(yīng)用、信息管理等專業(yè)的相關(guān)課程用書，也可作為網(wǎng)頁設(shè)計自學(xué)者的參考書。

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

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

編 者

2015年1月

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

1. 零基礎(chǔ)玩轉(zhuǎn)國產(chǎn)大模型DeepSeek [徐永冰 張帥 編著]
2. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統(tǒng)項目管理師考試32小時通關(guān)（適用第4版考綱） [薛大龍]
4. 信息系統(tǒng)管理工程師考試32小時通關(guān)（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測實訓(xùn) [洪曉江 達(dá)則曉麗 錢波]
6. 科技信息檢索與論文寫作實用教程 [李振華]
7. 傳統(tǒng)山水畫論解讀與實踐 [陳鈉 著]
8. Python數(shù)據(jù)庫編程 [主編 殷樹友 邢 翀]
9. 計算機基礎(chǔ)實訓(xùn)指導(dǎo) [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國勇 晏廷榮]
11. Vienna整流器技術(shù) [桂存兵 著]
12. 變頻器與伺服應(yīng)用 [陳剛 葉云飛]
13. 物聯(lián)網(wǎng)工程設(shè)計與實踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運營與管理 [鐘肖英 陳瀟]
16. Java面向?qū)ο蟪绦蛟O(shè)計 [主編 姜春磊 陳虹潔]
17. 信息技術(shù)基礎(chǔ)（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應(yīng)用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學(xué)生職業(yè)發(fā)展與就業(yè)指導(dǎo) [主編　劉志堅]
20. 高級辦公應(yīng)用項目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發(fā)項目實戰(zhàn)（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業(yè)檔案工作實戰(zhàn)寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計算機網(wǎng)絡(luò)原理及應(yīng)用 [主編 唐繼勇 葉坤 孫夢娜]
24. 大學(xué)生創(chuàng)業(yè)基礎(chǔ) [主編 王麗莉 王 楊]
25. 船舶輔機 [主編 王連海 于洋 姜淑翠]
26. 大學(xué)生就業(yè)指導(dǎo) [主編 王麗莉 董宴廷]
27. 系統(tǒng)架構(gòu)設(shè)計師章節(jié)習(xí)題與考點特訓(xùn) [主編 薛大龍 鄒月平]
28. 高校學(xué)生工作探索與實踐 [郭亮 著]
29. 大學(xué)生情商管理 [方雄 著]
30. 2023年長沙市會展業(yè)發(fā)展報告 [主編 周棟良]