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