目 錄
前言
第1篇 Dreamweaver CC 2018快速入門
第1章 網(wǎng)頁制作基礎(chǔ)知識2
1.1 網(wǎng)頁與網(wǎng)站3
1.2 網(wǎng)站建設(shè)的基本步驟3
1.2.1 確定網(wǎng)站的主題和目標(biāo)用戶4
1.2.2 規(guī)劃網(wǎng)站的欄目與版塊5
1.2.3 組織站點結(jié)構(gòu)6
1.2.4 收集整理建站資源6
1.2.5 網(wǎng)頁版面布局與設(shè)計7
1.2.6 測試網(wǎng)站9
1.2.7 發(fā)布與推廣網(wǎng)站9
第2章 Dreamweaver CC 2018簡介10
2.1 初次啟動Dreamweaver CC 201811
2.2 Dreamweaver CC 2018的窗口組成11
2.2.1 菜單欄12
2.2.2 文檔工具欄13
2.2.3 通用工具欄15
2.2.4 標(biāo)準(zhǔn)工具欄15
2.2.5 “插入”面板16
2.2.6 工作區(qū)17
2.2.7 狀態(tài)欄17
2.2.8 “屬性”面板19
2.2.9 浮動面板組20
2.2.10 標(biāo)尺、網(wǎng)格與輔助線22
2.3 文件操作24
2.3.1 新建、打開文檔24
2.3.2 導(dǎo)入文件26
2.3.3 保存、關(guān)閉文檔26
2.3.4 設(shè)置文檔屬性27
第3章 網(wǎng)站的構(gòu)建與管理29
3.1 站點相關(guān)術(shù)語30
3.1.1 Internet服務(wù)器和本地計算機30
3.1.2 本地站點與遠(yuǎn)端站點30
3.2 構(gòu)建本地站點31
3.3 管理本地站點和站點文件37
3.3.1 管理站點37
3.3.2 使用“文件”面板38
3.3.3 操作站點文件或文件夾40
3.4 測試站點41
3.4.1 管理網(wǎng)頁鏈接42
3.4.2 配置瀏覽器43
3.4.3 檢查瀏覽器的兼容性43
3.5 站點發(fā)布44
3.5.1 配置遠(yuǎn)程站點44
3.5.2 上傳、下載與同步更新46
3.6 全程實例——將已有文件組織為站點48
第4章 HTML與CSS基礎(chǔ)50
4.1 HTML語言概述51
4.2 HTML的語法結(jié)構(gòu)52
4.2.1 <標(biāo)簽>對象52
4.2.2 <標(biāo)簽 屬性1=參數(shù)1 屬性2=參數(shù)2>對象53
4.2.3 <標(biāo)簽>53
4.2.4 標(biāo)簽嵌套54
4.3 常用的HTML標(biāo)簽55
4.3.1 文檔的結(jié)構(gòu)標(biāo)簽55
4.3.2 注釋標(biāo)簽56
4.3.3 文本格式標(biāo)簽57
4.3.4 排版標(biāo)簽59
4.3.5 列表標(biāo)簽61
4.3.6 表格標(biāo)簽62
4.3.7 框架標(biāo)簽64
4.3.8 表單標(biāo)簽65
4.3.9 其他標(biāo)簽68
4.4 CSS規(guī)則71
4.4.1 基本語法規(guī)范72
4.4.2 創(chuàng)建CSS規(guī)則75
4.4.3 定義媒體查詢77
4.4.4 設(shè)置CSS屬性80
4.4.5 全程實例——創(chuàng)建樣式表82
4.5 CSS樣式的應(yīng)用82
4.5.1 變化的鼠標(biāo)83
4.5.2 背景不跟隨內(nèi)容滾動85
第5章 處理文字與圖像87
5.1 在網(wǎng)頁中加入文本88
5.1.1 插入文本88
5.1.2 設(shè)置文本屬性88
5.1.3 創(chuàng)建列表項91
5.1.4 插入日期92
5.1.5 全程實例——插入日期時間94
5.1.6 插入特殊字符95
5.2 在網(wǎng)頁中應(yīng)用圖像99
5.2.1 網(wǎng)頁中可以使用的圖像格式99
5.2.2 插入水平線100
5.2.3 插入圖像100
5.2.4 設(shè)置圖像屬性102
5.2.5 設(shè)置外部編輯器103
5.2.6 插入鼠標(biāo)經(jīng)過圖像104
5.2.7 導(dǎo)入Fireworks HTML105
第6章 制作超鏈接107
6.1 認(rèn)識超鏈接108
6.2 創(chuàng)建、管理鏈接109
6.2.1 創(chuàng)建文本超鏈接109
6.2.2 創(chuàng)建圖像鏈接110
6.2.3 鏈接到命名錨點111
6.2.4 創(chuàng)建E-mail鏈接112
6.2.5 虛擬鏈接和腳本鏈接114
6.2.6 使用“URLs”面板管理超鏈接114
6.3 使用熱點制作圖像映射116
6.4 全程實例——制作導(dǎo)航條117
第2篇 Dreamweaver CC 2018技能提高
第7章 表格與IFRAME124
7.1 創(chuàng)建表格125
7.2 設(shè)置表格和單元格屬性128
7.3 表格的常用操作131
7.3.1 選擇表格元素131
7.3.2 調(diào)整表格的尺寸、行高和列寬132
7.3.3 使用擴展表格模式133
7.3.4 表格數(shù)據(jù)的導(dǎo)入與導(dǎo)出135
7.3.5 增加、刪除行和列136
7.3.6 復(fù)制、粘貼與清除單元格138
7.3.7 合并、拆分單元格138
7.3.8 表格數(shù)據(jù)排序140
7.4 表格布局實例141
7.5 全程實例——使用表格布局主頁145
7.6 創(chuàng)建IFRAME151
7.7 全程實例——使用IFRAME顯示頁面152
第8章 Div+CSS布局156
8.1 Div+CSS概述157
8.2 CSS盒模型158
8.2.1 CSS盒模型簡介158
8.2.2 常用的盒模型屬性159
8.3 CSS層疊順序164
8.4 CSS布局塊165
8.4.1 創(chuàng)建Div標(biāo)簽166
8.4.2 編輯Div標(biāo)簽167
8.4.3 可視化 CSS 布局塊168
8.5 常用CSS布局版式170
8.5.1 一列布局170
8.5.2 兩列布局172
8.5.3 三列布局174
8.6 Div標(biāo)簽應(yīng)用實例176
第9章 應(yīng)用表單184
9.1 創(chuàng)建表單網(wǎng)頁185
9.1.1 插入表單185
9.1.2 文本字段和文件域188
9.1.3 選擇框190
9.1.4 單選按鈕與復(fù)選框192
9.1.5 按鈕195
9.1.6 圖像按鈕195
9.1.7 隱藏域197
9.2 處理表單197
9.3 全程實例——制作留言板201
第10章 Dreamweaver的內(nèi)置行為207
10.1 事件與動作208
10.2 “行為”面板209
10.3 附加行為到頁面元素210
10.4 編輯行為211
10.5 Dreamweaver CC 2018的內(nèi)置行為211
10.5.1 改變屬性211
10.5.2 交換圖像/恢復(fù)交換圖像213
10.5.3 彈出信息213
10.5.4 打開瀏覽器窗口214
10.5.5 jQuery效果216
10.5.6 顯示-隱藏元素218
10.5.7 檢查插件219
10.5.8 檢查表單220
10.5.9 設(shè)置文本222
10.5.10 調(diào)用JavaScript224
10.5.11 轉(zhuǎn)到URL224
10.5.12 預(yù)先載入圖像225
10.6 全程實例——動態(tài)導(dǎo)航圖像226
第11章 制作多媒體網(wǎng)頁228
11.1 在網(wǎng)頁中使用聲音229
11.1.1 網(wǎng)頁中音頻文件的格式229
11.1.2 在網(wǎng)頁中添加聲音230
11.1.3 全程實例——背景音樂231
11.2 插入Flash對象234
11.2.1 添加Flash動畫234
11.2.2 插入Flash視頻234
11.3 插入HTML5媒體對象236
11.3.1 添加HTML5視頻237
11.3.2 添加HTML5音頻238
第12章 統(tǒng)一網(wǎng)頁風(fēng)格239
12.1 模板和庫的功能240
12.2 創(chuàng)建模板241
12.2.1 創(chuàng)建空模板241
12.2.2 將網(wǎng)頁保存為模板242
12.2.3 定義可編輯區(qū)域243
12.2.4 定義可選區(qū)域244
12.2.5 定義重復(fù)區(qū)域246
12.2.6 定義嵌套模板247
12.3 應(yīng)用模板249
12.3.1 基于模板創(chuàng)建文檔249
12.3.2 應(yīng)用模板到頁250
12.3.3 修改模板并更新站點252
12.3.4 全程實例——使用模板生成其他頁面252
12.4 管理模板255
12.4.1 重命名模板文件255
12.4.2 刪除模板255
12.4.3 分離文檔所附模板255
12.5 應(yīng)用庫項目256
12.5.1 “庫”面板的功能256
12.5.2 創(chuàng)建庫項目257
12.5.3 使用庫項目258
12.6 管理庫項目258
12.6.1 編輯庫項目258
12.6.2 重命名、刪除庫項目259
12.6.3 重新創(chuàng)建庫項目259
12.6.4 更新頁面和站點260
12.6.5 將庫從源文件中分離260
12.6.6 全程實例——版權(quán)聲明261
12.7 模板與庫的應(yīng)用263
第13章 動態(tài)網(wǎng)頁基礎(chǔ)266
13.1 動態(tài)網(wǎng)頁概述267
13.2 安裝IIS服務(wù)器267
13.3 配置IIS服務(wù)器269
13.4 設(shè)置虛擬目錄276
13.5 制作動態(tài)網(wǎng)頁的步驟278
13.6 連接數(shù)據(jù)庫279
13.7 定義數(shù)據(jù)源280
13.7.1 定義記錄集281
13.7.2 定義變量281
13.8 設(shè)置實時視圖282
13.9 制作動態(tài)網(wǎng)頁元素283
13.10 全程實例——“我的店鋪”頁面284
第3篇 Dreamweaver CC 2018實戰(zhàn)演練
第14章 旅游網(wǎng)站設(shè)計綜合實例294
14.1 實例介紹295
14.2 準(zhǔn)備工作297
14.3 制作模板297
14.3.1 制作導(dǎo)航條297
14.3.2 制作左側(cè)邊欄304
14.3.3 制作正文和右側(cè)邊欄305
14.3.4 制作庫項目310
14.4 制作首頁311
14.5 制作其他頁面312
第15章 兒童教育網(wǎng)站設(shè)計綜合實例314
15.1 實例效果315
15.2 創(chuàng)建站點317
15.3 制作首頁318
15.4 制作頁面布局模板333
15.4.1 制作庫項目333
15.4.2 制作模板334
15.4.3 制作嵌套模板339
15.5 基于模板制作頁面341
15.5.1 制作咨詢留言頁面341
15.5.2 制作信息顯示頁面344
第16章 時尚資訊網(wǎng)站設(shè)計綜合實例346
16.1 實例介紹347
16.2 準(zhǔn)備工作349
16.3 制作模板350
16.3.1 設(shè)計基本布局350
16.3.2 制作導(dǎo)航菜單353
16.3.3 插入模板元素359
16.3.4 制作嵌套模板361
16.4 制作庫文件362
16.5 制作網(wǎng)站主頁364
16.6 制作其他頁面368
第17章 電子商務(wù)網(wǎng)站設(shè)計綜合實例370
17.1 實例介紹371
17.1.1 客戶登錄、注銷和注冊管理373
17.1.2 客戶瀏覽、查詢和選購商品373
17.1.3 商品展示、添加和信息維護376
17.1.4 網(wǎng)站配置管理377
17.2 數(shù)據(jù)庫設(shè)計378
17.3 技術(shù)要領(lǐng)379
17.3.1 #include指令379
17.3.2 權(quán)限控制380
17.3.3 MD5加密算法介紹380
17.3.4 實現(xiàn)驗證碼登錄380
17.4 導(dǎo)航條382
17.5 客戶注冊和登錄383
17.5.1 填寫注冊信息383
17.5.2 注冊信息提交386
17.5.3 客戶登錄和注銷390
17.6 客戶中心394
17.6.1 進入客戶中心394
17.6.2 個人資料維護395
17.6.3 修改密碼397
17.6.4 取回密碼399
17.6.5 “我的訂單”界面401
17.6.6 購物車的實現(xiàn)405
17.6.7 收貨人信息407
17.7 收藏和購買商品409
17.7.1 瀏覽商品409
17.7.2 購買商品411
17.7.3 填寫收貨人信息412
17.7.4 訂單提交413
17.8 商品查詢416
17.8.1 普通查詢416
17.8.2 高級查詢窗口417
17.8.3 高級查詢處理418
17.9 信息統(tǒng)計420
17.9.1 銷售排行420
17.9.2 關(guān)注排行421
17.10 程序發(fā)布421