網(wǎng)頁(yè)設(shè)計(jì)與制作——Dreamweaver CC標(biāo)準(zhǔn)教程(微課版 第4版)
定 價(jià):59.8 元
- 作者:修毅 洪穎 邵熹雯
- 出版時(shí)間:2023/3/1
- ISBN:9787115607638
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁(yè)碼:0
- 紙張:
- 版次:04
- 開(kāi)本:16開(kāi)
本書全面系統(tǒng)地講解了網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)知識(shí),全書共有14章,包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ),Dreamweaver CC基礎(chǔ),頁(yè)面與文本,圖像、多媒體和表格,超鏈接,CSS樣式,CSS+Div布局,行為,模板和庫(kù),表單和jQuery UI,HTML5和彈性布局,jQuery Mobile,動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)以及綜合實(shí)訓(xùn)等內(nèi)容。
本書以知識(shí)體系的構(gòu)建為線索,以課堂案例為載體,在傳授頁(yè)面交互設(shè)計(jì)內(nèi)容的同時(shí)兼顧對(duì)HTML和CSS代碼的學(xué)習(xí),不僅能讓讀者快速掌握網(wǎng)頁(yè)創(chuàng)意、設(shè)計(jì)和制作的方法與技巧,還能夠使讀者理解交互設(shè)計(jì)原理和代碼編程方法。書中練習(xí)案例幫助讀者鞏固和擴(kuò)展相關(guān)的知識(shí)和技能,綜合實(shí)訓(xùn)幫助讀者理解和掌握網(wǎng)站制作的方法和流程。
本書配有PPT課件、教學(xué)文檔、基本素材、案例素材、案例效果、本書附錄等教學(xué)資源,使用本書的教師可在人郵教育社區(qū)免費(fèi)下載使用。
本書既可以作為高等院校相關(guān)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程的教材,也可以作為網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)教材,還可以作為自學(xué)人員學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和制作的參考書。
1.緊隨網(wǎng)頁(yè)技術(shù)發(fā)展,HTML5和CSS3知識(shí)體系完整;全面融入響應(yīng)式頁(yè)面設(shè)計(jì)技術(shù)、移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)技術(shù)和開(kāi)源代碼技術(shù)。
2.交互設(shè)計(jì)與代碼編程相輔相成,可以適應(yīng)交互設(shè)計(jì)教學(xué)模式,也適應(yīng)交互設(shè)計(jì)教學(xué)為主代碼教學(xué)為輔的教學(xué)模式,還適應(yīng)代碼編碼教學(xué)模式。
3.所有教學(xué)的案例素材、案例效果和教學(xué)代碼資源,都通過(guò)Dreamweaver CC2017~2021的測(cè)試,既可以在教學(xué)中使用也可以用于實(shí)際項(xiàng)目開(kāi)發(fā)。
修毅
北京服裝學(xué)院計(jì)算機(jī)信息中心,我社暢銷書作者
教學(xué)研究項(xiàng)目:
1.計(jì)算機(jī)公共課教學(xué)模式、方法及手段的創(chuàng)新研究,北京服裝學(xué)院重點(diǎn)課題,主要參與者; 2.藝術(shù)類本科生web網(wǎng)頁(yè)設(shè)計(jì)類課程體系構(gòu)建及教學(xué)模式研究,北京服裝學(xué)院課題,主持人;
3.《網(wǎng)頁(yè)設(shè)計(jì)》精品課建設(shè),北京服裝學(xué)院,主持人;
4.《網(wǎng)頁(yè)設(shè)計(jì)》精品課程建設(shè)團(tuán)隊(duì)項(xiàng)目,北京服裝學(xué)院,主持人。
科學(xué)研究項(xiàng)目:
1.基于圖和幾何約束的智能服裝制板技術(shù)的研究,北京市教委科技面上項(xiàng)目,2010-2012,主持人;
2.基于WEB技術(shù)的服裝企業(yè)信息集成與發(fā)布系統(tǒng)的開(kāi)發(fā),北京秋水麗人服裝服飾有限公司,2012-2013,主持人;
3.服裝圖像情感語(yǔ)義理解研究,北京自然科學(xué)基金(合作單位),2010-2012,主要參與者;
4.數(shù)字化人臺(tái)和虛擬立體裁剪系統(tǒng),北京市教育委員會(huì),2003-2006,主要參與者;
5.服裝企業(yè)計(jì)算機(jī)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā),深圳市威仕度服裝有限公司,2004-2005,主持人; 6.服裝紙樣的制作與輸出,Italy Bellantuono Diffusione,2004-2005,主持人;
7.三維參數(shù)化服裝造型與虛擬展示技術(shù)科研創(chuàng)新團(tuán)隊(duì)項(xiàng)目,北京服裝學(xué)院,2014-2017,主持人。
相關(guān)研究領(lǐng)域:
參數(shù)化設(shè)計(jì)技術(shù)、三維造型和設(shè)計(jì)技術(shù)、虛擬現(xiàn)實(shí)技術(shù)。
第 1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 1
1.1 互聯(lián)網(wǎng)基礎(chǔ) 2
1.1.1 Internet與Web服務(wù) 2
1.1.2 URL路徑 2
1.1.3 服務(wù)器與客戶機(jī) 2
1.1.4 互聯(lián)網(wǎng)數(shù)據(jù)中心 3
1.2 網(wǎng)頁(yè)設(shè)計(jì)知識(shí) 3
1.2.1 色彩 3
1.2.2 網(wǎng)頁(yè)設(shè)計(jì)元素 4
1.2.3 頁(yè)面布局 6
1.3 網(wǎng)頁(yè)標(biāo)準(zhǔn)化技術(shù) 7
1.3.1 超文本標(biāo)記語(yǔ)言 7
1.3.2 CSS樣式 7
1.3.3 腳本語(yǔ)言 7
1.3.4 PHP技術(shù) 8
1.4 前端UI框架技術(shù) 8
1.4.1 Bootstrap框架 8
1.4.2 MUI框架 8
1.5 網(wǎng)站制作流程 9
1.5.1 前期準(zhǔn)備工作 9
1.5.2 方案實(shí)施 10
1.5.3 后期工作 11
第 2章 Dreamweaver CC基礎(chǔ) 12
2.1 Dreamweaver CC工作界面 13
2.1.1 工作環(huán)境 13
2.1.2 工作區(qū)布局 14
2.1.3 多文檔的編輯界面 15
2.2 創(chuàng)建站點(diǎn) 15
2.2.1 創(chuàng)建新站點(diǎn) 15
2.2.2 新建和保存網(wǎng)頁(yè) 16
2.2.3 管理站點(diǎn)文件和文件夾 17
2.2.4 課堂案例—慈善救助中心 18
2.3 管理站點(diǎn) 20
2.3.1 打開(kāi)站點(diǎn) 20
2.3.2 編輯站點(diǎn) 21
2.3.3 復(fù)制站點(diǎn) 21
2.3.4 刪除站點(diǎn) 21
2.4 頁(yè)面代碼 22
2.4.1 HTML代碼 22
2.4.2 課堂案例—瑜伽會(huì)所 23
2.4.3 使用代碼 25
2.5 網(wǎng)頁(yè)文檔頭部信息設(shè)置 29
2.5.1 設(shè)置搜索關(guān)鍵字 29
2.5.2 設(shè)置描述信息 29
2.5.3 設(shè)置版權(quán)信息 30
2.5.4 設(shè)置刷新時(shí)間 30
第3章 頁(yè)面與文本 31
3.1 頁(yè)面屬性 32
3.1.1 課堂案例—中國(guó)經(jīng)濟(jì)峰會(huì) 32
3.1.2 網(wǎng)頁(yè)標(biāo)題 36
3.1.3 文本分段與換行 36
3.1.4 輸入空格 36
3.1.5 設(shè)置頁(yè)面文字屬性 37
3.1.6 顯示或隱藏不可見(jiàn)元素 37
3.1.7 設(shè)置頁(yè)邊距 37
3.1.8 設(shè)置背景屬性 38
3.2 文本屬性 39
3.2.1 課堂案例—百貨公司 39
3.2.2 設(shè)置文本屬性 40
3.2.3 文本段落 42
3.2.4 插入日期 43
3.2.5 插入特殊字符 43
3.3 無(wú)序列表和有序列表 44
3.3.1 課堂案例—咨詢網(wǎng)站 44
3.3.2 設(shè)置無(wú)序列表或有序列表 46
3.4 練習(xí)案例 47
3.4.1 練習(xí)案例—大學(xué)生國(guó)際電影節(jié) 47
3.4.2 練習(xí)案例—移動(dòng)銀行網(wǎng)站 47
3.4.3 練習(xí)案例—化妝品網(wǎng)站 48
第4章 圖像、多媒體和表格 49
4.1 圖像插入 50
4.1.1 課堂案例—茶葉網(wǎng)站 50
4.1.2 插入圖像 51
4.1.3 圖像源文件 51
4.1.4 圖像寬度和高度 52
4.1.5 替換文本 52
4.2 HTML5網(wǎng)頁(yè)多媒體 53
4.2.1 課堂案例—米克音樂(lè) 53
4.2.2 插入HTML5 Video元素 55
4.2.3 插入HTML5 Audio元素 56
4.3 表格簡(jiǎn)單操作 57
4.3.1 表格的組成 57
4.3.2 插入表格 58
4.3.3 表格屬性 58
4.3.4 表格單元格屬性 59
4.3.5 在表格中插入內(nèi)容 60
4.3.6 選擇表格元素 60
4.3.7 合并/拆分單元格 61
4.4 表格排版 62
4.4.1 課堂案例—融通室內(nèi)裝飾 62
4.4.2 復(fù)制和粘貼表格 67
4.4.3 刪除表格和清除表格內(nèi)容 67
4.4.4 增加或減少表格的行和列 68
4.5 表格應(yīng)用 68
4.5.1 課堂案例—遠(yuǎn)景苑小區(qū) 68
4.5.2 細(xì)線表格和帶狀表格 69
4.6 練習(xí)案例 70
4.6.1 練習(xí)案例—五金機(jī)械 70
4.6.2 練習(xí)案例—古典音樂(lè)網(wǎng) 70
4.6.3 練習(xí)案例—愛(ài)麗絲家具 70
4.6.4 練習(xí)案例—逸購(gòu)鮮花速遞網(wǎng) 71
第5章 超鏈接 72
5.1 超鏈接的概念與路徑知識(shí) 73
5.1.1 按超鏈接端點(diǎn)分類 73
5.1.2 按超鏈接路徑分類 73
5.2 文本超鏈接 73
5.2.1 課堂案例—婚禮公司 73
5.2.2 創(chuàng)建文本鏈接 76
5.2.3 頁(yè)面文本鏈接狀態(tài) 77
5.2.4 下載文件鏈接 78
5.2.5 電子郵件鏈接 78
5.2.6 空鏈接 79
5.3 圖像超鏈接 79
5.3.1 課堂案例—手機(jī)商城 79
5.3.2 創(chuàng)建圖像超鏈接 81
5.3.3 創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像超鏈接 81
5.4 熱點(diǎn)鏈接 81
5.4.1 課堂案例—兒童課堂 82
5.4.2 創(chuàng)建熱點(diǎn)鏈接 83
5.5 錨點(diǎn)鏈接 84
5.5.1 課堂案例—數(shù)碼商城 84
5.5.2 創(chuàng)建錨點(diǎn)鏈接 86
5.6 鏈接管理 86
5.6.1 課堂案例—百適易得商城 86
5.6.2 自動(dòng)更新鏈接 89
5.6.3 鏈接檢查 89
5.6.4 修復(fù)鏈接 90
5.7 練習(xí)案例 91
5.7.1 練習(xí)案例—室內(nèi)設(shè)計(jì)網(wǎng) 91
5.7.2 練習(xí)案例—多美味餐廳 91
5.7.3 練習(xí)案例—生物科普網(wǎng) 92
第6章 CSS樣式 93
6.1 CSS樣式 94
6.1.1 CSS樣式標(biāo)準(zhǔn) 94
6.1.2 CSS樣式構(gòu)造規(guī)則 94
6.1.3 CSS樣式種類 94
6.1.4 CSS樣式應(yīng)用范圍 95
6.2 CSS樣式設(shè)計(jì)器 95
6.2.1 CSS樣式選擇器 95
6.2.2 課堂案例—美好攝影 97
6.2.3 CSS樣式的使用 102
6.2.4 CSS樣式的編輯 103
6.3 CSS屬性 104
6.3.1 課堂案例—走進(jìn)臺(tái)灣 104
6.3.2 用
和- 創(chuàng)建導(dǎo)航條 107
6.3.3 布局 107
6.3.4 文字 108
6.3.5 邊框 109
6.3.6 背景 110
6.4 CSS過(guò)渡效果 110
6.4.1 CSS樣式私有屬性 110
6.4.2 課堂案例—墻體裝飾 111
6.4.3 CSS過(guò)渡屬性 113
6.5 CSS動(dòng)畫 113
6.5.1 課堂案例—校園統(tǒng)一認(rèn)證 113
6.5.2 animation屬性和@keyframes規(guī)則 114
6.6 練習(xí)案例 115
6.6.1 練習(xí)案例—航空旅游 115
6.6.2 練習(xí)案例—狗狗俱樂(lè)部 116
6.6.3 練習(xí)案例—養(yǎng)生美容 116
第7章 CSS+Div布局 117
7.1 盒子模型 118
7.1.1 盒子結(jié)構(gòu) 118
7.1.2 盒子屬性 118
7.2 布局方法 119
7.2.1
標(biāo)簽 119
7.2.2 position屬性 120
7.2.3 浮動(dòng)方式 121
7.3 “上中下”布局 123
7.3.1 課堂案例—網(wǎng)頁(yè)設(shè)計(jì)大賽 123
7.3.2 在Dreamweaver CC中插入
標(biāo)簽 128
7.4 “左中右”布局 129
7.4.1 課堂案例—連鎖餐廳 129
7.4.2 使用CSS樣式布局 135
7.5 練習(xí)案例 137
7.5.1 練習(xí)案例—電子產(chǎn)品 137
7.5.2 練習(xí)案例—裝修公司 138
第8章 行為 139
8.1 行為簡(jiǎn)介 140
8.1.1 事件 140
8.1.2 動(dòng)作 141
8.1.3 行為面板 142
8.2 制作圖像特效 142
8.2.1 課堂案例—吉太美食 143
8.2.2 交換圖像 146
8.2.3 顯示-隱藏元素 147
8.3 改變屬性 148
8.3.1 課堂案例—綠野網(wǎng)站建設(shè) 148
8.3.2 改變屬性 151
8.4 打開(kāi)瀏覽器窗口 151
8.4.1 課堂案例—兒童攝影 151
8.4.2 打開(kāi)瀏覽器窗口 152
8.5 JavaScript代碼 153
8.6 練習(xí)案例 154
8.6.1 練習(xí)案例—甜品飲料吧 154
8.6.2 練習(xí)案例—校園信息中心 154
第9章 模板和庫(kù) 155
9.1 模板 156
9.1.1 課堂案例—花仙子園藝 156
9.1.2 創(chuàng)建模板 159
9.1.3 定義可編輯區(qū)域 161
9.1.4 定義可編輯重復(fù)區(qū)域 161
9.1.5 創(chuàng)建基于模板的網(wǎng)頁(yè) 162
9.1.6 管理模板 163
9.2 庫(kù) 164
9.2.1 課堂案例—時(shí)尚女性網(wǎng) 164
9.2.2 創(chuàng)建庫(kù)項(xiàng)目 166
9.2.3 向頁(yè)面添加庫(kù)項(xiàng)目 167
9.2.4 更新庫(kù)項(xiàng)目文件 167
9.3 練習(xí)案例 168
9.3.1 練習(xí)案例—旗袍文化 168
9.3.2 練習(xí)案例—恒生國(guó)際老年公寓 169
第 10章 表單和jQuery UI 170
10.1 表單 171
10.1.1 課堂案例—網(wǎng)頁(yè)設(shè)計(jì) 171
10.1.2 表單及屬性 174
10.1.3 文本元素 175
10.1.4 單選按鈕和單選按鈕組 177
10.1.5 復(fù)選框和復(fù)選框組 178
10.1.6 選擇 179
10.1.7 文件元素 180
10.1.8 按鈕 181
10.1.9 其他表單元素 182
10.2 jQuery UI 184
10.2.1 課堂案例—?jiǎng)?chuàng)意家居 184
10.2.2 折疊面板Accordion 186
10.2.3 選項(xiàng)卡Tabs 188
10.2.4 日期選擇器Datepicker 189
10.2.5 對(duì)話框Dialog 190
10.3 練習(xí)案例 191
10.3.1 練習(xí)案例—咖啡餐廳 191
10.3.2 練習(xí)案例—網(wǎng)上生活超市 192
第 11章 HTML5和彈性布局 193
11.1 HTML5概述 194
11.1.1 HTML5簡(jiǎn)介 194
11.1.2 HTML5特性 194
11.2 HTML5布局 195
11.2.1 HTML5語(yǔ)義結(jié)構(gòu)標(biāo)簽 195
11.2.2 課堂案例—在線課程 196
11.3 彈性盒子布局 203
11.3.1 彈性盒子概念 203
11.3.2 彈性容器屬性 203
11.3.3 彈性容器項(xiàng)目屬性 207
11.3.4 課堂案例—尚品家居 209
11.4 媒體查詢應(yīng)用 215
11.4.1 媒體查詢 215
11.4.2 課堂案例—健康大步走 215
11.5 練習(xí)案例 219
11.5.1 練習(xí)案例—優(yōu)勝企業(yè)網(wǎng)站 219
11.5.2 練習(xí)案例—雅派服飾 220
第 12章 jQuery Mobile 221
12.1 jQuery Mobile概述 222
12.1.1 jQuery Mobile簡(jiǎn)介 222
12.1.2 jQuery Mobile框架 222
12.1.3 data-屬性 223
12.1.4 jQuery Mobile樣式 223
12.2 使用jQuery Mobile 224
12.2.1 課堂案例—服裝定制I 224
12.2.2 jQuery Mobile頁(yè)面 230
12.2.3 jQuery Mobile列表視圖 231
12.2.4 jQuery Mobile布局網(wǎng)格 231
12.2.5 jQuery Mobile可折疊區(qū)塊 232
12.2.6 jQuery Mobile表單 232
12.3 jQuery Mobile應(yīng)用 234
12.3.1 jQuery Mobile版本 234
12.3.2 面板panel 234
12.3.3 彈窗popup 235
12.3.4 課堂案例—服裝定制II 235
12.3.5 視口viewport 239
12.3.6 自定義jQuery Mobile主題 239
12.3.7 打包jQuery Mobile應(yīng)用 240
12.4 練習(xí)案例 241
12.4.1 練習(xí)案例—男人會(huì)裝I 241
12.4.2 練習(xí)案例—男人會(huì)裝II 242
第 13章 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) 243
13.1 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)概述 244
13.2 開(kāi)發(fā)環(huán)境設(shè)置 244
13.2.1 安裝WAMP 245
13.2.2 設(shè)置WAMP 246
13.3 設(shè)計(jì)數(shù)據(jù)庫(kù) 247
13.3.1 MySQL數(shù)據(jù)庫(kù) 247
13.3.2 使用phpMyAdmin創(chuàng)建數(shù)據(jù)庫(kù) 248
13.4 在Dreamweaver CC中創(chuàng)建PHP環(huán)境 250
13.4.1 建立動(dòng)態(tài)站點(diǎn) 250
13.4.2 創(chuàng)建數(shù)據(jù)庫(kù)連接 252
13.5 數(shù)據(jù)庫(kù)使用 253
13.5.1 定義記錄集 253
13.5.2 數(shù)據(jù)綁定 254
13.5.3 添加服務(wù)器行為 255
13.6 課堂案例—美容美發(fā) 256
13.6.1 設(shè)計(jì)數(shù)據(jù)庫(kù) 257
13.6.2 創(chuàng)建動(dòng)態(tài)站點(diǎn) 258
13.6.3 創(chuàng)建數(shù)據(jù)庫(kù)連接 259
13.6.4 發(fā)表留言頁(yè)面 260
13.6.5 留言詳細(xì)內(nèi)容頁(yè)面 261
13.6.6 留言列表頁(yè)面 262
13.7 練習(xí)案例—電子商務(wù) 264
第 14章 綜合實(shí)訓(xùn) 266
14.1 網(wǎng)站規(guī)劃 267
14.2 網(wǎng)站設(shè)計(jì) 267
14.2.1 Logo設(shè)計(jì) 267
14.2.2 banner設(shè)計(jì) 267
14.2.3 頁(yè)面設(shè)計(jì) 267
14.3 主頁(yè)制作 268
14.3.1 主頁(yè)面切圖 268
14.3.2 前期工作 270
14.3.3 主頁(yè)布局分析 271
14.3.4 header區(qū)域制作 272
14.3.5 導(dǎo)航欄區(qū)域制作 275
14.3.6 banner區(qū)域制作 279
14.3.7 內(nèi)容區(qū)域制作 279
14.3.8 footer區(qū)域制作 284
14.4 子頁(yè)面制作 284
14.4.1 家園簡(jiǎn)介子頁(yè)面切圖 284
14.4.2 制作子頁(yè)面模板 285
14.4.3 新建家園簡(jiǎn)介子頁(yè)面 287
14.5 其他子頁(yè)面制作 289
14.6 頁(yè)面超鏈接設(shè)置 291
參考文獻(xiàn) 292