Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)立體化教程（微課版）（Dreamweaver 2020）
定 價(jià)：59.8 元
- 作者：劉解放 閔文婷
- 出版時(shí)間：2023/10/1
- ISBN：9787115625106
- 出 版 社：人民郵電出版社
- 中圖法分類(lèi)：TP393.092.2
- 頁(yè)碼：217
- 紙張：
- 版次：01
- 開(kāi)本：16開(kāi)
本書(shū)首先介紹網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)，然后對(duì)添加文本與表格、插入圖像和多媒體元素、創(chuàng)建超鏈接、布局網(wǎng)頁(yè)、使用模板和庫(kù)、使用表單和行為、制作移動(dòng)端網(wǎng)頁(yè)、測(cè)試與發(fā)布網(wǎng)站等相關(guān)知識(shí)進(jìn)行講解，最后還安排一個(gè)綜合案例，進(jìn)一步提高讀者對(duì)知識(shí)的應(yīng)用能力。
本書(shū)以“佳美馨裝飾”網(wǎng)站的設(shè)計(jì)與制作為例，采用項(xiàng)目式教學(xué)法，將每個(gè)項(xiàng)目分解成若干任務(wù)，每個(gè)任務(wù)主要由任務(wù)描述、相關(guān)知識(shí)和任務(wù)實(shí)施3個(gè)部分組成，然后進(jìn)行項(xiàng)目實(shí)訓(xùn)。每個(gè)項(xiàng)目最后還提供課后練習(xí)和技巧提升。本書(shū)著重培養(yǎng)學(xué)生的軟件實(shí)際操作能力，將職業(yè)場(chǎng)景引入課堂教學(xué)，讓學(xué)生提前進(jìn)入工作角色。
“十四五”職業(yè)教育國(guó)家規(guī)劃教材
1.成熟教材改版；
2.配套教學(xué)大綱、教案、PPT、教學(xué)視頻、拓展案例等豐富的教學(xué)資源；
3.案例豐富、突出培養(yǎng)學(xué)生的動(dòng)手能力；
4.職場(chǎng)情境、軟件知識(shí)、行業(yè)知識(shí)進(jìn)行整合。
劉解放，男，中共黨員，工學(xué)博士，副教授；交通運(yùn)輸部青年科技英才，中國(guó)交通教育中青年優(yōu)秀教師；中國(guó)計(jì)算機(jī)協(xié)會(huì)會(huì)員，江蘇省不確定性人工智能協(xié)會(huì)會(huì)員；思科網(wǎng)絡(luò)工程師，阿里云大數(shù)據(jù)處理與分析師，中興通訊云計(jì)算技術(shù)講師；多次被評(píng)為校優(yōu)秀教師、先進(jìn)工作者、三育人先進(jìn)和優(yōu)秀中共黨員；主編教材3本，其中包括“十三五”職業(yè)教育國(guó)家規(guī)劃教材1本，并獲首屆全國(guó)優(yōu)秀教材二等獎(jiǎng)；指導(dǎo)學(xué)生參加全國(guó)職業(yè)院校技能大賽“全國(guó)高校移動(dòng)互聯(lián)網(wǎng)應(yīng)用開(kāi)發(fā)創(chuàng)新大賽”獲一等獎(jiǎng)、“全國(guó)職業(yè)院校電子產(chǎn)品芯片級(jí)檢測(cè)維修與數(shù)據(jù)恢復(fù)大賽”獲二等獎(jiǎng)2次，三等獎(jiǎng)2次，“湖北省電子商務(wù)職業(yè)技能大賽”獲一等獎(jiǎng)等各級(jí)別大賽獎(jiǎng)項(xiàng)10余項(xiàng)，并被評(píng)為優(yōu)秀指導(dǎo)老師；作為第一作者在《IEEE SMC》、《Applied Soft Computing》、《軟件學(xué)報(bào)》、《計(jì)算機(jī)研究與發(fā)展》等國(guó)際國(guó)內(nèi)著名學(xué)術(shù)期刊發(fā)表學(xué)術(shù)論文20余篇，其中SCI檢索2篇，EI檢索5篇，北大中文核心5篇，多篇被評(píng)為市廳級(jí)優(yōu)秀學(xué)術(shù)論文獎(jiǎng)；主持及參與國(guó)家級(jí)、省部級(jí)教科研題10余項(xiàng)，主持及參與教學(xué)質(zhì)量工程建設(shè)項(xiàng)目10余項(xiàng)。主要研究方向：計(jì)算機(jī)網(wǎng)絡(luò)、模式識(shí)別與人工智能。
項(xiàng)目一 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 1
任務(wù)一 規(guī)劃“佳美馨裝飾”網(wǎng)站結(jié)構(gòu) 2
一、任務(wù)描述 2
（一）任務(wù)背景 2
（二）任務(wù)目標(biāo) 2
二、相關(guān)知識(shí) 2
（一）網(wǎng)站、網(wǎng)頁(yè)、主頁(yè)的概念 2
（二）網(wǎng)頁(yè)設(shè)計(jì)常用術(shù)語(yǔ) 3
（三）網(wǎng)頁(yè)的構(gòu)成元素 4
（四）常用網(wǎng)頁(yè)制作軟件 5
（五）HTML 6
（六）HTML5 8
（七）JavaScript 9
（八）網(wǎng)站開(kāi)發(fā)流程 9
（九）網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容 11
（十）網(wǎng)頁(yè)設(shè)計(jì)原則 11
三、任務(wù)實(shí)施 12
任務(wù)二 創(chuàng)建“佳美馨裝飾”站點(diǎn) 12
一、任務(wù)描述 12
（一）任務(wù)背景 12
（二）任務(wù)目標(biāo) 13
二、相關(guān)知識(shí) 13
（一）認(rèn)識(shí)Dreamweaver 2020 的操作界面 13
（二）創(chuàng)建和管理站點(diǎn) 16
（三）管理站點(diǎn)中的文件和文件夾 18
三、任務(wù)實(shí)施 19
（一）創(chuàng)建站點(diǎn) 19
（二）編輯站點(diǎn) 19
（三）管理站點(diǎn)文件和文件夾 20
實(shí)訓(xùn)一 規(guī)劃“中國(guó)皮影”網(wǎng)站的結(jié)構(gòu) 22
實(shí)訓(xùn)二 創(chuàng)建“中國(guó)皮影”站點(diǎn) 23
課后練習(xí) 23
技巧提升 24
項(xiàng)目二 添加文本與表格 27
任務(wù)一 制作“佳美馨裝飾簡(jiǎn)介”網(wǎng)頁(yè) 28
一、任務(wù)描述 28
（一）任務(wù)背景 28
（二）任務(wù)目標(biāo) 28
二、相關(guān)知識(shí) 28
（一）新建、保存與打開(kāi)網(wǎng)頁(yè)文件 28
（二）設(shè)置網(wǎng)頁(yè)屬性 30
（三）設(shè)置網(wǎng)頁(yè)關(guān)鍵字和描述 33
（四）輸入文本 33
（五）設(shè)置文本格式 34
（六）插入列表 35
（七）插入特殊字符 35
（八）插入日期 35
（九）插入水平線(xiàn) 35
三、任務(wù)實(shí)施 36
（一）新建網(wǎng)頁(yè)并設(shè)置網(wǎng)頁(yè)屬性 36
（二）輸入文本并設(shè)置格式 37
（三）插入特殊字符、日期和水平線(xiàn) 39
任務(wù)二 制作“佳美馨裝飾——會(huì)員列表”網(wǎng)頁(yè) 40
一、任務(wù)描述 41
（一）任務(wù)背景 41
（二）任務(wù)目標(biāo) 41
二、相關(guān)知識(shí) 41
（一）插入表格 41
（二）選擇表格 42
（三）在單元格中輸入內(nèi)容 44
（四）設(shè)置表格屬性 44
（五）設(shè)置單元格屬性 45
（六）合并和拆分單元格 45
（七）添加和刪除行或列 46
三、任務(wù)實(shí)施 47
（一）插入表格并設(shè)置單元格屬性 47
（二）輸入表格內(nèi)容 48
（三）導(dǎo)入表格數(shù)據(jù)并設(shè)置表格屬性 49
實(shí)訓(xùn)一 制作“中國(guó)皮影——皮影戲”網(wǎng)頁(yè) 50
實(shí)訓(xùn)二 制作“中國(guó)皮影——皮影起源傳說(shuō)”網(wǎng)頁(yè) 51
課后練習(xí) 52
技巧提升 53
項(xiàng)目三 插入圖像和多媒體元素 55
任務(wù)一 制作“佳美馨裝飾——成功案例”欄目網(wǎng)頁(yè) 56
一、任務(wù)描述 57
（一）任務(wù)背景 57
（二）任務(wù)目標(biāo) 57
二、相關(guān)知識(shí) 58
（一）網(wǎng)頁(yè)圖像基礎(chǔ)知識(shí) 58
（二）插入圖像 58
（三）設(shè)置圖像屬性 59
（四）創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像 61
（五）創(chuàng)建圖像輪播 62
三、任務(wù)實(shí)施 63
（一）插入案例圖像 63
（二）使用鼠標(biāo)經(jīng)過(guò)圖像制作按鈕 63
（三）插入案例輪播圖 65
任務(wù)二 制作“佳美馨裝飾——中式田園風(fēng)格”內(nèi)容網(wǎng)頁(yè) 66
一、任務(wù)描述 66
（一）任務(wù)背景 66
（二）任務(wù)目標(biāo) 66
二、相關(guān)知識(shí) 67
（一）插入視頻 67
（二）插入音頻 68
（三）插入動(dòng)畫(huà) 68
三、任務(wù)實(shí)施 69
（一）設(shè)置背景音樂(lè) 69
（二）插入并設(shè)置視頻 69
（三）插入并設(shè)置動(dòng)畫(huà) 70
實(shí)訓(xùn)一 制作“中國(guó)皮影——皮影鑒賞”網(wǎng)頁(yè) 71
實(shí)訓(xùn)二 制作“中國(guó)皮影——皮影的表演”網(wǎng)頁(yè) 72
課后練習(xí) 73
技巧提升 75
項(xiàng)目四 創(chuàng)建超鏈接 77
任務(wù)一 創(chuàng)建“佳美馨裝飾——網(wǎng)站地圖”網(wǎng)頁(yè)中的超鏈接 78
一、任務(wù)描述 78
（一）任務(wù)背景 78
（二）任務(wù)目標(biāo) 78
二、相關(guān)知識(shí) 79
（一）認(rèn)識(shí)超鏈接 79
（二）創(chuàng)建文本、圖像超鏈接 81
三、任務(wù)實(shí)施 83
（一）創(chuàng)建文本超鏈接 83
（二）創(chuàng)建圖像超鏈接 84
（三）創(chuàng)建圖像熱點(diǎn)超鏈接 84
（四）瀏覽超鏈接效果 85
任務(wù)二 創(chuàng)建“佳美馨裝飾——聯(lián)系我們”網(wǎng)頁(yè)中的超鏈接 85
一、任務(wù)描述 86
（一）任務(wù)背景 86
（二）任務(wù)目標(biāo) 87
二、相關(guān)知識(shí) 87
（一）認(rèn)識(shí)錨點(diǎn)超鏈接 87
（二）認(rèn)識(shí)文件下載超鏈接 88
（三）認(rèn)識(shí)電子郵件超鏈接 88
（四）認(rèn)識(shí)空鏈接 89
（五）認(rèn)識(shí)腳本鏈接 89
三、任務(wù)實(shí)施 89
（一）創(chuàng)建錨點(diǎn)超鏈接 89
（二）創(chuàng)建文件下載超鏈接和電子郵件超鏈接 90
（三）創(chuàng)建腳本鏈接和空鏈接 91
實(shí)訓(xùn)一 制作“中國(guó)皮影——網(wǎng)站地圖”網(wǎng)頁(yè) 91
實(shí)訓(xùn)二 制作“中國(guó)皮影——皮影的制作流程”網(wǎng)頁(yè) 93
課后練習(xí) 94
技巧提升 96
項(xiàng)目五 布局網(wǎng)頁(yè) 99
任務(wù)一 使用div+CSS 盒子模型布局“佳美馨裝飾——公司榮譽(yù)”網(wǎng)頁(yè) 100
一、任務(wù)描述 100
（一）任務(wù)背景 100
（二）任務(wù)目標(biāo) 100
二、相關(guān)知識(shí) 100
（一）認(rèn)識(shí)CSS 樣式 101
（二）“CSS 設(shè)計(jì)器”面板 102
（三）CSS 樣式的屬性 103
（四）應(yīng)用CSS 樣式 107
（五）認(rèn)識(shí)div+CSS 盒子模型 107
（六）利用div+CSS 盒子模型布局網(wǎng)頁(yè) 108
三、任務(wù)實(shí)施 109
（一）創(chuàng)建并應(yīng)用標(biāo)簽CSS 樣式 109
（二）創(chuàng)建并應(yīng)用ID CSS 樣式 110
（三）創(chuàng)建并應(yīng)用類(lèi)CSS 樣式 111
（四）創(chuàng)建并應(yīng)用后代CSS 樣式 114
任務(wù)二 使用響應(yīng)式布局制作“佳美馨裝飾”首頁(yè) 115
一、任務(wù)描述 115
（一）任務(wù)背景 115
（二）任務(wù)目標(biāo) 116
二、相關(guān)知識(shí) 116
（一）認(rèn)識(shí)響應(yīng)式布局 116
（二）設(shè)置視口 116
（三）添加媒體查詢(xún) 116
三、任務(wù)實(shí)施 118
（一）設(shè)置視口并添加媒體查詢(xún) 118
（二）添加CSS 樣式并預(yù)覽效果 119
實(shí)訓(xùn)一 制作“中國(guó)皮影——皮影的地方特色”網(wǎng)頁(yè) 120
實(shí)訓(xùn)二 制作“中國(guó)皮影”首頁(yè) 122
課后練習(xí) 123
技巧提升 125
項(xiàng)目六 使用模板和庫(kù) 127三居室裝修案例” 網(wǎng)頁(yè) 128
一、任務(wù)描述 128
（一）任務(wù)背景 128
（二）任務(wù)目標(biāo) 129
二、相關(guān)知識(shí) 129
（一）認(rèn)識(shí)模板 129
（二）創(chuàng)建模板 129
（三）編輯模板 130
（四）應(yīng)用模板 131
三、任務(wù)實(shí)施 132
（一）創(chuàng)建“案例展示”模板 132
（二）從模板創(chuàng)建“原木簡(jiǎn)約風(fēng)三居室裝修案例”網(wǎng)頁(yè) 134
任務(wù)二 在“裝修方案精選”網(wǎng)頁(yè)中使用庫(kù) 135
一、任務(wù)描述 136
（一）任務(wù)背景 136
（二）任務(wù)目標(biāo) 136
二、相關(guān)知識(shí) 136
（一）認(rèn)識(shí)“資源”面板 137
（二）創(chuàng)建庫(kù)項(xiàng)目 137
（三）編輯庫(kù)項(xiàng)目 138
（四）插入庫(kù)項(xiàng)目 138
三、任務(wù)實(shí)施 138
（一）創(chuàng)建“裝修方案”庫(kù)項(xiàng)目 138
（二）在網(wǎng)頁(yè)中添加庫(kù)項(xiàng)目 139西皮影”網(wǎng)頁(yè) 140
實(shí)訓(xùn)二 使用庫(kù)項(xiàng)目制作“中國(guó)皮影——皮影文創(chuàng)產(chǎn)品”網(wǎng)頁(yè) 141
課后練習(xí) 143
技巧提升 144
項(xiàng)目七 使用表單和行為 145
任務(wù)一 在“佳美馨裝飾——會(huì)員登錄”網(wǎng)頁(yè)中使用表單 146
一、任務(wù)描述 146
（一）任務(wù)背景 146
（二）任務(wù)目標(biāo) 146
二、相關(guān)知識(shí) 147
（一）認(rèn)識(shí)表單和表單元素 147
（二）插入表單并設(shè)置表單屬性 147
（三）插入表單元素 148
三、任務(wù)實(shí)施 153
（一）創(chuàng)建表單并設(shè)置屬性 153
（二）插入表單元素并設(shè)置屬性 154
任務(wù)二 在“佳美馨裝飾——會(huì)員登錄”網(wǎng)頁(yè)中使用行為 156
一、任務(wù)描述 157
（一）任務(wù)背景 157
（二）任務(wù)目標(biāo) 157
二、相關(guān)知識(shí) 157
（一）認(rèn)識(shí)行為 157
（二）認(rèn)識(shí)“行為”面板 158
（三）添加行為 158
（四）修改行為 158
（五）刪除行為 159
三、任務(wù)實(shí)施 159
（一）添加“檢查表單”行為 159
（二）添加“彈出信息”行為 159
實(shí)訓(xùn)一 在“中國(guó)皮影——問(wèn)卷調(diào)查”網(wǎng)頁(yè)中使用表單 160
實(shí)訓(xùn)二 在“中國(guó)皮影——皮影圖集”網(wǎng)頁(yè)中使用行為 162
課后練習(xí) 164
技巧提升 166
項(xiàng)目八 制作移動(dòng)端網(wǎng)頁(yè) 167
任務(wù)一 制作移動(dòng)端“裝修案例”網(wǎng)頁(yè) 168
一、任務(wù)描述 168
（一）任務(wù)背景 168
（二）任務(wù)目標(biāo) 168
二、相關(guān)知識(shí) 168
（一）認(rèn)識(shí)jQuery Mobile 169
（二）創(chuàng)建jQuery Mobile 網(wǎng)頁(yè)效果 169
（三）使用jQuery Mobile 組件 170
三、任務(wù)實(shí)施 174
（一）添加jQuery Mobile 頁(yè)面 174
（二）為頁(yè)面添加內(nèi)容 175
任務(wù)二 創(chuàng)建PHP頁(yè)面 176
一、任務(wù)描述 177
（一）任務(wù)背景 177
（二）任務(wù)目標(biāo) 177
二、相關(guān)知識(shí) 177
（一）安裝PHP服務(wù)器 177
（二）編輯PHP頁(yè)面 177
（三）瀏覽PHP頁(yè)面 178
三、任務(wù)實(shí)施 178
（一）啟動(dòng)PHP服務(wù)器 178
（二）制作并瀏覽PHP頁(yè)面 179
實(shí)訓(xùn)一 制作移動(dòng)端“中國(guó)皮影”網(wǎng)頁(yè) 179
實(shí)訓(xùn)二 制作移動(dòng)端“問(wèn)卷調(diào)查”和“調(diào)查結(jié)果”網(wǎng)頁(yè) 181
課后練習(xí) 183
技巧提升 184
項(xiàng)目九 測(cè)試與發(fā)布網(wǎng)站 185
任務(wù)一 測(cè)試“佳美馨裝飾”網(wǎng)站 186
一、任務(wù)描述 186
（一）任務(wù)背景 186
（二）任務(wù)目標(biāo) 186
二、相關(guān)知識(shí) 186
（一）實(shí)時(shí)預(yù)覽網(wǎng)頁(yè) 187
（二）使用設(shè)備仿真功能預(yù)覽網(wǎng)頁(yè)在移動(dòng)設(shè)備中的顯示效果 187
三、任務(wù)實(shí)施 188
（一）實(shí)時(shí)預(yù)覽“裝修方案精選”網(wǎng)頁(yè) 188
（二）預(yù)覽“裝修案例”網(wǎng)頁(yè)在移動(dòng)設(shè)備中的顯示效果 189
任務(wù)二 發(fā)布“佳美馨裝飾”網(wǎng)站 190
一、任務(wù)描述 190
（一）任務(wù)背景 190
（二）任務(wù)目標(biāo) 190
二、相關(guān)知識(shí) 190
（一）認(rèn)識(shí)域名 190
（二）認(rèn)識(shí)網(wǎng)站空間 191
（三）發(fā)布網(wǎng)站 191
三、任務(wù)實(shí)施 192
（一）注冊(cè)域名 192
（二）購(gòu)買(mǎi)網(wǎng)站空間 194
（三）發(fā)布站點(diǎn) 196
實(shí)訓(xùn) 測(cè)試與發(fā)布“中國(guó)皮影”網(wǎng)站 198
課后練習(xí) 199
技巧提升 200
項(xiàng)目十 綜合案例——“非遺文化”網(wǎng)站建設(shè) 201
任務(wù)一 前期規(guī)劃 202
（一）分析網(wǎng)站的用戶(hù)需求 202
（二）定位網(wǎng)站風(fēng)格 202
（三）規(guī)劃網(wǎng)站草圖 202
（四）收集網(wǎng)站素材 202
（五）設(shè)計(jì)網(wǎng)頁(yè)效果圖 202
任務(wù)二 創(chuàng)建網(wǎng)站站點(diǎn) 202
任務(wù)三 制作網(wǎng)頁(yè)模板 203
任務(wù)四 制作網(wǎng)站頁(yè)面 208
（一）制作主頁(yè) 208
（二）制作訂購(gòu)頁(yè)面 211
實(shí)訓(xùn)一 制作珠寶公司“產(chǎn)品中心”網(wǎng)頁(yè) 212
實(shí)訓(xùn)二 制作“微觀多肉世界”網(wǎng)站 214
課后練習(xí) 215
技巧提升 217
書(shū)單推薦
