《Adobe Dreamweaver CC課堂實錄(Div+CSS+HTML5)》是2021年清華大學出版社出版的圖書。
基本介紹
- 外文名:Adobe Dreamweaver CC課堂實錄(Div+CSS+HTML5)
- 出版時間:2021年
- 出版社: 清華大學出版社
- ISBN:9787302586814
內容簡介,圖書目錄,
內容簡介
《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)》結構合理,思路清晰,內容豐富,語言簡練,解說詳略得當,既有鮮明的基礎性,也有很強的實用性,既可作為高等院校相關專業的教學用書,又可作為網頁設計愛好者的學習用書,同時也可作為社會各類Dreamweaver軟體培訓班的優選教材。
圖書目錄
目 錄
第1章 網頁設計入門學習
1.1 網頁的基本概念 2
1.1.1 網頁與網站 2
1.1.2 靜態網頁與動態網頁 2
1.2 網站製作流程 4
1.2.1 網站策劃 4
1.2.2 網站設計 5
1.2.3 網頁製作 6
1.2.4 測試和發布網站 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 站點的創建與管理 23
2.2.1 創建站點 24
實例:創建遠程站點 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 課堂實戰:創建我的站點 31
2.5 課後練習 33
第3章 HTML基礎
3.1 認識HTML 36
3.1.1 HTML簡介 36
3.1.2 HTML的基本結構 36
3.1.3 檔案開始標籤<html> 37
3.1.4 檔案頭部標籤<head> 37
3.1.5 標題標籤<title> 37
3.1.6 主體標籤<body> 38
3.1.7 元信息標籤<meta> 38
3.1.8 <!DOCTYPE>標籤 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 課堂實戰:製作簡單的網頁布局 59
3.5 課後練習 62
第4章 文本的套用
4.1 創建文本 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 課堂實戰:製作文字標籤 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 課堂實戰:製作滑鼠經過圖像效果 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 課堂實戰:製作書店網頁 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 課堂實戰:製作西餐廳網頁 121
7.6 課後練習 123
第8章 CSS網頁美化技術
8.1 CSS概述 126
8.1.1 CSS的特點 126
8.1.2 CSS的定義 126
8.2 創建CSS樣式 129
8.2.1 CSS設計器 129
8.2.2 創建CSS樣式 129
實例:添加圖片框線 132
8.3 CSS的設定 134
8.3.1 類型 134
8.3.2 背景 135
8.3.3 區塊 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
實例:創建內部樣式表 139
8.4 課堂實戰:製作花店網頁 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 創建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 課堂實戰:製作幼稚園網頁 159
9.4 課後練習 167
第10章 模板和庫
10.1 創建模板 170
10.1.1 直接創建模板 170
10.1.2 從現有網頁中創建模板 170
10.1.3 創建可編輯區域 171
實例:創建網頁模板 172
10.2 管理和使用模板 174
10.2.1 套用模板 174
10.2.2 從模板中分離 175
10.2.3 更新模板及模板內容頁 175
10.2.4 創建嵌套模板 175
10.2.5 創建可選區域 176
10.3 創建和使用庫 176
10.3.1 創建庫項目 177
實例:新建庫項目 177
10.3.2 插入庫項目 178
10.3.3 編輯和更新庫項目 179
10.4 課堂實戰:製作旅行社網頁 180
10.5 課後作業 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 文本區域 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 課堂實戰:製作讀書網站網頁 197
11.6 課後作業 203
第12章 行為的套用
12.1 什麼是行為 206
12.1.1 行為 206
12.1.2 事件 207
12.1.3 常見事件的使用 207
12.2 利用行為調節瀏覽器視窗 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 設定狀態欄文本 214
12.4.3 設定容器的文本 214
12.4.4 設定文本域文字 215
12.5 利用行為控制表單 215
12.5.1 跳轉選單 215
12.5.2 檢查表單 216
12.6 課堂實戰:美化寵物網站首頁 217
12.7 課後作業 219
第13章 製作動物園網頁
13.1 項目背景及需求 222
13.1.1 項目背景 222
13.1.2 設計要求 222
13.2 項目製作 222
13.2.1 項目分析 223
13.2.2 製作步驟 224