《邊用邊學Dreamweaver CC網頁設計與制作》從網頁設計與制作的實際應用出發,通過大量典型實例的制作,深入淺出地介紹Dreamweaver CC在網頁設計與制作方面的使用方法和技巧。
《邊用邊學Dreamweaver CC網頁設計與制作》共14章,主要內容包括網頁設計基礎知識,站點的創建、管理與上傳,創建網頁的基本對象,使用圖像豐富網頁,表格在網頁中的應用,創建網頁中的超級鏈接,制作多媒體效果網頁,模板和庫的使用,表單的使用,使用行為制作交互特效,使用HTML代碼輔助網頁制作,使用CSS樣式表美化網頁,CSS+Div布局網頁等。最后通過一個制作企業官方網站的實例,幫助讀者全面掌握Dreamweaver CC網頁設計與制作的精髓。
《邊用邊學Dreamweaver CC網頁設計與制作》可供網頁設計、網站開發等相關專業人員及Dreamweaver初學者、設計愛好者學習和參考,尤其適合各類培訓學校及中職、高職院校作為教材使用。
1.**性。由教育部指定的ITAT教材
2.實用性。以“就業”為導向,內容選擇與寫作方式有別于傳統的大、中專院校教材。
本書主要是介紹運用Dreamweaver CS4進行網頁設計與制作的方法。主要包括網頁基本編輯操作、編輯網頁文本、創建與管理站點、網頁中的圖像處理、使用表格布局網頁、層與超鏈接、制作模板網頁、使用框架制作網頁、使用表單、使用行為制作網頁特效等。
史宇宏四川美術學院畢業,多年來一直從事電腦輔助設計的教學工作,現任“宏宇工作室”主編、主創。主要編著3DS MAX 、Photoshop、Auto CAD、CoreIDRAW、Illustrator、Premiere以及Flash、Dreamweaver等電腦軟件圖書,已出版70余本電腦圖書。
第1章 網頁設計基礎知識 1
1.1 認識網頁 2
1.1.1 什么是網頁 2
1.1.2 網頁與網站的關系 3
1.2 常用的網頁制作工具及語言 3
1.2.1 Dreamweaver 4
1.2.2 Flash 4
1.2.3 Photoshop 5
1.2.4 HTML 5
1.2.5 CSS 5
1.2.6 JavaScript 6
1.2.7 ASP 6
1.2.8 PHP 6
1.3 網絡基本術語 6
1.4 網頁的色彩選擇與搭配 7
1.4.1 色彩選擇 7
1.4.2 色彩搭配 8
1.5 移動端(手機/平板電腦)網頁的設計 10
1.5.1 移動端網站與PC端網站的區別 10
1.5.2 移動端網頁設計的原則 11
1.6 認識Dreamweaver CC 12
1.6.1 啟動與退出Dreamweaver CC 12
1.6.2 Dreamweaver CC窗口簡介 13
1.6.3 Dreamweaver CC的參數設置 15
1.7 應用實踐 20
1.7.1 任務1—自定義各項操作的
快捷鍵 20
1.7.2 任務2—設置“代碼”視圖中代碼的顯示方式 21
1.8 知識拓展 22
1.8.1 網站類型 22
1.8.2 網頁設計師必備的基本素質 24
1.9 答疑解惑 25
1.10 自我檢測 26
第2章 站點的創建、管理與上傳 27
2.1 站點的規劃 28
2.2 認識站點面板 28
2.3 應用實踐 29
2.3.1 任務1—創建我的第一個網站 29
2.3.2 任務2—管理網頁文檔 30
2.4 知識拓展 32
2.4.1 導出與導入站點 32
2.4.2 站點的基本編輯 33
2.4.3 上傳站點 35
2.5 答疑解惑 36
2.6 自我檢測 36
第3章 創建網頁的基本對象 38
3.1 網頁的創建與保存 39
3.1.1 創建網頁 39
3.1.2 存儲網頁 40
3.2 網頁的打開與關閉 40
3.2.1 打開網頁 40
3.2.2 關閉網頁 40
3.3 在網頁中插入當前日期 41
3.4 插入水平線 42
3.5 添加網頁文本 43
3.5.1 直接在網頁窗口中輸入文本 43
3.5.2 復制粘貼外部文本 43
3.5.3 導入Office程序文本 44
3.6 插入項目列表與編號列表 45
3.6.1 插入項目列表 45
3.6.2 插入編號列表 46
3.7 應用實踐 47
3.7.1 任務1—在網頁中制作彩色水平線 47
3.7.2 任務2—制作業務介紹網頁 49
3.8 知識拓展 52
3.8.1 使用標尺與網格 52
3.8.2 插入特殊符號 54
3.9 答疑解惑 55
3.10 自我檢測 55
第4章 使用圖像豐富網頁 57
4.1 網頁中常用的圖像格式 58
4.2 網頁中圖像與文字的搭配 58
4.3 插入圖像 60
4.4 交互式圖像 61
4.5 網頁背景 62
4.5.1 網頁背景顏色 62
4.5.2 網頁背景圖像 63
4.6 圖像映射 64
4.7 應用實踐 65
4.7.1 任務1—網站變換導航 65
4.7.2 任務2—將圖像鏈接到不同網站 68
4.8 知識拓展 71
4.8.1 在網頁中使用圖像時需要注意的問題 71
4.8.2 設置外部圖像編輯器 72
4.9 答疑解惑 73
4.10 自我檢測 74
第5章 表格在網頁中的應用 76
5.1 創建表格 77
5.2 應用表格 78
5.2.1 輸入表格內容 78
5.2.2 選定表格元素 79
5.2.3 設置表格與單元格屬性 81
5.2.4 添加和刪除行或列 82
5.2.5 單元格的合并及拆分 83
5.2.6 嵌套表格 84
5.3 應用實踐 85
5.3.1 任務1—利用表格屬性制作隔距邊框表格 85
5.3.2 任務2—制作數碼產品網頁 87
5.4 知識拓展 91
5.4.1 表格的排序 91
5.4.2 導入和導出表格數據 92
5.5 答疑解惑 94
5.6 自我檢測 94
第6章 創建網頁中的超級鏈接 96
6.1 超級鏈接 97
6.1.1 URL簡介 97
6.1.2 超級鏈接路徑 97
6.2 網站內部鏈接 98
6.3 網站外部鏈接 99
6.4 創建電子郵件鏈接 99
6.5 創建下載鏈接 100
6.6 應用實踐 101
6.6.1 任務1—為網頁圖像添加任意顏色的
邊框 101
6.6.2 任務2—創建“聯系我們”網頁 103
6.7 知識拓展 108
6.7.1 腳本鏈接 108
6.7.2 空鏈接 109
6.8 答疑解惑 109
6.9 自我檢測 110
第7章 制作多媒體效果網頁 111
7.1 認識多媒體 112
7.2 插入Flash動畫 112
7.3 插入FLV 113
7.4 應用實踐 114
7.4.1 任務1—使用透明動畫制作網頁
banner 114
7.4.2 任務2—在網頁中添加視頻 117
7.5 知識拓展 121
7.5.1 使用標簽 122
7.5.2 使用標簽 122
7.6 答疑解惑 123
7.7 自我檢測 123
第8章 模板和庫的使用 124
8.1 模板和庫的概念 125
8.1.1 模板的概念 125
8.1.2 庫的概念 125
8.2 使用模板 125
8.2.1 創建模板 125
8.2.2 設計模板 127
8.2.3 定義模板區域 127
8.3 定制庫項目 130
8.3.1 創建庫項目 131
8.3.2 庫項目“屬性”面板 131
8.3.3 編輯庫項目 131
8.3.4 添加庫項目 133
8.4 應用實踐 134
8.4.1 任務1—使用模板制作網頁 134
8.4.2 任務2—使用庫完善網頁 138
8.5 知識拓展 140
8.5.1 設置模板文檔的頁面屬性 140
8.5.2 快速更新網站中所有頁面 141
8.6 答疑解惑 141
8.7 自我檢測 142
第9章 表單的使用 143
9.1 表單概述 144
9.2 創建表單 144
9.3 創建表單對象 145
9.3.1 創建文本域 145
9.3.2 創建單選按鈕 145
9.3.3 創建復選框 146
9.3.4 創建下拉菜單 146
9.4 應用實踐 147
9.4.1 任務1—創建登錄網頁 147
9.4.2 任務2—制作在線調查表 152
9.5 知識拓展 156
9.5.1 創建密碼域 156
9.5.2 插入表單按鈕 156
9.6 答疑解惑 157
9.7 自我檢測 158
第10章 使用行為制作交互特效 159
10.1 認識行為 160
10.1.1 行為簡介 160
10.1.2 “行為”面板 160
10.2 內置行為的使用 162
10.2.1 交換圖像 162
10.2.2 恢復交換圖像 163
10.2.3 打開瀏覽器窗口 164
10.2.4 彈出信息 165
10.2.5 轉到URL 165
10.3 應用實踐 166
10.3.1 任務1—制作網頁對瀏覽者的提示信息 166
10.3.2 任務2—制作數碼網網站彈出
廣告 168
10.4 知識拓展 171
10.4.1 行為參數的修改 171
10.4.2 行為排序 171
10.5 答疑解惑 171
10.6 自我檢測 172
第11章 使用HTML代碼輔助網頁制作 173
11.1 HTML的基本結構 174
11.1.1 單標簽 174
11.1.2 雙標簽 175
11.1.3 標簽屬性 175
11.2 常用標簽 175
11.2.1。畼撕灐175
11.2.2 ...標簽 175
11.2.3。畼撕灐176
11.2.4 標簽 176
11.2.5。畼撕灐176
11.2.6
標簽 177
11.2.7
...
標簽 178
11.2.8
標簽 179
11.2.9。畼撕灐181
11.2.10 標簽 185
11.2.11
...
標簽 186
11.2.12
...
標簽 187
11.2.13
...
標簽 188
11.3 表格 189
11.3.1 表格的基本語法 189
11.3.2 表格的標題 190
11.3.3 表格的尺寸 191
11.3.4 表格的邊框尺寸 192
11.3.5 表格的間距調整 193
11.3.6 表格內容與格線之間的寬度 194
11.3.7 表格內數據的布局對齊 195
11.3.8 跨多行、多列的單元格 197
11.3.9 表格的顏色設置 198
11.4 超級鏈接 199
11.4.1 本地鏈接 199
11.4.2 URL鏈接 200
11.4.3 目錄鏈接 200
11.5 HTML中圖像的設置 200
11.5.1 插入圖像的基本格式 200
11.5.2 圖像與文字的對齊方式 202
11.5.3 圖像與文字之間的距離 205
11.5.4 圖像按鈕(圖像鏈接) 206
11.6 應用實踐 207
11.6.1 任務1—制作文字放大鏡效果 207
11.6.2 任務2—檢測用戶屏幕分辨率 210
11.7 知識拓展 212
11.7.1 使用快速標簽編輯器 212
11.7.2 清理HTML代碼 213
11.8 答疑解惑 214
11.9 自我檢測 214
第12章 使用CSS樣式表美化網頁 215
12.1 CSS的基本語法 216
12.2 偽類、偽元素以及樣式表的層疊順序 216
12.2.1 偽類和偽元素 216
12.2.2 樣式表的層疊順序 217
12.3 CSS中的屬性 217
12.3.1 CSS中的字體以及文本控制 218
12.3.2 CSS中的顏色及背景控制 220
12.3.3 CSS中邊框的控制屬性 222
12.3.4 CSS中的分類屬性 224
12.4 應用實踐 228
12.4.1 任務1—制作邊框陰影與折角
效果 228
12.4.2 任務2—制作熱賣商品圖文
列表 232
12.5 知識拓展 238
12.5.1 鏈接一個外部的樣式表 238
12.5.2 嵌入一個樣式表 239
12.5.3 聯合使用樣式表 239
12.6 答疑解惑 240
12.7 自我檢測 241
第13章 CSS+Div布局網頁 242
13.1 Div概述 243
13.2 使用Div 243
13.2.1 創建Div 243
13.2.2 選擇Div 244
13.3 Div+CSS盒模型 245
13.3.1 盒模型的概念 245
13.3.2 margin(邊界) 246
13.3.3 border(邊框) 249
13.3.4 padding(填充) 250
13.4 Div+CSS布局定位 251
13.4.1 relative(相對定位) 251
13.4.2 absolute(絕對定位) 251
13.4.3 float(浮動定位) 252
13.5 Div+CSS布局理念 256
13.5.1 將頁面用Div分塊 256
13.5.2 設計各塊的位置 256
13.5.3 用CSS定位 257
13.6 應用實踐 257
13.6.1 任務1—使用Div進行網頁
布局 257
13.6.2 任務2—使用Div+CSS進行網頁
布局 260
13.7 知識拓展 267
13.7.1 居中布局設計 267
13.7.2 浮動布局設計 268
13.8 答疑解惑 274
13.9 自我檢測 275
第14章 制作企業官方網站 276
14.1 網站項目分析 277
14.2 確定網站風格 277
14.3 制作網站 278
14.3.1 制作網頁導航 278
14.3.2 制作網頁滾動文字 281
14.3.3 制作網頁主體 282
14.4 上傳網站 283
附錄 自我檢測參考答案 285