本書全面系統地介紹了Dreamweaver CS6的基本操作方法和網頁設計制作技巧,包括初識Dreamweaver CS6、文本與文檔、圖像和多媒體、超鏈接、使用表格、使用框架、使用層、CSS樣式、模板和庫、使用表單、使用行為、網頁代碼、綜合設計實訓等內容。
書中內容介紹以課堂案例為主線,每個案例都給出了詳細的操作步驟和圖文演示,學生通過實際操作可以快速熟悉軟件功能并領會設計思路;每章的軟件功能解析部分能使學生深入學習軟件功能和制作特色;另外,主要章的最后還安排了課堂練習和課后習題,可以拓展學生的實際應用能力。
本書可以作為高等職業學校數字媒體藝術類專業課程的教材,也可供初學者作為自學參考書使用。
第1章 初識Dreamweaver CS6 1
1.1 Dreamweaver CS6的工作界面 2
1.1.1 友善的開始頁面 2
1.1.2 不同風格的界面 2
1.1.3 伸縮自如的功能面板 2
1.1.4 多文檔的編輯界面 3
1.1.5 新穎的“插入”面板 3
1.1.6 更完整的CSS功能 4
1.2 創建網站框架 5
1.2.1 站點管理器 6
1.2.2 創建文件夾 6
1.2.3 定義新站點 6
1.2.4 創建和保存網頁 7
1.3 管理站點文件和文件夾 9
1.3.1 重命名文件和文件夾 9
1.3.2 移動文件和文件夾 9
1.3.3 刪除文件或文件夾 9
1.4 管理站點 9
1.4.1 打開站點 9
1.4.2 編輯站點 10
1.4.3 復制站點 10
1.4.4 刪除站點 10
1.4.5 導入和導出站點 10
1.5 網頁文件頭設置 11
1.5.1 插入搜索關鍵字 11
1.5.2 插入作者和版權信息 12
1.5.3 設置刷新時間 12
1.5.4 設置描述信息 13
1.5.5 設置頁面中所有鏈接的基準鏈接 14
1.5.6 設置當前文件與其他文件的關聯性 14
第2章 文本與文檔 15
2.1 文本與文檔 16
2.1.1 課堂案例——青山別墅網頁 16
2.1.2 輸入文本 18
2.1.3 設置文本屬性 18
2.1.4 輸入連續的空格 19
2.1.5 設置是否顯示不可見元素 20
2.1.6 設置頁邊距 20
2.1.7 設置網頁的標題 21
2.1.8 設置網頁的默認格式 22
2.1.9 課堂案例——果蔬網頁 22
2.1.10 改變文本的大小 24
2.1.11 改變文本的顏色 25
2.1.12 改變文本的字體 26
2.1.13 改變文本的對齊方式 27
2.1.14 設置文本樣式 28
2.1.15 段落文本 29
2.2 項目符號和編號列表 30
2.2.1 課堂案例——電器城網店 30
2.2.2 設置項目符號或編號 31
2.2.3 修改項目符號或編號 32
2.2.4 設置文本縮進格式 32
2.2.5 插入日期 32
2.2.6 特殊字符 33
2.2.7 插入換行符 33
2.3 水平線、網格與標尺 34
2.3.1 課堂案例——藝術攝影網頁 34
2.3.2 水平線 36
2.3.3 顯示和隱藏網格 37
2.3.4 標尺 37
2.4 課堂練習——葡萄酒網頁 39
2.5 課堂練習——鮮花速遞網頁 39
2.6 課后習題——愛仁攝影網頁 40
第3章 圖像和多媒體 41
3.1 圖像的插入 42
3.1.1 課堂案例——建筑工程網頁 42
3.1.2 網頁中的圖像格式 43
3.1.3 插入圖像 44
3.1.4 設置圖像屬性 44
3.1.5 給圖片添加文字說明 45
3.1.6 插入圖像占位符 46
3.1.7 跟蹤圖像 46
3.2 多媒體在網頁中的應用 47
3.2.1 課堂案例——五谷雜糧網頁 47
3.2.2 插入Flash動畫 48
3.2.3 插入FLV 49
3.2.4 插入Shockwave影片 51
3.2.5 插入Applet程序 52
3.2.6 插入ActiveX控件 52
3.3 課堂練習——數碼沖印網頁 52
3.4 課堂練習——營養美食網頁 53
3.5 課后習題——酒店訂購網頁 53
第4章 超鏈接 54
4.1 超鏈接的概念與路徑知識 55
4.2 文本超鏈接 55
4.2.1 課堂案例——實木地板網頁 55
4.2.2 創建文本鏈接 57
4.2.3 文本鏈接的狀態 59
4.2.4 下載文件鏈接 59
4.2.5 電子郵件鏈接 60
4.3 圖像超鏈接 61
4.3.1 課堂案例——溫泉度假網頁 61
4.3.2 圖像超鏈接 63
4.3.3 鼠標經過圖像鏈接 63
4.4 命名錨記超鏈接 64
4.4.1 課堂案例——金融投資網頁 65
4.4.2 命名錨記鏈接 68
4.5 熱點鏈接 69
4.5.1 課堂案例——口腔護理網頁 69
4.5.2 創建熱點鏈接 71
4.6 課堂練習——世界旅游網頁 72
4.7 課堂練習——世界景觀網頁 73
4.8 課后習題——摩托車改裝網頁 73
第5章 使用表格 74
5.1 表格的簡單操作 75
5.1.1 課堂案例——布藝沙發網頁 75
5.1.2 表格的組成 78
5.1.3 插入表格 79
5.1.4 表格各元素的屬性 80
5.1.5 在表格中插入內容 82
5.1.6 選擇表格元素 82
5.1.7 復制、粘貼表格 84
5.1.8 刪除表格和表格內容 85
5.1.9 縮放表格 85
5.1.10 合并和拆分單元格 86
5.1.11 增加和刪除表格的行和列 87
5.2 網頁中的數據表格 88
5.2.1 課堂案例——健康美食網頁 88
5.2.2 導入和導出表格的數據 90
5.2.3 排序表格 93
5.3 復雜表格的排版 94
5.4 課堂練習——OA辦公系統網頁 94
5.5 課堂練習——有機蔬菜網頁 95
5.6 課后習題——租車網頁 95
第6章 使用框架 96
6.1 框架與框架集 97
6.1.1 課堂案例——茗茶頻道網頁 97
6.1.2 建立框架集 100
6.1.3 為框架添加內容 101
6.1.4 保存框架 101
6.1.5 框架的選擇 102
6.1.6 修改框架的大小 103
6.1.7 拆分框架 104
6.1.8 刪除框架 104
6.2 框架的屬性設置 104
6.2.1 課堂案例——家具天地網頁 105
6.2.2 框架屬性 109
6.2.3 框架集的屬性 110
6.2.4 課堂案例——干果批發網頁 110
6.2.5 框架中的鏈接 111
6.2.6 改變框架的背景顏色 113
6.3 課堂練習——海洋館網頁 113
6.4 課堂練習——獻愛心活動中心網頁 113
6.5 課后習題——時尚燈具網頁 114
第7章 使用層 115
7.1 層的基本操作 116
7.1.1 課堂案例——時尚前沿網頁 116
7.1.2 創建層 118
7.1.3 選擇層 119
7.1.4 設置層的默認屬性 119
7.1.5 AP元素面板 120
7.1.6 更改層的堆疊順序 120
7.1.7 更改層的可見性 121
7.1.8 調整層的大小 121
7.1.9 移動層 122
7.1.10 對齊層 122
7.1.11 層靠齊到網格 123
7.2 應用層設計表格 124
7.2.1 課堂案例——化妝公司網頁 124
7.2.2 將AP Div轉換為表格 125
7.2.3 將表格轉換為AP Div 127
7.3 課堂練習——鮮花速遞網頁 127
7.4 課后習題——手機導航網頁 128
第8章 CSS樣式 129
8.1 CSS樣式的概念 130
8.2 CSS樣式 130
8.2.1 “CSS樣式”面板 130
8.2.2 CSS樣式的類型 131
8.3 樣式的類型與創建 132
8.3.1 創建重定義HTML標簽樣式 132
8.3.2 創建CSS選擇器 133
8.3.3 創建和應用自定義樣式 134
8.3.4 創建和引用外部樣式 135
8.4 編輯樣式 136
8.5 CSS的屬性 136
8.5.1 課堂案例——山地車網頁 137
8.5.2 類型 140
8.5.3 背景 142
8.5.4 區塊 142
8.5.5 方框 143
8.5.6 邊框 144
8.5.7 列表 145
8.5.8 定位 145
8.5.9 擴展 146
8.5.10 過渡 147
8.6 過濾器 147
8.6.1 課堂案例——汽車配件網頁 147
8.6.2 可應用過濾的HTML標簽 149
8.6.3 CSS的靜態過濾器 150
8.6.4 CSS的動態過濾器 151
8.7 課堂練習——科技公司網頁 151
8.8 課堂練習——跑酷網頁 152
8.9 課后習題——足球在線網頁 152
第9章 模板和庫 153
9.1 “資源”面板 154
9.2 模板 154
9.2.1 課堂案例——水果慕斯網頁 155
9.2.2 創建模板 158
9.2.3 定義和取消可編輯區域 159
9.2.4 創建基于模板的網頁 162
9.2.5 管理模板 163
9.3 庫 164
9.3.1 課堂案例——老年生活頻道 164
9.3.2 創建庫文件 168
9.3.3 向頁面添加庫項目 169
9.3.4 更新庫文件 170
9.4 課堂練習——婚禮策劃網頁 171
9.5 課堂練習——食譜大全網頁 172
9.6 課后習題——美女購物網頁 172
第10章 使用表單 173
10.1 使用表單 174
10.1.1 課堂案例——用戶注冊頁面 174
10.1.2 創建表單 179
10.1.3 表單的屬性 180
10.1.4 單行文本域 181
10.1.5 隱藏域 183
10.2 應用復選框和單選按鈕 183
10.2.1 課堂案例——留言板網頁 184
10.2.2 單選按鈕 186
10.2.3 單選按鈕組 187
10.2.4 復選框 187
10.3 創建列表和菜單 188
10.3.1 課堂案例——健康測試網頁 188
10.3.2 創建列表和菜單 190
10.3.3 創建跳轉菜單 191
10.3.4 課堂案例——OA登錄系統頁面 193
10.3.5 創建文件域 196
10.3.6 創建圖像域 197
10.3.7 提交、、重置按鈕 198
10.4 課堂練習——會員注冊頁面 199
10.5 課堂練習——問卷調查網頁 199
10.6 課后習題——訂購單網頁 200
第11章 使用行為 201
11.1 行為 202
11.1.1 “行為”面板 202
11.1.2 應用行為 202
11.2 動作 203
11.2.1 課堂案例——婚戒網頁 203
11.2.2 調用JavaScript 205
11.2.3 打開瀏覽器窗口 206
11.2.4 轉到URL 208
11.2.5 課堂案例——全麥面包網頁 208
11.2.6 檢查插件 210
11.2.7 檢查表單 211
11.2.8 交換圖像 211
11.2.9 課堂案例——公告欄界面 212
11.2.10 顯示隱藏層 217
11.2.11 設置容器的文本 219
11.2.12 設置狀態欄文本 220
11.2.13 設置文本域文字 221
11.2.14 設置框架文本 221
11.2.15 跳轉菜單 222
11.2.16 跳轉菜單開始 223
11.3 課堂練習——清涼啤酒網頁 224
11.4 課堂練習——海上運動雜志訂閱 224
11.5 課后習題——攝影作品網頁 225
第12章 網頁代碼 226
12.1 網頁代碼 227
12.1.1 課堂案例——商業公司網頁 227
12.1.2 使用“參考”面板 229
12.1.3 代碼提示功能 229
12.1.4 使用標簽庫插入標簽 229
12.1.5 用標簽選擇器插入標簽 230
12.2 編輯代碼 231
12.2.1 使用標簽檢查器編輯代碼 231
12.2.2 使用標簽編輯器編輯代碼 232
12.3 常用的HTML標簽 232
12.4 腳本語言 234
12.5 響應HTML事件 234
12.6 課后習題——招商加盟網頁 236
第13章 綜合設計實訓 237
13.1 個人網頁——李明的攝影網頁 238
13.1.1 【項目背景及要求】 238
13.1.2 【項目創意及制作】 238
13.2 購物網頁——百貨商城網 239
13.2.1 【項目背景及要求】 239
13.2.2 【項目創意及制作】 239
13.3 休閑網頁——旅游度假網頁 240
13.3.1 【項目背景及要求】 240
13.3.2 【項目創意及制作】 240
13.4 房產網頁——新焦點房產網頁 241
13.4.1 【項目背景及要求】 241
13.4.2 【項目創意及制作】 241
13.5 汽車網頁——TSHFA汽車網頁 242
13.5.1 【項目背景及要求】 242
13.5.2 【項目創意及制作】 242
13.6 課堂練習1——設計時尚購物網頁 243
13.6.1 【項目背景及要求】 243
13.6.2 【項目創意及制作】 243
13.7 課堂練習2——設計書法藝術網站 243
13.7.1 【項目背景及要求】 243
13.7.2 【項目創意及制作】 244
13.8 課后習題1——設計淘寶小屋網頁 244
13.8.1 【項目背景及要求】 244
13.8.2 【項目創意及制作】 244
13.9 課后習題2——設計電子商城網站 245
13.9.1 【項目背景及要求】 245
13.9.2 【項目創意及制作】 245