Dreamweaver 2021中文版入門與提高實(shí)例教程

目 錄
前 言
第1篇 Dreamweaver 2021快速入門
第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)用戶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)頁版面布局與設(shè)計7
1.2.6 測試網(wǎng)站8
1.2.7 發(fā)布與推廣網(wǎng)站8
第2章 Dreamweaver 2021簡介9
2.1 初次啟動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 “浮動”面板組17
2.2.10 標(biāo)尺、網(wǎng)格與輔助線18
2.3 文件操作20
2.3.1 新建、打開文檔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ù)語25
3.1.1 Internet服務(wù)器和本地計算機(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 測試站點(diǎn)34
3.4.1 管理網(wǎng)頁鏈接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語言概述43
4.2 HTML的語法結(jié)構(gòu)43
4.2.1 對象44
4.2.2 對象44
4.2.3 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 基本語法規(guī)范61
4.4.2 創(chuàng)建CSS規(guī)則64
4.4.3 定義媒體查詢66
4.4.4 設(shè)置CSS屬性69
4.4.5 全程實(shí)例——創(chuàng)建樣式表70
4.5 CSS樣式的應(yīng)用71
4.5.1 變化的鼠標(biāo)指針71
4.5.2 背景不跟隨內(nèi)容滾動73
第5章 處理文字與圖像74
5.1 在網(wǎng)頁中加入文本75
5.1.1 插入文本75
5.1.2 設(shè)置文本屬性75
5.1.3 創(chuàng)建列表項78
5.1.4 插入日期79
5.1.5 全程實(shí)例——插入日期時間80
5.1.6 插入特殊字符81
5.2 在網(wǎng)頁中應(yīng)用圖像85
5.2.1 網(wǎng)頁中可以使用的圖像格式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)過圖像89
5.2.7 導(dǎo)入Fireworks HTML90
第6章 制作超鏈接92
6.1 認(rèn)識超級鏈接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í)例——使用表格布局主頁123
7.6 創(chuàng)建iframe127
7.7 全程實(shí)例——使用iframe顯示頁面129
第8章 Div+CSS布局132
8.1 Div+CSS概述133
8.2 CSS盒模型134
8.2.1 CSS盒模型簡介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)頁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 事件與動作177
10.2 “行為”面板178
10.3 附加行為到頁面元素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 打開瀏覽器窗口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í)例——動態(tài)導(dǎo)航圖像192
第11章 制作多媒體網(wǎng)頁194
11.1 在網(wǎng)頁中使用聲音195
11.1.1 網(wǎng)頁中音頻文件的格式195
11