本書內(nèi)容概要
Dreamweaver是Adobe公司推出的一款所見即所得的網(wǎng)頁代碼編輯器,具有網(wǎng)頁制作、網(wǎng)站管理等功能,被廣泛應(yīng)用于網(wǎng)頁設(shè)計等領(lǐng)域。本書從軟件的基礎(chǔ)講起,循序漸進地對軟件功能進行全面論述,讓讀者充分熟悉軟件的各大功能。同時,結(jié)合各領(lǐng)域的實際應(yīng)用,進行案例展示和制作,并對行業(yè)相關(guān)知識進行深度剖析,以輔助讀者完成各項網(wǎng)頁設(shè)計工作。每個章節(jié)結(jié)尾處都安排有針對性的練習測試題,以幫助讀者對學習成果進行自我檢驗。本書分為13章,其主要內(nèi)容如下。
篇 章節(jié) 內(nèi)容概述
學習準備篇 第1章 主要講解了網(wǎng)頁的基本概念、網(wǎng)站的制作流程、網(wǎng)頁布局與配色等相關(guān)知識
理論知識篇 第2~12章 主要講解了Dreamweaver軟件的工作界面、站點的創(chuàng)建與管理、文檔的基本操作、HTML的基本結(jié)構(gòu)、常見的HTML標簽、HTML新增元素的屬性、文本的創(chuàng)建與編輯、特殊元素的創(chuàng)建、圖像的插入與編輯、超鏈接的概念、超鏈接的應(yīng)用與管理、表格的插入與應(yīng)用、CSS的創(chuàng)建與設(shè)置、Div CSS布局網(wǎng)頁、模板和庫、常見表單元素、行為與事件的概念、行為的應(yīng)用等知識
綜合實戰(zhàn)篇 第13章 主要講解了動物園網(wǎng)頁的項目要求和設(shè)計過程
系列圖書一覽
本系列圖書既注重單個軟件的實操應(yīng)用,又看重多個軟件的協(xié)同辦公,以理論 實操為創(chuàng)作模式,向讀者全面闡述了各軟件在設(shè)計領(lǐng)域中的強大功能。在講解過程中,結(jié)合各領(lǐng)域的實際應(yīng)用,對相關(guān)的行業(yè)知識進行了深度剖析,以輔助讀者完成各種類型的設(shè)計工作。正所謂要授人以漁,讀者不僅可以掌握這些設(shè)計軟件的使用方法,還能利用它獨立完成作品的創(chuàng)作。本系列圖書包含以下圖書作品:
《Adobe Photoshop CC課堂實錄》
《Adobe Dreamweaver CC課堂實錄》
《Adobe InDesign CC課堂實錄》
《Adobe Dreamweaver CC課堂實錄(Div CSS HTML 5)》
《Adobe Animate CC課堂實錄》
《Adobe PremierePro CC課堂實錄》
《Adobe After Effects CC課堂實錄》
《Photoshop CC Dreamweaver CC插畫設(shè)計課堂實錄》
《PremierePro CC After Effects CC視頻剪輯課堂實錄》
《Photoshop Dreamweaver InDesign平面設(shè)計課堂實錄》
《Photoshop Animate Dreamweaver網(wǎng)頁設(shè)計課堂實錄》
《HTML5 CSS3前端體驗設(shè)計課堂實錄》
《Web前端開發(fā)課堂實錄(HTML5 CSS3 JavaScript)》
配套資源獲取方式
本書由鄭寶民(黑河學院)、凌波(天津市濱海新區(qū)塘沽職業(yè)中等專業(yè)學校)編寫。其中鄭寶民編寫第1~9章、凌波編寫第10~13章。由于作者水平有限,書中疏漏之處在所難免,望廣大讀者批評指正。
編 者
第1章 網(wǎng)頁設(shè)計入門學習
1.1 網(wǎng)頁的基本概念 2
1.1.1 網(wǎng)頁與網(wǎng)站 2
1.1.2 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 2
1.2 網(wǎng)站制作流程 4
1.2.1 網(wǎng)站策劃 4
1.2.2 網(wǎng)站設(shè)計 5
1.2.3 網(wǎng)頁制作 6
1.2.4 測試和發(fā)布網(wǎng)站 6
1.2.5 網(wǎng)站維護 7
1.3 網(wǎng)頁布局與配色 7
1.3.1 網(wǎng)頁的布局類型 7
1.3.2 網(wǎng)頁色彩基礎(chǔ) 11
1.3.3 色彩搭配原則 12
1.4 網(wǎng)頁設(shè)計常用工具 17
1.5 課后練習 18
第2章 Dreamweaver基礎(chǔ)操作
2.1 Dreamweaver 的工作界面 20
2.1.1 啟動Dreamweaver 20
2.1.2 自定義軟件界面 20
實例:設(shè)置主瀏覽器 22
2.1.3 Dreamweaver的視圖模式 23
2.2 站點的創(chuàng)建與管理 23
2.2.1 創(chuàng)建站點 24
實例:創(chuàng)建遠程站點 25
2.2.2 編輯站點 26
2.2.3 導(dǎo)入和導(dǎo)出站點 28
2.2.4 新建文件或文件夾 28
2.2.5 編輯文件或文件夾 29
2.3 文檔的基礎(chǔ)操作 29
2.3.1 新建文檔 29
2.3.2 保存文檔 29
2.3.3 打開文檔 30
2.3.4 插入文檔 30
2.3.5 關(guān)閉文檔 31
2.4 課堂實戰(zhàn):創(chuàng)建我的站點 31
2.5 課后練習 33
第3章 HTML基礎(chǔ)
3.1 認識HTML 36
3.1.1 HTML簡介 36
3.1.2 HTML的基本結(jié)構(gòu) 36
3.1.3 文件開始標簽 37
3.1.4 文件頭部標簽
37
3.1.5 標題標簽
37
3.1.6 主體標簽 38
3.1.7 元信息標簽
38
3.1.8 標簽 38
3.2 HTML的基本標簽 38
3.2.1 標題文字 38
3.2.2 文字字體 39
實例:使用HTML在網(wǎng)頁中添加文本 40
3.2.3 段落換行 40
3.2.4 不換行標簽 41
3.2.5 圖像標簽 42
實例:插入網(wǎng)頁圖像 43
3.2.6 超鏈接標簽 43
3.2.7 列表標簽 45
3.2.8 表格標簽 47
3.2.9 表單標簽 49
3.3 HTML 5簡介 50
3.3.1 HTML 5的語法變化 50
3.3.2 HTML 5中的標記方法 50
3.3.3 HTML 5中新增加的元素 51
3.3.4 HTML 5中新增加的屬性元素 55
3.4 課堂實戰(zhàn):制作簡單的網(wǎng)頁布局 59
3.5 課后練習 62
第4章 文本的應(yīng)用
4.1 創(chuàng)建文本 66
4.1.1 直接輸入文本 66
4.1.2 通過導(dǎo)入命令導(dǎo)入文本 66
實例:制作古詩文網(wǎng)頁 67
4.2 設(shè)置網(wǎng)頁中的文本屬性 68
4.2.1 屬性面板 69
4.2.2 設(shè)置文本格式 69
實例:添加文字字體 71
4.2.3 設(shè)置段落格式 73
4.2.4 設(shè)置文本樣式 74
4.2.5 使用段落列表 75
4.3 在網(wǎng)頁中插入特殊元素 75
4.3.1 插入特殊符號 75
4.3.2 插入水平線 76
4.4 課堂實戰(zhàn):制作文字標簽 76
4.5 課后練習 79
第5章 圖像元素的應(yīng)用
5.1 在網(wǎng)頁中插入圖像 82
5.1.1 網(wǎng)頁中圖像的常見格式 82
5.1.2 插入圖像 83
5.1.3 圖像的屬性設(shè)置 83
5.1.4 圖像的對齊方式 85
5.1.5 運用HTML代碼設(shè)置圖像屬性 86
實例:為文檔添加圖像 86
5.1.6 設(shè)置網(wǎng)頁背景圖像 88
實例:添加網(wǎng)頁背景 88
5.1.7 鼠標經(jīng)過圖像 90
實例 制作鼠標經(jīng)過圖像效果 90
5.2 編輯圖像 91
5.2.1 裁剪圖像 91
5.2.2 調(diào)整圖像的亮度和對比度 92
5.2.3 銳化圖像 92
5.3 課堂實戰(zhàn):制作鼠標經(jīng)過圖像效果 93
5.4 課后練習 95
第6章 超鏈接的應(yīng)用
6.1 超級鏈接的概念 98
6.1.1 相對路徑 98
6.1.2 路徑 98
6.2 管理網(wǎng)頁超鏈接 98
6.2.1 自動更新鏈接 98
6.2.2 檢查站點中的鏈接錯誤 99
6.3 在文本中應(yīng)用鏈接 99
6.3.1 文本鏈接 99
實例:制作電子郵件鏈接 101
6.3.2 下載鏈接 101
實例:下載電子文檔 102
6.4 在圖像中應(yīng)用鏈接 103
6.4.1 圖像鏈接 103
6.4.2 圖像熱點鏈接 103
6.5 課堂實戰(zhàn):制作書店網(wǎng)頁 103
6.6 課后練習 105
第7章 表格的應(yīng)用
7.1 插入表格 108
7.1.1 與表格有關(guān)的術(shù)語 108
7.1.2 插入表格 108
7.1.3 表格的基本代碼 109
實例:制作活動信息表 109
7.2 表格屬性 112
7.2.1 設(shè)置表格屬性 112
7.2.2 設(shè)置單元格屬性 112
7.2.3 鼠標經(jīng)過顏色 113
7.2.4 表格的屬性代碼 114
實例:添加表格背景 116
7.3 選擇表格 117
7.3.1 選擇整個表格 117
7.3.2 選擇一個單元格 117
7.4 編輯表格 118
7.4.1 拷貝和粘貼表格 118
7.4.2 添加行和列 119
7.4.3 刪除行和列 120
7.4.4 合并或拆分單元格 120
7.5 課堂實戰(zhàn):制作西餐廳網(wǎng)頁 121
7.6 課后練習 123
第8章 CSS網(wǎng)頁美化技術(shù)
8.1 CSS概述 126
8.1.1 CSS的特點 126
8.1.2 CSS的定義 126
8.2 創(chuàng)建CSS樣式 129
8.2.1 CSS設(shè)計器 129
8.2.2 創(chuàng)建CSS樣式 129
實例:添加圖片邊框 132
8.3 CSS的設(shè)置 134
8.3.1 類型 134
8.3.2 背景 135
8.3.3 區(qū)塊 135
8.3.4 方框 136
8.3.5 邊框 137
8.3.6 列表 137
8.3.7 定位 138
8.3.8 擴展 138
8.3.9 過渡 139
實例:創(chuàng)建內(nèi)部樣式表 139
8.4 課堂實戰(zhàn):制作花店網(wǎng)頁 141
8.5 課后練習 145
第9章 Div CSS網(wǎng)頁布局技術(shù)
9.1 CSS與Div布局基礎(chǔ) 148
9.1.1 什么是Web標準 148
9.1.2 Div概述 148
9.1.3 創(chuàng)建Div 149
9.2 CSS布局方法 150
9.2.1 盒子模型 150
9.2.2 外邊距設(shè)置 151
實例:設(shè)置矩形邊距 152
9.2.3 外邊距合并 155
實例:避免外邊距合并 157
9.2.4 內(nèi)邊距設(shè)置 158
9.3 課堂實戰(zhàn):制作幼兒園網(wǎng)頁 159
9.4 課后練習 167
第10章 模板和庫
10.1 創(chuàng)建模板 170
10.1.1 直接創(chuàng)建模板 170
10.1.2 從現(xiàn)有網(wǎng)頁中創(chuàng)建模板 170
10.1.3 創(chuàng)建可編輯區(qū)域 171
實例:創(chuàng)建網(wǎng)頁模板 172
10.2 管理和使用模板 174
10.2.1 應(yīng)用模板 174
10.2.2 從模板中分離 175
10.2.3 更新模板及模板內(nèi)容頁 175
10.2.4 創(chuàng)建嵌套模板 175
10.2.5 創(chuàng)建可選區(qū)域 176
10.3 創(chuàng)建和使用庫 176
10.3.1 創(chuàng)建庫項目 177
實例:新建庫項目 177
10.3.2 插入庫項目 178
10.3.3 編輯和更新庫項目 179
10.4 課堂實戰(zhàn):制作旅行社網(wǎng)頁 180
10.5 課后作業(yè) 183
第11章 表單的應(yīng)用
11.1 使用表單 186
11.1.1 認識表單 186
11.1.2 基本表單元素 186
11.2 文本類表單 187
11.2.1 文本 187
11.2.2 密碼 188
11.2.3 文本區(qū)域 189
實例:制作登錄界面 189
11.3 單選按鈕和復(fù)選框表單 191
11.3.1 單選按鈕和單選按鈕組 191
11.3.3 復(fù)選框和復(fù)選框組 192
實例:制作問答網(wǎng)頁 193
11.4 其他常用表單 196
11.4.1 提交和重置按鈕 196
11.4.2 文件 196
11.4.3 選擇 196
11.5 課堂實戰(zhàn):制作讀書網(wǎng)站網(wǎng)頁 197
11.6 課后作業(yè) 203
第12章 行為的應(yīng)用
12.1 什么是行為 206
12.1.1 行為 206
12.1.2 事件 207
12.1.3 常見事件的使用 207
12.2 利用行為調(diào)節(jié)瀏覽器窗口 208
12.2.1 調(diào)用JavaScript 208
12.2.2 轉(zhuǎn)到URL 208
12.2.3 打開瀏覽器窗口 209
12.3 利用行為制作圖像特效 210
12.3.1 交換圖像與恢復(fù)交換圖像 210
實例:制作圖像交換效果 211
12.3.2 預(yù)先載入圖像 212
12.4 利用行為顯示文本 213
12.4.1 彈出信息 213
實例:制作網(wǎng)頁彈出信息 213
12.4.2 設(shè)置狀態(tài)欄文本 214
12.4.3 設(shè)置容器的文本 214
12.4.4 設(shè)置文本域文字 215
12.5 利用行為控制表單 215
12.5.1 跳轉(zhuǎn)菜單 215
12.5.2 檢查表單 216
12.6 課堂實戰(zhàn):美化寵物網(wǎng)站首頁 217
12.7 課后作業(yè) 219
第13章 制作動物園網(wǎng)頁
13.1 項目背景及需求 222
13.1.1 項目背景 222
13.1.2 設(shè)計要求 222
13.2 項目制作 222
13.2.1 項目分析 223
13.2.2 制作步驟 224