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

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

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

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

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

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

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

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

本書既可作為高職高專院校電子商務(wù)、計(jì)算機(jī)應(yīng)用、信息管理等專業(yè)的相關(guān)課程用書，也可作為網(wǎng)頁設(shè)計(jì)自學(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章由鄭州財(cái)經(jīng)學(xué)院高麗燕編寫，第7、8章由鄭州科技學(xué)院孟剛編寫。全書由王鐵樁整體設(shè)計(jì)及通稿。

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

編 者

2015年1月

第1章 網(wǎng)頁與網(wǎng)站的基礎(chǔ)知識(shí) 1
1.1 網(wǎng)頁制作與網(wǎng)站建設(shè)基礎(chǔ) 1
1.1.1 靜態(tài)網(wǎng)頁介紹 1
1.1.2 動(dòng)態(tài)網(wǎng)頁介紹 1
1.1.3 常見網(wǎng)站類型 2
1.2 網(wǎng)頁布局設(shè)計(jì)與色彩搭配 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)站布局特點(diǎn) 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章 站點(diǎn)的搭建與管理 41
2.1 創(chuàng)建本地站點(diǎn) 41
2.1.1 規(guī)劃站點(diǎn) 41
2.1.2 創(chuàng)建站點(diǎn) 41
2.2 管理本地站點(diǎn) 45
2.2.1 編輯站點(diǎn) 45
2.2.2 復(fù)制站點(diǎn) 45
2.2.3 刪除站點(diǎn) 46
2.2.4 創(chuàng)建文件夾和文件 46
2.2.5 文件夾和文件的復(fù)制、刪除或重命名 46
2.2.6 編輯站點(diǎn)文件 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 插入空格及文本縮進(jìn)方式 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 動(dòng)畫、聲音及其常用設(shè)置 60
3.3.1 插入SWF動(dòng)畫 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 表格實(shí)例 70
本章小結(jié) 70
習(xí)題3 70
第4章 超鏈接及表單 72
4.1 超級(jí)鏈接 72
4.1.1 文本及圖像超鏈接 72
4.1.2 錨記鏈接 73
4.1.3 其他超鏈接 73
4.2 表單應(yīng)用 75
4.2.1 表單及表單對(duì)象簡介 75
4.2.2 插入表單域 75
4.2.3 插入表單對(duì)象 76
4.2.4 和提交表單相關(guān)的服務(wù)器端
腳本處理知識(shí) 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 為什么會(huì)出現(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 移動(dòng)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“擴(kuò)展”分類屬性 128
6.6 使用CSS對(duì)頁面進(jìn)行布局 129
6.7 項(xiàng)目實(shí)戰(zhàn)一：圖文列表 130
6.8 項(xiàng)目實(shí)戰(zhàn)二：豎排導(dǎo)航 136
6.9 項(xiàng)目實(shí)例三：水平導(dǎo)航 138
本章小結(jié) 142
習(xí)題6 142
第7章 站點(diǎn)的發(fā)布與推廣 143
7.1 測試站點(diǎn) 143
7.1.1 瀏覽器的兼容性 143
7.1.2 鏈接的測試 144
7.2 發(fā)布網(wǎng)站 147
7.3 網(wǎng)站的運(yùn)營與維護(hù) 149
7.3.1 網(wǎng)站訪問統(tǒng)計(jì) 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)站制作實(shí)例 156
8.1 配置服務(wù)器 156
8.1.1 AppServ 156
8.1.2 AppServ的安裝過程 156
8.2 制作一個(gè)簡單的站點(diǎn) 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)站制作實(shí)例——校園生活網(wǎng)站
建設(shè)實(shí)例 176
項(xiàng)目一 規(guī)劃設(shè)計(jì)校園生活網(wǎng)站 176
項(xiàng)目二 創(chuàng)建校園生活網(wǎng)站站點(diǎn) 177
項(xiàng)目三 應(yīng)用表格進(jìn)行網(wǎng)站布局 178
項(xiàng)目四 應(yīng)用CSS樣式編輯文本 181
項(xiàng)目五 插入圖像 185
項(xiàng)目六 制作表單 190
項(xiàng)目七 制作子網(wǎng)頁并添加導(dǎo)航鏈接 192
參考文獻(xiàn) 199

1. 信息技術(shù)基礎(chǔ)（麒麟操作系統(tǒng)+WPS Office） [主編　芮雪　蔣莉　王亮亮]
2. Office高級(jí)應(yīng)用項(xiàng)目式教程（第2版） [主編 李觀金 張倩文 黎夏克 ]
3. 巧用翻譯學(xué)英語：英漢互譯500例 [王學(xué)文 著]
4. 高等教育多維評(píng)價(jià)體系構(gòu)建與高質(zhì)量發(fā)展研究 [張妍 著]
5. 系統(tǒng)規(guī)劃與管理師章節(jié)習(xí)題與考點(diǎn)特訓(xùn)（第二版） [主編 薛大龍]
6. 計(jì)算機(jī)操作系統(tǒng)實(shí)踐指導(dǎo)（openEuler版） [主編 秦光 曾陳萍 岳付強(qiáng)]
7. 信息系統(tǒng)管理工程師真題及模考卷精析（適用機(jī)考） [主 編 薛大龍 程 剛 上官緒]
8. 航海類院校體育教育教學(xué)研究 [張利超 李寧 著]
9. 新時(shí)代背景下我國職業(yè)教育產(chǎn)教融合長效機(jī)制建設(shè)研究 [王玉賢 著]
10. 電路分析 [主編 李飛 毛先柏]
11. 信息系統(tǒng)管理工程師（適用第2版大綱）一站通關(guān) [指尖瘋　編著]
12. 傳統(tǒng)山水畫論解讀與實(shí)踐 [陳鈉 著]
13. 網(wǎng)絡(luò)工程師備考一本通（適配第6版考綱） [夏杰 編著]
14. 陳孝云的職教理想與情懷 [祝吉太 江傳瑞 張義廷 著]
15. 地方本科院校電子信息學(xué)科課程思政案例集 [王甫]
16. Excel數(shù)據(jù)處理與分析（第二版） [主編 張志明 鄒 蕾]
17. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
18. 倉儲(chǔ)管理實(shí)務(wù)（第二版） [周寧武 編著]
19. 基于AE與C#的地理信息系統(tǒng)二次開發(fā) [李小根 賈艷昌 喬翠平 姜彤 ]
20. 2023年長沙市文化和旅游業(yè)發(fā)展報(bào)告 [主編 陳莉]
21. 舞臺(tái)化妝造型設(shè)計(jì) [主編 劉思彤 張 濤 張憶雨]
22. 產(chǎn)教融合視角高校體育專業(yè)實(shí)踐教學(xué)體系構(gòu)建研究 [楊柳青 葉華兵 著]
23. 知識(shí)圖譜及應(yīng)用案例 [張善文 黃文準(zhǔn) 于長青 陳明淑]
24. Python程序設(shè)計(jì)案例教程（微課版） [主編　石利平　田輝平　余以勝]
25. 皓月繁星：青少年兒童心理成長手冊(cè) [主　編　林贊歌 副主編　杜志南]
26. 材料力學(xué) [章寶華 趙新勝 徐斌]
27. 系統(tǒng)集成項(xiàng)目管理工程師考試32小時(shí)通關(guān)（第3版） [主編　薛大龍 副主編　上官緒陽]
28. 軟考論文高分特訓(xùn)與范文10篇——系統(tǒng)分析師（第二版） [薛大龍 鄒月平 施游]
29. 黃河海勃灣水利樞紐防凌安全運(yùn)行 [王戰(zhàn)領(lǐng) 王叢發(fā) 范瑜彬 著]
30. 大學(xué)生心理健康教育 [方雄 著]