目 錄
前 言
第1篇 Dreamweaver 2021快速入門(mén)
第1章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)2
1.1 網(wǎng)頁(yè)與網(wǎng)站3
1.2 網(wǎng)站建設(shè)的基本步驟3
1.2.1 確定網(wǎng)站的主題和目標(biāo)用戶3
1.2.2 規(guī)劃網(wǎng)站的欄目與版塊5
1.2.3 組織站點(diǎn)結(jié)構(gòu)5
1.2.4 收集整理建站資源6
1.2.5 網(wǎng)頁(yè)版面布局與設(shè)計(jì)7
1.2.6 測(cè)試網(wǎng)站8
1.2.7 發(fā)布與推廣網(wǎng)站8
第2章 Dreamweaver 2021簡(jiǎn)介9
2.1 初次啟動(dòng)Dreamweaver 202110
2.2 Dreamweaver 2021的窗口組成10
2.2.1 菜單欄11
2.2.2 文檔工具欄11
2.2.3 通用工具欄13
2.2.4 標(biāo)準(zhǔn)工具欄13
2.2.5 “插入”面板14
2.2.6 工作區(qū)15
2.2.7 狀態(tài)欄15
2.2.8 “屬性”面板17
2.2.9 “浮動(dòng)”面板組17
2.2.10 標(biāo)尺、網(wǎng)格與輔助線18
2.3 文件操作20
2.3.1 新建、打開(kāi)文檔20
2.3.2 導(dǎo)入文件22
2.3.3 保存、關(guān)閉文檔22
2.3.4 設(shè)置文檔屬性22
第3章 網(wǎng)站的構(gòu)建與管理24
3.1 站點(diǎn)相關(guān)術(shù)語(yǔ)25
3.1.1 Internet服務(wù)器和本地計(jì)算機(jī)25
3.1.2 本地站點(diǎn)與遠(yuǎn)端站點(diǎn)25
3.2 構(gòu)建本地站點(diǎn)25
3.3 管理本地站點(diǎn)和站點(diǎn)文件30
3.3.1 管理站點(diǎn)31
3.3.2 使用“文件”面板32
3.3.3 操作站點(diǎn)文件或文件夾33
3.4 測(cè)試站點(diǎn)34
3.4.1 管理網(wǎng)頁(yè)鏈接35
3.4.2 配置瀏覽器36
3.4.3 檢查瀏覽器的兼容性37
3.5 站點(diǎn)發(fā)布37
3.5.1 配置遠(yuǎn)程站點(diǎn)37
3.5.2 上傳、下載與同步更新38
3.6 全程實(shí)例——將已有文件組織為站點(diǎn)40
第4章 HTML與CSS基礎(chǔ)42
4.1 HTML語(yǔ)言概述43
4.2 HTML的語(yǔ)法結(jié)構(gòu)43
4.2.1 <標(biāo)簽>對(duì)象44
4.2.2 <標(biāo)簽 屬性1=參數(shù)1 屬性2=參數(shù)2>對(duì)象44
4.2.3 <標(biāo)簽>45
4.2.4 標(biāo)簽嵌套45
4.3 常用的HTML標(biāo)簽46
4.3.1 文檔的結(jié)構(gòu)標(biāo)簽46
4.3.2 注釋標(biāo)簽48
4.3.3 文本格式標(biāo)簽48
4.3.4 排版標(biāo)簽50
4.3.5 列表標(biāo)簽52
4.3.6 表格標(biāo)簽54
4.3.7 框架標(biāo)簽55
4.3.8 表單標(biāo)簽56
4.3.9 其他標(biāo)簽58
4.4 CSS規(guī)則61
4.4.1 基本語(yǔ)法規(guī)范61
4.4.2 創(chuàng)建CSS規(guī)則64
4.4.3 定義媒體查詢(xún)66
4.4.4 設(shè)置CSS屬性69
4.4.5 全程實(shí)例——?jiǎng)?chuàng)建樣式表70
4.5 CSS樣式的應(yīng)用71
4.5.1 變化的鼠標(biāo)指針71
4.5.2 背景不跟隨內(nèi)容滾動(dòng)73
第5章 處理文字與圖像74
5.1 在網(wǎng)頁(yè)中加入文本75
5.1.1 插入文本75
5.1.2 設(shè)置文本屬性75
5.1.3 創(chuàng)建列表項(xiàng)78
5.1.4 插入日期79
5.1.5 全程實(shí)例——插入日期時(shí)間80
5.1.6 插入特殊字符81
5.2 在網(wǎng)頁(yè)中應(yīng)用圖像85
5.2.1 網(wǎng)頁(yè)中可以使用的圖像格式85
5.2.2 插入水平線85
5.2.3 插入圖像86
5.2.4 設(shè)置圖像屬性87
5.2.5 設(shè)置外部編輯器88
5.2.6 插入鼠標(biāo)經(jīng)過(guò)圖像89
5.2.7 導(dǎo)入Fireworks HTML90
第6章 制作超鏈接92
6.1 認(rèn)識(shí)超級(jí)鏈接93
6.2 創(chuàng)建、管理鏈接93
6.2.1 創(chuàng)建文本超鏈接94
6.2.2 創(chuàng)建圖像鏈接95
6.2.3 鏈接到命名錨點(diǎn)95
6.2.4 創(chuàng)建E-Mail鏈接96
6.2.5 虛擬鏈接和腳本鏈接98
6.2.6 使用“URLs”面板管理超鏈接98
6.3 使用熱點(diǎn)制作圖像映射100
6.4 全程實(shí)例——制作導(dǎo)航條101
第2篇 Dreamweaver 20121技能提高
第7章 表格與iframe106
7.1 創(chuàng)建表格107
7.2 設(shè)置表格和單元格屬性109
7.3 表格的常用操作112
7.3.1 選擇表格元素112
7.3.2 調(diào)整表格的大小、行高和列寬113
7.3.3 使用擴(kuò)展表格模式114
7.3.4 表格數(shù)據(jù)的導(dǎo)入與導(dǎo)出115
7.3.5 增加、刪除行和列117
7.3.6 復(fù)制、粘貼與清除單元格117
7.3.7 合并、拆分單元格118
7.3.8 表格數(shù)據(jù)排序119
7.4 表格布局實(shí)例120
7.5 全程實(shí)例——使用表格布局主頁(yè)123
7.6 創(chuàng)建iframe127
7.7 全程實(shí)例——使用iframe顯示頁(yè)面129
第8章 Div+CSS布局132
8.1 Div+CSS概述133
8.2 CSS盒模型134
8.2.1 CSS盒模型簡(jiǎn)介134
8.2.2 常用的盒模型屬性135
8.3 CSS層疊順序139
8.4 CSS布局塊140
8.4.1 創(chuàng)建div標(biāo)簽140
8.4.2 編輯div標(biāo)簽142
8.4.3 可視化 CSS 布局塊142
8.5 常用的CSS布局版式144
8.5.1 一列布局144
8.5.2 兩列布局146
8.5.3 三列布局148
8.6 Div標(biāo)簽應(yīng)用實(shí)例149
第9章 應(yīng)用表單157
9.1 創(chuàng)建表單網(wǎng)頁(yè)158
9.1.1 插入表單158
9.1.2 文本字段和文件域160
9.1.3 選擇框162
9.1.4 單選按鈕與復(fù)選框164
9.1.5 按鈕166
9.1.6 圖像按鈕167
9.1.7 隱藏域168
9.2 處理表單168
9.3 全程實(shí)例——制作留言板171
第10章 Dreamweaver 的內(nèi)置行為176
10.1 事件與動(dòng)作177
10.2 “行為”面板178
10.3 附加行為到頁(yè)面元素178
10.4 編輯行為179
10.5 內(nèi)置行為的使用方法180
10.5.1 改變屬性180
10.5.2 交換圖像/恢復(fù)交換圖像181
10.5.3 彈出信息182
10.5.4 打開(kāi)瀏覽器窗口182
10.5.5 jQuery效果183
10.5.6 顯示-隱藏元素185
10.5.7 檢查插件186
10.5.8 檢查表單187
10.5.9 設(shè)置文本189
10.5.10 調(diào)用JavaScript191
10.5.11 轉(zhuǎn)到URL191
10.5.12 預(yù)先載入圖像192
10.6 全程實(shí)例——?jiǎng)討B(tài)導(dǎo)航圖像192
第11章 制作多媒體網(wǎng)頁(yè)194
11.1 在網(wǎng)頁(yè)中使用聲音195
11.1.1 網(wǎng)頁(yè)中音頻文件的格式195
11.1.2 在網(wǎng)頁(yè)中添加聲音195
11.1.3 全程實(shí)例——背景音樂(lè)197
11.2 插入Flash對(duì)象199
11.2.1 添加Flash動(dòng)畫(huà)199
11.2.2 插入Flash視頻199
11.3 插入HTML5媒體對(duì)象201
11.3.1 添加HTML5視頻201
11.3.2 添加HTML5音頻202
第12章 統(tǒng)一網(wǎng)頁(yè)風(fēng)格204
12.1 模板和庫(kù)的功能205
12.2 創(chuàng)建模板206
12.2.1 創(chuàng)建空模板206
12.2.2 將網(wǎng)頁(yè)保存為模板206
12.2.3 定義可編輯區(qū)域207
12.2.4 定義可選區(qū)域208
12.2.5 定義重復(fù)區(qū)域210
12.2.6 定義嵌套模板211
12.3 應(yīng)用模板213
12.3.1 基于模板創(chuàng)建新文檔213
12.3.2 為現(xiàn)有文檔應(yīng)用模板213
12.3.3 修改模板并更新站點(diǎn)215
12.3.4 全程實(shí)例——使用模板生成其他頁(yè)面215
12.4 管理模板217
12.4.1 重命名模板218
12.4.2 刪除模板218
12.4.3 分離文檔所附模板218
12.5 應(yīng)用庫(kù)項(xiàng)目219
12.5.1 “庫(kù)”面板的功能219
12.5.2 創(chuàng)建庫(kù)項(xiàng)目219
12.5.3 使用庫(kù)項(xiàng)目220
12.6 管理庫(kù)項(xiàng)目220
12.6.1 編輯庫(kù)項(xiàng)目221
12.6.2 重命名、刪除庫(kù)項(xiàng)目221
12.6.3 重新創(chuàng)建庫(kù)項(xiàng)目221
12.6.4 更新頁(yè)面和站點(diǎn)222
12.6.5 將庫(kù)從源文件中分離222
12.6.6 全程實(shí)例——版權(quán)聲明223
12.7 模板與庫(kù)的應(yīng)用224
第13章 動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)227
13.1 動(dòng)態(tài)網(wǎng)頁(yè)概述228
13.2 安裝IIS服務(wù)器228
13.3 配置IIS服務(wù)器230
13.4 設(shè)置虛擬目錄235
13.5 制作動(dòng)態(tài)網(wǎng)頁(yè)的步驟237
13.6 連接數(shù)據(jù)庫(kù)237
13.7 定義數(shù)據(jù)源239
13.7.1 定義記錄集239
13.7.2 定義變量239
13.8 設(shè)置實(shí)時(shí)視圖240
13.9 制作動(dòng)態(tài)網(wǎng)頁(yè)元素241
13.10 全程實(shí)例——“我的店鋪”頁(yè)面242
第3篇 Dreamweaver 2021實(shí)戰(zhàn)演練
第14章 旅游網(wǎng)站設(shè)計(jì)綜合實(shí)例250
14.1 實(shí)例介紹251
14.2 準(zhǔn)備工作252
14.3 制作模板252
14.3.1 制作導(dǎo)航條253
14.3.2 制作左側(cè)邊欄259
14.3.3 制作正文和右側(cè)邊欄259
14.3.4 制作庫(kù)項(xiàng)目263
14.4 制作首頁(yè)264
14.5 制作其他頁(yè)面266
第15章 兒童教育網(wǎng)站設(shè)計(jì)綜合實(shí)例267
15.1 實(shí)例介紹268
15.2 準(zhǔn)備工作270
15.3 制作首頁(yè)270
15.4 制作頁(yè)面布局模板283
15.4.1 制作庫(kù)項(xiàng)目283
15.4.2 制作模板283
15.4.3 制作嵌套模板288
15.5 基于模板制作頁(yè)面289
15.5.1 制作咨詢(xún)留言頁(yè)面289
15.5.2 制作信息顯示頁(yè)面291
第16章 時(shí)尚資訊網(wǎng)站設(shè)計(jì)綜合實(shí)例293
16.1 實(shí)例介紹294
16.2 準(zhǔn)備工作296
16.3 制作模板296
16.3.1 設(shè)計(jì)基本布局297
16.3.2 制作導(dǎo)航菜單299
16.3.3 插入模板元素305
16.3.4 制作嵌套模板306
16.4 制作庫(kù)文件307
16.5 制作網(wǎng)站主頁(yè)308
16.6 制作其他頁(yè)面311
第17章 電子商務(wù)網(wǎng)站設(shè)計(jì)綜合實(shí)例313
17.1 實(shí)例介紹314
17.1.1 客戶登錄、注銷(xiāo)和注冊(cè)管理316
17.1.2 客戶瀏覽、查詢(xún)和選購(gòu)商品316
17.1.3 商品展示、添加和信息維護(hù)318
17.1.4 網(wǎng)站配置管理320
17.2 數(shù)據(jù)庫(kù)設(shè)計(jì)320
17.3 技術(shù)要領(lǐng)321
17.3.1 #include指令321
17.3.2 權(quán)限控制322
17.3.3 MD5加密算法介紹322
17.3.4 實(shí)現(xiàn)驗(yàn)證碼登錄322
17.4 導(dǎo)航條324
17.5 客戶注冊(cè)和登錄325
17.5.1 填寫(xiě)注冊(cè)信息325
17.5.2 注冊(cè)信息提交327
17.5.3 客戶登錄和注銷(xiāo)330
17.6 客戶中心334
17.6.1 進(jìn)入客戶中心334
17.6.2 個(gè)人資料維護(hù)335
17.6.3 修改密碼337
17.6.4 取回密碼339
17.6.5 “我的訂單”頁(yè)面340
17.6.6 購(gòu)物車(chē)的實(shí)現(xiàn)344
17.6.7 收貨人信息345
17.7 收藏和購(gòu)買(mǎi)商品347
17.7.1 瀏覽商品347
17.7.2 購(gòu)買(mǎi)商品348
17.7.3 填寫(xiě)收貨人信息350
17.7.4 訂單提交351
17.8 商品查詢(xún)353
17.8.1 簡(jiǎn)單查詢(xún)354
17.8.2 高級(jí)查詢(xún)窗口354
17.8.3 高級(jí)查詢(xún)處理355
17.9 信息統(tǒng)計(jì)357
17.9.1 銷(xiāo)售排行357
17.9.2 關(guān)注排行357
17.10 程序發(fā)布358