網(wǎng)頁設(shè)計(jì)與制作：Dreamweaver CC標(biāo)準(zhǔn)教程（微課版 第4版）

第 1章 網(wǎng)頁設(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)頁設(shè)計(jì)知識(shí)　3
1.2.1 色彩　3
1.2.2 網(wǎng)頁設(shè)計(jì)元素　4
1.2.3 頁面布局　6
1.3　網(wǎng)頁標(biāo)準(zhǔn)化技術(shù)　7
1.3.1 超文本標(biāo)記語言　7
1.3.2 CSS樣式　7
1.3.3 腳本語言　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)頁　16
2.2.3 管理站點(diǎn)文件和文件夾　17
2.2.4 課堂案例—慈善救助中心　18
2.3　管理站點(diǎn)　20
2.3.1 打開站點(diǎn)　20
2.3.2 編輯站點(diǎn)　21
2.3.3 復(fù)制站點(diǎn)　21
2.3.4 刪除站點(diǎn)　21
2.4　頁面代碼　22
2.4.1 HTML代碼　22
2.4.2 課堂案例—瑜伽會(huì)所　23
2.4.3 使用代碼　25
2.5　網(wǎng)頁文檔頭部信息設(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章 頁面與文本　31
3.1　頁面屬性　32
3.1.1 課堂案例—中國(guó)經(jīng)濟(jì)峰會(huì)　32
3.1.2 網(wǎng)頁標(biāo)題　36
3.1.3 文本分段與換行　36
3.1.4 輸入空格　36
3.1.5 設(shè)置頁面文字屬性　37
3.1.6 顯示或隱藏不可見元素　37
3.1.7 設(shè)置頁邊距　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　無序列表和有序列表　44
3.3.1 課堂案例—咨詢網(wǎng)站　44
3.3.2 設(shè)置無序列表或有序列表　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)頁多媒體　53
4.2.1 課堂案例—米克音樂　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í)案例—古典音樂網(wǎng)　70
4.6.3 練習(xí)案例—愛麗絲家具　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 頁面文本鏈接狀態(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)過圖像超鏈接　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過渡效果　110
  6.4.1 CSS樣式私有屬性　110
  6.4.2 課堂案例—墻體裝飾　111
  6.4.3 CSS過渡屬性　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í)案例—狗狗俱樂部　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)頁設(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　打開瀏覽器窗口　151
  8.4.1 課堂案例—兒童攝影　151
  8.4.2 打開瀏覽器窗口　152
  8.5　JavaScript代碼　153
  8.6　練習(xí)案例　154
  8.6.1 練習(xí)案例—甜品飲料吧　154
  8.6.2 練習(xí)案例—校園信息中心　154

  第9章 模板和庫　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)頁　162
  9.1.6 管理模板　163
  9.2　庫　164
  9.2.1 課堂案例—時(shí)尚女性網(wǎng)　164
  9.2.2 創(chuàng)建庫項(xiàng)目　166
  9.2.3 向頁面添加庫項(xiàng)目　167
  9.2.4 更新庫項(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)頁設(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語義結(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頁面　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)頁技術(shù)　243
  13.1　動(dòng)態(tài)網(wǎng)頁技術(shù)概述　244
  13.2　開發(fā)環(huán)境設(shè)置　244
  13.2.1 安裝WAMP　245
  13.2.2 設(shè)置WAMP　246
  13.3　設(shè)計(jì)數(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 建立動(dòng)態(tài)站點(diǎn)　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 添加服務(wù)器行為　255
  13.6　課堂案例—美容美發(fā)　256
  13.6.1 設(shè)計(jì)數(shù)據(jù)庫　257
  13.6.2 創(chuàng)建動(dòng)態(tài)站點(diǎn)　258
  13.6.3 創(chuàng)建數(shù)據(jù)庫連接　259
  13.6.4 發(fā)表留言頁面　260
  13.6.5 留言詳細(xì)內(nèi)容頁面　261
  13.6.6 留言列表頁面　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 頁面設(shè)計(jì)　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 導(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　子頁面制作　284
  14.4.1 家園簡(jiǎn)介子頁面切圖　284
  14.4.2 制作子頁面模板　285
  14.4.3 新建家園簡(jiǎn)介子頁面　287
  14.5　其他子頁面制作　289
  14.6　頁面超鏈接設(shè)置　291

  參考文獻(xiàn)　292

  TOP 其它信息

  裝　　幀：平裝-膠訂

  開　　本：128開

  紙　　張：膠版紙