《Adobe Dreamweaver CC課堂實錄(Div CSS HTML5)》以Dreamweaver軟件為載體,以知識應用為中心,對平面設計知識進行了全面闡述。書中每個案例都給出了詳細的操作步驟,同時還對操作過程中的設計技巧進行了描述。 《Adobe Dreamweaver CC課堂實錄(Div CSS HTML5)》共13章,遵循由淺入深、循序漸進的思路,依次對網頁設計入門知識、Dreamweaver基礎操作、HTML基礎、文本的應用、圖像元素的應用、超鏈接的應用、表格的應用、CSS網頁美化技術、Div CSS網頁布局技術、模板和庫、表單、行為等內容進行了詳細講解。后通過制作動物園網頁,對前面所學的知識進行了綜合應用,以達到舉一反三、學以致用的目的。 《Adobe Dreamweaver CC課堂實錄(Div CSS HTML5)》結構合理,思路清晰,內容豐富,語言簡練,解說詳略得當,既有鮮明的基礎性,也有很強的實用性,既可作為高等院校相關專業(yè)的教學用書,又可作為網頁設計愛好者的學習用書,同時也可作為社會各類Dreamweaver軟件培訓班的優(yōu)選教材。
《Adobe Dreamweaver CC課堂實錄(Div CSS HTML5)》以網頁設計為中心,以實操案例為重心,對DreamweaverCC 2018的知識進行了全面闡述。書中每個案例都給出了詳細的操作步驟,同時還對編寫過程中的重點難點進行了講解。
《Adobe Dreamweaver CC課堂實錄(Div CSS HTML5)》共13章,遵循由淺入深、循序漸進的思路,依次對DreamweaverCC2018的發(fā)展及網頁制作基礎、站點和超鏈接的編輯、HTML語言知識詳解、使用表格布局網頁、創(chuàng)建框架網頁、使用美化和布局網頁、使用模板和庫批量制作網頁、行為應用詳解、表單應用詳解等知識進行了詳細講解。
本書內容概要
Dreamweaver是Adobe公司推出的一款所見即所得的網頁代碼編輯器,具有網頁制作、網站管理等功能,被廣泛應用于網頁設計等領域。本書從軟件的基礎講起,循序漸進地對軟件功能進行全面論述,讓讀者充分熟悉軟件的各大功能。同時,結合各領域的實際應用,進行案例展示和制作,并對行業(yè)相關知識進行深度剖析,以輔助讀者完成各項網頁設計工作。每個章節(jié)結尾處都安排有針對性的練習測試題,以幫助讀者對學習成果進行自我檢驗。本書分為13章,其主要內容如下。
篇 章節(jié) 內容概述
學習準備篇 第1章 主要講解了網頁的基本概念、網站的制作流程、網頁布局與配色等相關知識
理論知識篇 第2~12章 主要講解了Dreamweaver軟件的工作界面、站點的創(chuàng)建與管理、文檔的基本操作、HTML的基本結構、常見的HTML標簽、HTML新增元素的屬性、文本的創(chuàng)建與編輯、特殊元素的創(chuàng)建、圖像的插入與編輯、超鏈接的概念、超鏈接的應用與管理、表格的插入與應用、CSS的創(chuàng)建與設置、Div CSS布局網頁、模板和庫、常見表單元素、行為與事件的概念、行為的應用等知識
綜合實戰(zhàn)篇 第13章 主要講解了動物園網頁的項目要求和設計過程
系列圖書一覽
本系列圖書既注重單個軟件的實操應用,又看重多個軟件的協(xié)同辦公,以理論 實操為創(chuàng)作模式,向讀者全面闡述了各軟件在設計領域中的強大功能。在講解過程中,結合各領域的實際應用,對相關的行業(yè)知識進行了深度剖析,以輔助讀者完成各種類型的設計工作。正所謂要授人以漁,讀者不僅可以掌握這些設計軟件的使用方法,還能利用它獨立完成作品的創(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插畫設計課堂實錄》
《PremierePro CC After Effects CC視頻剪輯課堂實錄》
《Photoshop Dreamweaver InDesign平面設計課堂實錄》
《Photoshop Animate Dreamweaver網頁設計課堂實錄》
《HTML5 CSS3前端體驗設計課堂實錄》
《Web前端開發(fā)課堂實錄(HTML5 CSS3 JavaScript)》
配套資源獲取方式
本書由鄭寶民(黑河學院)、凌波(天津市濱海新區(qū)塘沽職業(yè)中等專業(yè)學校)編寫。其中鄭寶民編寫第1~9章、凌波編寫第10~13章。由于作者水平有限,書中疏漏之處在所難免,望廣大讀者批評指正。
編 者
第1章 網頁設計入門學習
1.1 網頁的基本概念 2
1.1.1 網頁與網站 2
1.1.2 靜態(tài)網頁與動態(tài)網頁 2
1.2 網站制作流程 4
1.2.1 網站策劃 4
1.2.2 網站設計 5
1.2.3 網頁制作 6
1.2.4 測試和發(fā)布網站 6
1.2.5 網站維護 7
1.3 網頁布局與配色 7
1.3.1 網頁的布局類型 7
1.3.2 網頁色彩基礎 11
1.3.3 色彩搭配原則 12
1.4 網頁設計常用工具 17
1.5 課后練習 18
第2章 Dreamweaver基礎操作
2.1 Dreamweaver 的工作界面 20
2.1.1 啟動Dreamweaver 20
2.1.2 自定義軟件界面 20
實例:設置主瀏覽器 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 導入和導出站點 28
2.2.4 新建文件或文件夾 28
2.2.5 編輯文件或文件夾 29
2.3 文檔的基礎操作 29
2.3.1 新建文檔 29
2.3.2 保存文檔 29
2.3.3 打開文檔 30
2.3.4 插入文檔 30
2.3.5 關閉文檔 31
2.4 課堂實戰(zhàn):創(chuàng)建我的站點 31
2.5 課后練習 33
第3章 HTML基礎
3.1 認識HTML 36
3.1.1 HTML簡介 36
3.1.2 HTML的基本結構 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在網頁中添加文本 40
3.2.3 段落換行 40
3.2.4 不換行標簽 41
3.2.5 圖像標簽 42
實例:插入網頁圖像 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):制作簡單的網頁布局 59
3.5 課后練習 62
第4章 文本的應用
4.1 創(chuàng)建文本 66
4.1.1 直接輸入文本 66
4.1.2 通過導入命令導入文本 66
實例:制作古詩文網頁 67
4.2 設置網頁中的文本屬性 68
4.2.1 屬性面板 69
4.2.2 設置文本格式 69
實例:添加文字字體 71
4.2.3 設置段落格式 73
4.2.4 設置文本樣式 74
4.2.5 使用段落列表 75
4.3 在網頁中插入特殊元素 75
4.3.1 插入特殊符號 75
4.3.2 插入水平線 76
4.4 課堂實戰(zhàn):制作文字標簽 76
4.5 課后練習 79
第5章 圖像元素的應用
5.1 在網頁中插入圖像 82
5.1.1 網頁中圖像的常見格式 82
5.1.2 插入圖像 83
5.1.3 圖像的屬性設置 83
5.1.4 圖像的對齊方式 85
5.1.5 運用HTML代碼設置圖像屬性 86
實例:為文檔添加圖像 86
5.1.6 設置網頁背景圖像 88
實例:添加網頁背景 88
5.1.7 鼠標經過圖像 90
實例 制作鼠標經過圖像效果 90
5.2 編輯圖像 91
5.2.1 裁剪圖像 91
5.2.2 調整圖像的亮度和對比度 92
5.2.3 銳化圖像 92
5.3 課堂實戰(zhàn):制作鼠標經過圖像效果 93
5.4 課后練習 95
第6章 超鏈接的應用
6.1 超級鏈接的概念 98
6.1.1 相對路徑 98
6.1.2 路徑 98
6.2 管理網頁超鏈接 98
6.2.1 自動更新鏈接 98
6.2.2 檢查站點中的鏈接錯誤 99
6.3 在文本中應用鏈接 99
6.3.1 文本鏈接 99
實例:制作電子郵件鏈接 101
6.3.2 下載鏈接 101
實例:下載電子文檔 102
6.4 在圖像中應用鏈接 103
6.4.1 圖像鏈接 103
6.4.2 圖像熱點鏈接 103
6.5 課堂實戰(zhàn):制作書店網頁 103
6.6 課后練習 105
第7章 表格的應用
7.1 插入表格 108
7.1.1 與表格有關的術語 108
7.1.2 插入表格 108
7.1.3 表格的基本代碼 109
實例:制作活動信息表 109
7.2 表格屬性 112
7.2.1 設置表格屬性 112
7.2.2 設置單元格屬性 112
7.2.3 鼠標經過顏色 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):制作西餐廳網頁 121
7.6 課后練習 123
第8章 CSS網頁美化技術
8.1 CSS概述 126
8.1.1 CSS的特點 126
8.1.2 CSS的定義 126
8.2 創(chuàng)建CSS樣式 129
8.2.1 CSS設計器 129
8.2.2 創(chuàng)建CSS樣式 129
實例:添加圖片邊框 132
8.3 CSS的設置 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)建內部樣式表 139
8.4 課堂實戰(zhàn):制作花店網頁 141
8.5 課后練習 145
第9章 Div CSS網頁布局技術
9.1 CSS與Div布局基礎 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 外邊距設置 151
實例:設置矩形邊距 152
9.2.3 外邊距合并 155
實例:避免外邊距合并 157
9.2.4 內邊距設置 158
9.3 課堂實戰(zhàn):制作幼兒園網頁 159
9.4 課后練習 167
第10章 模板和庫
10.1 創(chuàng)建模板 170
10.1.1 直接創(chuàng)建模板 170
10.1.2 從現有網頁中創(chuàng)建模板 170
10.1.3 創(chuàng)建可編輯區(qū)域 171
實例:創(chuàng)建網頁模板 172
10.2 管理和使用模板 174
10.2.1 應用模板 174
10.2.2 從模板中分離 175
10.2.3 更新模板及模板內容頁 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):制作旅行社網頁 180
10.5 課后作業(yè) 183
第11章 表單的應用
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 單選按鈕和復選框表單 191
11.3.1 單選按鈕和單選按鈕組 191
11.3.3 復選框和復選框組 192
實例:制作問答網頁 193
11.4 其他常用表單 196
11.4.1 提交和重置按鈕 196
11.4.2 文件 196
11.4.3 選擇 196
11.5 課堂實戰(zhàn):制作讀書網站網頁 197
11.6 課后作業(yè) 203
第12章 行為的應用
12.1 什么是行為 206
12.1.1 行為 206
12.1.2 事件 207
12.1.3 常見事件的使用 207
12.2 利用行為調節(jié)瀏覽器窗口 208
12.2.1 調用JavaScript 208
12.2.2 轉到URL 208
12.2.3 打開瀏覽器窗口 209
12.3 利用行為制作圖像特效 210
12.3.1 交換圖像與恢復交換圖像 210
實例:制作圖像交換效果 211
12.3.2 預先載入圖像 212
12.4 利用行為顯示文本 213
12.4.1 彈出信息 213
實例:制作網頁彈出信息 213
12.4.2 設置狀態(tài)欄文本 214
12.4.3 設置容器的文本 214
12.4.4 設置文本域文字 215
12.5 利用行為控制表單 215
12.5.1 跳轉菜單 215
12.5.2 檢查表單 216
12.6 課堂實戰(zhàn):美化寵物網站首頁 217
12.7 課后作業(yè) 219
第13章 制作動物園網頁
13.1 項目背景及需求 222
13.1.1 項目背景 222
13.1.2 設計要求 222
13.2 項目制作 222
13.2.1 項目分析 223
13.2.2 制作步驟 224