精心設(shè)計(jì)

每章均按照“學(xué)習(xí)要點(diǎn)—學(xué)習(xí)目標(biāo)—導(dǎo)讀—知識(shí)點(diǎn)講解—課堂案例—本章小結(jié)— 課后習(xí)題”的思路進(jìn)行編寫(xiě)，內(nèi)容充實(shí)、結(jié)構(gòu)清晰、圖文并茂。

注重實(shí)踐

根據(jù)讀者的需求，選取的實(shí)踐案例從實(shí)際出發(fā)，循序漸進(jìn)地幫助學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)，熟悉軟件功能和網(wǎng)頁(yè)設(shè)計(jì)與制作的思路。

課程思政

導(dǎo)讀中融入課程思政，提升個(gè)人情感和主動(dòng)學(xué)習(xí)的思想覺(jué)悟，提高個(gè)人榮譽(yù)感和責(zé)任心，增強(qiáng)民族自信心。

隨著互聯(lián)網(wǎng)行業(yè)的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們獲取信息的重要途徑，也成為生活中不可缺少的一部分。因此，不僅要培養(yǎng)學(xué)生學(xué)會(huì)在網(wǎng)上尋找信息，而且力求培養(yǎng)學(xué)生掌握將信息上傳到網(wǎng)絡(luò)的技能，從而提高學(xué)生自身的信息素養(yǎng)，以適應(yīng)更廣闊的就業(yè)需求。本書(shū)根據(jù)讀者的需求，選取的實(shí)踐案例從實(shí)際出發(fā)，結(jié)合課程思政元素，以淺顯易懂的方式講解了網(wǎng)頁(yè)制作的各項(xiàng)技能。

本書(shū)的上一版自2018年1月出版以來(lái)，受到廣大讀者的喜愛(ài)，被全國(guó)多所院校選為“網(wǎng)頁(yè)設(shè)計(jì)”課程的教材，為各專(zhuān)業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作提供了良好的理論和實(shí)踐依據(jù)。經(jīng)過(guò)多個(gè)輪次的使用，根據(jù)一線(xiàn)教師、學(xué)生和其他讀者的反饋，我們?cè)谏弦话婊�礎(chǔ)上進(jìn)行了改版，在保持原有內(nèi)容和結(jié)構(gòu)基本不變的前提下，對(duì)部分章節(jié)進(jìn)行了擴(kuò)展和刪減。同時(shí)，結(jié)合課程思政元素，重新選取教材中的案例，在培養(yǎng)學(xué)生掌握知識(shí)結(jié)構(gòu)的同時(shí)提高個(gè)人榮譽(yù)感和責(zé)任心、增強(qiáng)民族自信心。

本書(shū)共十章，分為四個(gè)部分，循序漸進(jìn)地幫助學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)，以及協(xié)同使用三個(gè)軟件設(shè)計(jì)網(wǎng)頁(yè)的操作流程。

第一部分 Dreamweaver CS6的使用（第1～7章）：主要介紹了創(chuàng)建站點(diǎn)和網(wǎng)站建設(shè)的基礎(chǔ)知識(shí)，還介紹了網(wǎng)頁(yè)中的文本、圖像和多媒體的插入和編輯方法，并對(duì)頁(yè)面之間的超鏈接、表格布局、CSS樣式表、Div元素、CSS+Div布局頁(yè)面、行為、模板和庫(kù)等知識(shí)進(jìn)行了詳細(xì)講解。

第二部分 Photoshop CS6的使用（第8章）：主要介紹了Photoshop的工作界面和基本操作、網(wǎng)頁(yè)圖像的編輯、圖層的應(yīng)用、網(wǎng)頁(yè)圖像的繪制與修飾、網(wǎng)頁(yè)文本的制作、網(wǎng)頁(yè)特效的實(shí)現(xiàn)及網(wǎng)頁(yè)切片的輸出等。

第三部分 Flash CS6的使用（第9章）：主要介紹了使用Flash軟件制作網(wǎng)頁(yè)動(dòng)畫(huà)，學(xué)習(xí)使用Flash軟件中的圖層和幀創(chuàng)建常見(jiàn)網(wǎng)頁(yè)動(dòng)畫(huà)素材。

第四部分 綜合案例（第10章）：通過(guò)一個(gè)完整的設(shè)計(jì)方案，介紹了使用三個(gè)軟件分工協(xié)作制作攝影工作室網(wǎng)站的方法。

本書(shū)可作為非計(jì)算機(jī)專(zhuān)業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的專(zhuān)用教材，也可作為網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者的參考用書(shū)。希望讀者通過(guò)對(duì)本書(shū)的學(xué)習(xí)，能夠提高網(wǎng)頁(yè)相關(guān)信息的處理能力，以適應(yīng)互聯(lián)網(wǎng)的飛速發(fā)展。

本書(shū)配有精美的課件和教學(xué)素材，結(jié)構(gòu)完整，便于教授相關(guān)課程的教師根據(jù)自身需求完善課件，提高教學(xué)質(zhì)量。

本書(shū)由王瀟、章明珠任主編，王娟和張娜任副主編，邊國(guó)棟教授主審，在此對(duì)大家的辛勤工作表示衷心的感謝！

由于編者水平有限，雖然所有編者在編寫(xiě)本書(shū)的過(guò)程中傾注了大量心血，但書(shū)中難免存在疏漏和不足之處，懇請(qǐng)廣大讀者和專(zhuān)家指正。

編 者

2021年10月

第1章 網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 1
1.1 網(wǎng)絡(luò)基礎(chǔ)知識(shí) 1
1.1.1 Internet基礎(chǔ)知識(shí) 1
1.1.2 網(wǎng)頁(yè)和網(wǎng)站 3
1.2 HTML概述 6
1.2.1 HTML的含義 6
1.2.2 HTML文件的基本結(jié)構(gòu) 7
1.2.3 HTML常用標(biāo)記 9
1.3 網(wǎng)頁(yè)制作工具 11
1.3.1 Dreamweaver CS6 11
1.3.2 Photoshop CS6 11
1.3.3 Flash CS6 12
1.4 網(wǎng)頁(yè)制作的基本流程 13
1.5 課堂案例—個(gè)人主頁(yè)制作 13
1.5.1 案例目標(biāo) 13
1.5.2 操作思路 14
1.6 本章小結(jié) 15
1.7 課后習(xí)題 15
第2章 使用Dreamweaver CS6創(chuàng)建網(wǎng)頁(yè)文檔 16
2.1 熟悉Dreamweaver CS6工作界面 17
2.1.1 工作界面的組成 17
2.1.2 可視化輔助工具 20
2.1.3 設(shè)置首選參數(shù) 23
2.2 創(chuàng)建和管理站點(diǎn) 25
2.2.1 規(guī)劃站點(diǎn) 25
2.2.2 管理站點(diǎn) 26
2.2.3 管理站點(diǎn)中的文件 29
2.3 網(wǎng)頁(yè)文檔基本操作 30
2.3.1 新建網(wǎng)頁(yè)文檔 30
2.3.2 保存、打開(kāi)網(wǎng)頁(yè)文檔 31
2.3.3 設(shè)置頁(yè)面屬性 32
2.4 課堂案例—“學(xué)院網(wǎng)站”創(chuàng)建多個(gè)網(wǎng)頁(yè) 33
2.4.1 案例目標(biāo) 33
2.4.2 操作思路 34
2.5 本章小結(jié) 37
2.6 課后習(xí)題 37
第3章 網(wǎng)頁(yè)中的基本對(duì)象 38
3.1 網(wǎng)頁(yè)中的文本 38
3.1.1 直接輸入 39
3.1.2 復(fù)制/粘貼外部文本 39
3.1.3 導(dǎo)入外部文件 40
3.1.4 插入特殊字符 40
3.1.5 插入項(xiàng)目列表和編號(hào)列表 41
3.1.6 設(shè)置文本屬性 43
3.2 網(wǎng)頁(yè)中的圖像 45
3.2.1 網(wǎng)頁(yè)中的圖像格式 45
3.2.2 插入圖像 46
3.2.3 設(shè)置圖像屬性 48
3.2.4 跟蹤圖像 49
3.3 網(wǎng)頁(yè)中的多媒體 50
3.3.1 認(rèn)識(shí)網(wǎng)頁(yè)中的多媒體 51
3.3.2 網(wǎng)頁(yè)中插入Flash動(dòng)畫(huà) 51
3.3.3 網(wǎng)頁(yè)中插入FLV視頻 53
3.3.4 網(wǎng)頁(yè)中插入音頻對(duì)象 54
3.3.5 網(wǎng)頁(yè)中插入其他媒體文件 56
3.4 超鏈接 57
3.4.1 基本概念 57
3.4.2 設(shè)置超鏈接 59
3.4.3 常用超鏈接 59
3.5 課堂案例—制作“中國(guó)航天”網(wǎng)站 64
3.5.1 案例目標(biāo) 64
3.5.2 操作思路 65
3.6 本章小結(jié) 68
3.7 課后習(xí)題—制作“中國(guó)航天”網(wǎng)站 68
第4章 AP Div和行為 71
4.1 AP Div 71
4.1.1 AP Div簡(jiǎn)介 71
4.1.2 AP Div的應(yīng)用 73
4.2 行為 75
4.2.1 基本概念 76
4.2.2 應(yīng)用行為 77
4.2.3 編輯行為 83
4.3 課堂案例—制作“西安翻譯學(xué)院”首頁(yè) 83
4.3.1 案例目標(biāo) 83
4.3.2 操作思路 84
4.4 本章小結(jié) 86
4.5 課后習(xí)題—制作“個(gè)人網(wǎng)站”首頁(yè) 86
第5章 使用表格布局網(wǎng)頁(yè) 88
5.1 表格概述 88
5.1.1 表格的基本概念 89
5.1.2 表格的組成 89
5.2 在網(wǎng)頁(yè)中插入表格 90
5.2.1 插入表格 90
5.2.2 選擇表格 91
5.3 設(shè)置表格和單元格屬性 93
5.3.1 設(shè)置表格屬性 93
5.3.2 設(shè)置單元格屬性 94
5.4 操作表格 94
5.4.1 調(diào)整表格和單元格的大小 94
5.4.2 插入或刪除行或列 94
5.4.3 拆分或合并單元格 96
5.4.4 剪切、復(fù)制、粘貼表格 97
5.4.5 編輯表格數(shù)據(jù) 98
5.4.6 刪除表格元素 99
5.5 使用表格布局網(wǎng)頁(yè) 100
5.5.1 使用簡(jiǎn)單表格布局網(wǎng)頁(yè) 100
5.5.2 使用復(fù)雜表格布局網(wǎng)頁(yè) 101
5.6 課堂案例—制作“輝煌100年”網(wǎng)站首頁(yè) 102
5.6.1 案例目標(biāo) 102
5.6.2 操作思路 103
5.7 本章小結(jié) 106
5.8 課后習(xí)題—制作網(wǎng)站“我的家鄉(xiāng)陜西”首頁(yè) 106
第6章 應(yīng)用CSS+Div布局網(wǎng)頁(yè) 108
6.1 CSS樣式表 108
6.1.1 基本概念 109
6.1.2 基本語(yǔ)法 109
6.1.3 CSS選擇器類(lèi)型 110
6.1.4 CSS樣式的位置 111
6.2 CSS在Dreamweaver中的應(yīng)用 112
6.2.1 創(chuàng)建CSS樣式表 112
6.2.2 管理CSS樣式表 113
6.2.3 CSS樣式屬性 115
6.3 課堂案例1—制作“江山如此多嬌”網(wǎng)站 120
6.3.1 案例目標(biāo) 121
6.3.2 操作思路 121
6.4 CSS+Div布局 129
6.4.1 Div概述 129
6.4.2 Web標(biāo)準(zhǔn) 132
6.4.3 盒子模型 133
6.4.4 盒子的定位 134
6.4.5 經(jīng)典布局模式 136
6.5 課堂案例2—制作“長(zhǎng)征精神”網(wǎng)站 137
6.5.1 案例目標(biāo) 137
6.5.2 操作思路 137
6.6 本章小結(jié) 144
6.7 課后習(xí)題 144
第7章 模板和庫(kù) 146
7.1 模板 147
7.1.1 創(chuàng)建模板 147
7.1.2 編輯模板 148
7.1.3 管理模板 149
7.1.4 創(chuàng)建基于模板的網(wǎng)頁(yè) 150
7.2 庫(kù) 151
7.2.1 創(chuàng)建庫(kù)項(xiàng)目 152
7.2.2 向頁(yè)面添加庫(kù)項(xiàng)目 153
7.2.3 更新庫(kù)項(xiàng)目 153
7.3 課堂案例—制作“垃圾分類(lèi)網(wǎng)”網(wǎng)站 154
7.3.1 案例目標(biāo) 154
7.3.2 操作思路 155
7.4 本章小結(jié) 157
7.5 課后習(xí)題—制作“中國(guó)瓷器文化網(wǎng)”首頁(yè) 157
第8章 使用Photoshop CS6制作網(wǎng)頁(yè)素材 159
8.1 圖形圖像的基礎(chǔ)知識(shí) 159
8.1.1 位圖和矢量圖 159
8.1.2 像素和分辨率 160
8.1.3 常用文件格式 161
8.1.4 常用顏色模式 161
8.2 Photoshop CS6基本操作 162
8.2.1 進(jìn)入Photoshop CS6 162
8.2.2 新建和打開(kāi)圖像文件 163
8.2.3 保存和關(guān)閉圖像文件 164
8.2.4 視圖的控制 164
8.2.5 輔助工具 165
8.2.6 設(shè)置前景色/背景色 166
8.3 選擇圖像 167
8.3.1 使用選框工具選取 167
8.3.2 使用套索工具選取 169
8.3.3 使用魔棒工具選取 171
8.3.4 使用鋼筆工具選取 171
8.3.5 編輯選區(qū) 172
8.4 繪制和修復(fù)圖像 174
8.4.1 圖像的裁剪和移動(dòng) 174
8.4.2 填充與描邊 175
8.4.3 圖像繪畫(huà)工具 178
8.4.4 圖像修復(fù)工具 180
8.4.5 圖像的變換 181
8.5 圖層 181
8.5.1 圖層面板 183
8.5.2 圖層的種類(lèi) 183
8.5.3 圖層的基本操作 184
8.5.4 圖層樣式 186
8.5.5 圖層蒙版特效 187
8.6 文本 188
8.6.1 創(chuàng)建文本 188
8.6.2 設(shè)置文本格式 190
8.6.3 設(shè)置文本變形 192
8.7 切片工具 192
8.7.1 創(chuàng)建和編輯切片 192
8.7.2 圖像的優(yōu)化與切片的輸出 194
8.8 課堂案例—設(shè)計(jì)制作“讀書(shū)網(wǎng)”網(wǎng)站頁(yè)面 197
8.9 本章小結(jié) 201
8.10 課后習(xí)題 201
第9章 使用Flash CS6制作網(wǎng)頁(yè)動(dòng)態(tài)素材 203
9.1 動(dòng)畫(huà)制作基礎(chǔ) 204
9.1.1 Flash CS6工作界面 204
9.1.2 Flash CS6的基本操作 206
9.1.3 動(dòng)畫(huà)制作原理 207
9.1.4 Flash動(dòng)畫(huà)的種類(lèi) 207
9.2 動(dòng)畫(huà)中的圖層 208
9.2.1 圖層的概念 208
9.2.2 圖層的類(lèi)型 208
9.2.3 圖層的基本操作 209
9.3 動(dòng)畫(huà)中的幀 210
9.3.1 幀的種類(lèi)及創(chuàng)建 210
9.3.2 幀的基本操作 211
9.4 補(bǔ)間動(dòng)畫(huà) 213
9.4.1 傳統(tǒng)補(bǔ)間動(dòng)畫(huà) 214
9.4.2 補(bǔ)間動(dòng)畫(huà) 215
9.4.3 形狀補(bǔ)間動(dòng)畫(huà) 217
9.5 課堂案例—制作網(wǎng)站動(dòng)畫(huà) 218
9.5.1 練習(xí)目標(biāo) 218
9.5.2 操作步驟 218
9.6 本章小結(jié) 221
9.7 課后習(xí)題—制作“綠色出行 低碳生活”網(wǎng)頁(yè)動(dòng)畫(huà) 221
第10章 綜合案例—“最美瞬間攝影工作室”網(wǎng)站首頁(yè) 222
10.1 網(wǎng)站目標(biāo) 222
10.2 案例分析 223
10.3 制作過(guò)程 223
10.3.1 使用Photoshop CS6制作網(wǎng)站首頁(yè) 223
10.3.2 使用Flash CS6制作網(wǎng)站動(dòng)畫(huà) 230
10.3.3 使用Dreamweaver CS6制作頁(yè)面 234
參考文獻(xiàn) 241

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