本書全面系統(tǒng)地介紹Dreamweaver CS6的基本操作方法和網頁設計制作技巧,包括初識 Dreamweaver CS6、文本與文檔、圖像和多媒體、超鏈接、使用表格、使用框架、使用層、CSS樣式、模板和庫、表單與行為、網頁代碼和綜合設計實訓。
本書內容以課堂案例為主線,通過各案例的實際操作,學生可以快速上手,熟悉軟件功能和藝術設計思路。書中的軟件功能解析部分使學生能夠更深入地學習軟件功能,課堂實戰(zhàn)演練和課后綜合演練可以拓展學生的實際應用能力,提高學生的軟件使用技巧。云盤中包含了書中所有案例的素材及效果文件,以利于教師授課和學生練習。
第 1章 初識Dreamweaver CS6
1.1 操作界面 1
1.1.1 【操作目的】 1
1.1.2 【操作步驟】 1
1.1.3 【相關工具】 2
1.開始頁面 2
2.不同風格的界面 2
3.伸縮自如的功能面板 3
4.多文檔的編輯界面 3
5.插入面板 3
6.更完整的CSS功能 3
1.2 創(chuàng)建網站框架 4
1.2.1 【操作目的】 4
1.2.2 【操作步驟】 5
1.2.3 【相關工具】 6
1.3 管理站點 7
1.3.1 【操作目的】 7
1.3.2 【操作步驟】 7
1.3.3 【相關工具】 9
1.站點管理器 9
2.創(chuàng)建文件夾 11
3.定義新站點 11
1.4 網頁文件頭設置 12
1.4.1 【操作目的】 12
1.4.2 【操作步驟】 12
1.4.3 【相關工具】 13
1.插入搜索關鍵字 13
2.插入作者和版權信息 13
3.設置刷新時間 14
4.設置描述信息 15
5.設置頁面中所有鏈接的基準鏈接 15
6.設置當前文件與其他文件的關聯性 15
第 2章 文本與文檔
2.1 軒宇門窗網頁 17
2.1.1 【案例分析】 17
2.1.2 【設計理念】 17
2.1.3 【操作步驟】 18
1.設置頁面屬性 18
2.輸入空格和文字 18
2.1.4 【相關工具】 22
1.輸入文本 22
2.設置文本屬性 22
3.輸入連續(xù)的空格 23
4.設置是否顯示不可見元素 23
5.設置頁邊距 24
6.設置網頁的標題 24
7.設置網頁的默認格式 25
2.1.5 【實戰(zhàn)演練】——佳人SPA養(yǎng)生館網頁 25
2.2 休閑旅游網頁 26
2.2.1 【案例分析】 26
2.2.2 【設計理念】 26
2.2.3 【操作步驟】 26
1.添加字體 26
2.改變文字外觀 27
2.2.4 【相關工具】 29
1.改變文本的大小 29
2.改變文本的顏色 29
3.改變文本的字體 30
4.改變文本的對齊方式 32
5.設置文本樣式 32
6.段落文本 33
7.插入換行符 35
8.設置項目符號或編號 35
9.修改項目符號或編號 36
10.設置文本縮進格式 36
11.插入日期 36
12.特殊字符 36
2.2.5 【實戰(zhàn)演練】——快樂購物網頁 37
2.3 休閑度假網頁 37
2.3.1 【案例分析】 37
2.3.2 【設計理念】 38
2.3.3 【操作步驟】 38
2.3.4 【相關工具】 40
1.水平線 40
2.顯示和隱藏網格 40
3.標尺 41
2.3.5 【實戰(zhàn)演練】——美食回味 網頁 42
2.4 綜合演練——家居裝飾網頁 43
2.4.1 【案例分析】 43
2.4.2 【設計理念】 43
2.4.3 【知識要點】 43
2.5 綜合演練——有機果蔬網頁 43
2.5.1 【案例分析】 43
2.5.2 【設計理念】 43
2.5.3 【知識要點】 44
第3章 圖像和多媒體
3.1 咖啡館網頁 45
3.1.1 【案例分析】 45
3.1.2 【設計理念】 45
3.1.3 【操作步驟】 46
3.1.4 【相關工具】 47
1.網頁中的圖像格式 47
2.插入圖像 47
3.設置圖像屬性 48
4.插入圖像占位符 48
5.跟蹤圖像 49
3.1.5 【實戰(zhàn)演練】——寵物狗網店 49
3.2 物流運輸網頁 50
3.2.1 【案例分析】 50
3.2.2 【設計理念】 50
3.2.3 【操作步驟】 50
3.2.4 【相關工具 52
1.插入Flash動畫 52
2.插入FLV 53
3.插入Shockwave影片 55
4.影片插入Applet程序 55
5.插入ActiveX控件 55
3.2.5 【實戰(zhàn)演練】——準媽媽課堂網頁 56
3.3 綜合演練——兒童零食網頁 56
3.3.1 【案例分析】 56
3.3.2 【設計理念】 56
3.3.3 【知識要點】 56
3.4 綜合演練——房源網頁 57
3.4.1 【案例分析】 57
3.4.2 【設計理念】 57
3.4.3 【知識要點】 57
第4章 超鏈接
4.1 建筑模型網頁 58
4.1.1 【案例分析】 58
4.1.2 【設計理念】 58
4.1.3 【操作步驟】 59
1.制作電子郵件鏈接 59
2.制作下載文件鏈接 59
4.1.4 【相關工具】 60
1.超鏈接的概念與路徑知識 60
2.創(chuàng)建文本鏈接 61
3.文本鏈接的狀態(tài) 62
4.下載文件鏈接 63
5.電子郵件鏈接 63
4.1.5 【實戰(zhàn)演練】——冶金鑄造網頁 64
4.2 溫泉度假網頁 64
4.2.1 【案例分析】 64
4.2.2 【設計理念】 64
4.2.3 【操作步驟】 65
1.制作鼠標經過 65
2.創(chuàng)建熱點鏈接 66
4.2.4 【相關工具】 66
1.圖像超鏈接 66
2.鼠標經過圖像鏈接 67
3.命名錨記鏈接 68
4.創(chuàng)建熱區(qū)鏈接 69
4.2.5 【實戰(zhàn)演練】——金融投資網頁 70
4.3 綜合演練——世界景觀網頁 71
4.3.1 【案例分析】 71
4.3.2 【設計理念】 71
4.3.3 【知識要點】 71
4.4 綜合演練——世界旅游網頁 71
4.4.1 【案例分析】 71
4.4.2 【設計理念】 71
4.4.3 【知識要點】 72
第5章 使用表格
5.1 營養(yǎng)美食網頁 73
5.1.1 【案例分析】 73
5.1.2 【設計理念】 73
5.1.3 【操作步驟】 74
5.1.4 【相關工具】 77
1.表格的組成 77
2.插入表格 78
3.表格各元素的屬性 79
4.在表格中插入內容 80
5.選擇表格元素 81
6.復制、粘貼表格 83
7.縮放表格 84
8.刪除表格和表格內容 84
9.合并和拆分單元格 85
10.增加和刪除表格的行和列 86
5.1.5 【實戰(zhàn)演練】——美麗人生網頁 87
5.2 綠色糧倉網頁 87
5.2.1 【案例分析】 87
5.2.2 【設計理念】 87
5.2.3 【操作步驟】 87
5.2.4 【相關工具】 90
1.導入和導出表格的數據 90
2.排序表格 92
3.復雜表格的排版 93
5.2.5 【實戰(zhàn)演練】——OA辦公
系統(tǒng)網頁 93
5.3 綜合演練——茶文化網頁 93
5.3.1 【案例分析】 93
5.3.2 【設計理念】 93
5.3.3 【知識要點】 93
5.4 綜合演練——火鍋餐廳網頁 94
5.4.1 【案例分析】 94
5.4.2 【設計理念】 94
5.4.3 【知識要點】 94
第6章 使用框架
6.1 牛奶飲料網頁 95
6.1.1 【案例分析】 95
6.1.2 【設計理念】 95
6.1.3 【操作步驟】 96
1.新建框架并編輯 96
2.插入圖像 97
6.1.4 【相關工具】 99
1.建立框架集 99
2.為框架添加內容 100
3.保存框架 101
4.框架的選擇 101
5.修改框架的大小 102
6.拆分框架 103
7.刪除框架 103
6.1.5 【實戰(zhàn)演練】——獻愛心活動中心網頁 104
6.2 建筑規(guī)劃網頁 104
6.2.1 【案例分析】 104
6.2.2 【設計理念】 104
6.2.3 【操作步驟】 105
1.設置保存文檔 105
2.插入表格、圖像和鼠標經過圖像 106
3.修改頁面屬性并插入圖像 108
4.創(chuàng)建圖像超鏈接 109
6.2.4 【相關工具】 110
1.框架屬性 110
2.框架集的屬性 110
3.框架中的鏈接 111
6.2.5 【實戰(zhàn)演練】——陽光外語小學網頁 112
6.3 綜合演練——健康定制網頁1 112
6.3.1 【案例分析】 112
6.3.2 【設計理念】 113
6.3.3 【知識要點】 113
6.4 綜合演練——健康定制網頁2 113
6.4.1 【案例分析】 113
6.4.2 【設計理念】 113
6.4.3 【知識要點】 113
第7章 使用層
7.1 聯創(chuàng)網絡技術網頁 115
7.1.1 【案例分析】 115
7.1.2 【設計理念】 115
7.1.3 【操作步驟】 116
7.1.4 【相關工具】 117
1.創(chuàng)建并編輯層 117
2.選擇層 118
3.設置層的默認屬性 119
4.AP元素面板 119
5.更改層的堆疊順序 119
6.更改層的可見性 120
7.調整層的大小 120
8.嵌套層 121
9.移動層 122
10.對齊層 122
11.層靠齊到網格 123
7.1.5 【實戰(zhàn)演練】——鮮花速遞網頁 124
7.2 信業(yè)融資網頁 124
7.2.1 【案例分析】 124
7.2.2 【設計理念】 124
7.2.3 【操作步驟】 125
7.2.4 【相關工具】 125
1.將AP Div轉換為表格 125
2.將表格轉換為AP Div 126
7.2.5 【實戰(zhàn)演練】——精品家居網頁 127
7.3 綜合演練——充氣浮床網頁 127
7.3.1 【案例分析】 127
7.3.2 【設計理念】 127
7.3.3 【知識要點】 128
7.4 綜合演練——美味小吃網頁 128
7.4.1 【案例分析】 128
7.4.2 【設計理念】 128
7.4.3 【知識要點】 128
第8章 CSS樣式
8.1 國畫展覽館網頁 129
8.1.1 【案例分析】 129
8.1.2 【設計理念】 129
8.1.3 【操作步驟】 130
8.1.4 【相關工具】 131
1.CSS樣式的概念 131
2.“CSS樣式”面板 131
3.CSS樣式的類型 132
4.創(chuàng)建重定義HTML標簽樣式 133
5.創(chuàng)建CSS選擇器 134
6.創(chuàng)建和應用自定義樣式 136
7.創(chuàng)建和引用外部樣式 137
8.編輯樣式 138
8.1.5 【實戰(zhàn)演練】——葡萄酒網頁 139
8.2 打印機網頁 139
8.2.1 【案例分析】 139
8.2.2 【設計理念】 139
8.2.3 【操作步驟】 140
1.插入表格并輸入文字 140
2.設置CSS屬性 141
8.2.4 【相關工具】 143
1.類型 143
2.背景 144
3.區(qū)塊 145
4.方框 146
5.邊框 146
6.列表 147
7.定位 147
8.擴展 148
9.過渡 148
8.2.5 【實戰(zhàn)演練】——室內設計網頁 148
8.3 愛晚工程網頁 149
8.3.1 【案例分析】 149
8.3.2 【設計理念】 149
8.3.3 【操作步驟】 149
8.3.4 【相關工具】 151
1.可應用過濾的HTML標簽 151
2.CSS的靜態(tài)過濾器 151
3.CSS的動態(tài)過濾器 152
8.3.5 【實戰(zhàn)演練】——汽車配件網頁 152
8.4 綜合演練——GPS導航儀網頁 153
8.4.1 【案例分析】 153
8.4.2 【設計理念】 153
8.4.3 【知識要點】 153
8.5 綜合演練——抒情散文網頁 153
8.5.1 【案例分析】 153
8.5.2 【設計理念】 153
8.5.3 【知識要點】 154
第9章 模板和庫
9.1 電子吉他網頁 155
9.1.1 【案例分析】 155
9.1.2 【設計理念】 155
9.1.3 【操作步驟】 156
1.創(chuàng)建模板 156
2.創(chuàng)建可編輯區(qū)域 156
9.1.4 【相關工具】 157
1.“資源”面板 157
2.創(chuàng)建模板 158
3.定義和取消可編輯區(qū)域 159
4.創(chuàng)建基于模板的網頁 162
5.管理模板 163
9.1.5 【實戰(zhàn)演練】——水果慕斯網頁 165
9.2 建達康集團網頁 165
9.2.1 【案例分析】 165
9.2.2 【設計理念】 165
9.2.3 【操作步驟】 166
1.把經常用的圖標注冊到庫中 166
2.利用庫中注冊的項目制作網頁文檔 166
3.修改庫中注冊的項目 167
9.2.4 【相關工具】 169
1.創(chuàng)建庫文件 169
2.向頁面添加庫項目 170
3.更新庫文件 171
9.2.5 【實戰(zhàn)演練】——律師事務所網頁 172
9.3 綜合演練——食譜大全網頁 173
9.3.1 【案例分析】 173
9.3.2 【設計理念】 173
9.3.3 【知識要點】 173
9.4 綜合演練——愛家紡網頁 174
9.4.1 【案例分析】 174
9.4.2 【設計理念】 174
9.4.3 【知識要點】 174
第 10章 表單與行為
10.1 廢品回收網頁 175
10.1.1 【案例分析】 175
10.1.2 【設計理念】 175
10.1.3 【操作步驟】 176
1.插入文本字段和文本區(qū)域 176
2.插入圖像域 177
10.1.4 【相關工具】 177
1.創(chuàng)建表單 177
2.表單的屬性 178
3.單行文本域 178
4.隱藏域 181
5.單選按鈕 181
6.單選按鈕組 182
7.復選框 182
8.創(chuàng)建列表和菜單 183
9.創(chuàng)建跳轉菜單 184
10.創(chuàng)建文件域 186
11.創(chuàng)建圖像域 187
12.提交、無、重置按鈕 188
10.1.5 【實戰(zhàn)演練】——探索尋寶網頁 189
10.2 衛(wèi)浴網頁 189
10.2.1 【案例分析】 189
10.2.2 【設計理念】 189
10.2.3 【操作步驟】 190
1.添加頁面晃動效果 190
2.添加狀態(tài)欄文本 191
10.2.4 【相關工具】 191
1.“行為”面板 191
2.應用行為 191
3.調用JavaScript 192
4.打開瀏覽器窗口 193
5.轉到URL 195
6.檢查插件 195
7.檢查表單 196
8.交換圖像 196
9.顯示-隱藏層 197
10.設置容器的文本 200
11.設置狀態(tài)欄文本 200
12.設置文本域文字 200
13.設置框架文本 201
14.跳轉菜單 202
15.跳轉菜單開始 203
10.2.5 【實戰(zhàn)演練】——蟹來居飯店網頁 203
10.3 綜合演練——問卷調查網頁 204
10.3.1 【案例分析】 204
10.3.2 【設計理念】 204
10.3.3 【知識要點】 204
10.4 綜合演練——全麥面包網頁 204
10.4.1 【案例分析】 204
10.4.2 【設計理念】 204
10.4.3 【知識要點】 205
第 11章 網頁代碼
11.1 設計無憂網頁 206
11.1.1 【案例分析】 206
11.1.2 【設計理念】 206
11.1.3 【操作步驟】 207
11.1.4 【相關工具】 208
1.使用“參考”面板 208
2.代碼提示功能 208
3.使用標簽庫插入標簽 209
4.使用標簽選擇器插入標簽 210
5.使用標簽檢查器編輯代碼 210
6.使用標簽編輯器編輯代碼 211
11.1.5 【實戰(zhàn)演練】——時尚兒童服飾網頁 212
11.2 油畫藝術館網頁 212
11.2.1 【案例分析】 212
11.2.2 【設計理念】 212
11.2.3 【操作步驟】 213
1.制作瀏覽器窗口(永遠都不出現滾動條) 213
2.制作禁止使用單擊右鍵 213
11.2.4 【相關工具】 214
1.常用的HTML標簽 214
2.腳本語言 216
3.響應HTML事件 216
11.2.5 【實戰(zhàn)演練】——消防在線網頁 218
11.3 綜合演練——機電設備網頁 218
11.3.1 【案例分析】 218
11.3.2 【設計理念】 218
11.3.3 【知識要點】 218
11.4 綜合演練——自行車網頁 219
11.4.1 【案例分析】 219
11.4.2 【設計理念】 219
11.4.3 【知識要點】 219
第 12章 綜合設計實訓
12.1 個人網頁——張美麗的個人網頁 220
12.1.1 【項目背景及要求】 220
1.客戶名稱 220
2.客戶需求 220
3.設計要求 220
12.1.2 【項目創(chuàng)意及制作】 220
1.設計素材 220
2.設計作品 221
3.步驟提示 221
12.2 游戲娛樂網頁——娛樂星聞網頁 223
12.2.1 【項目背景及要求】 223
1.客戶名稱 223
2.客戶需求 223
3.設計要求 223
12.2.2 【項目創(chuàng)意及制作】 223
1.設計素材 223
2.設計作品 224
3.步驟提示 224
12.3 旅游休閑網頁——籃球運動網頁 226
12.3.1 【項目背景及要求】 226
1.客戶名稱 226
2.客戶需求 227
3.設計要求 227
12.3.2 【項目創(chuàng)意及制作】 227
1.設計素材 227
2.設計作品 227
3.步驟提示 227
12.4 房產網頁——焦點房產網頁 230
12.4.1 【項目背景及要求】 230
1.客戶名稱 230
2.客戶需求 230
3.設計要求 230
12.4.2 【項目創(chuàng)意及制作】 231
1.設計素材 231
2.設計作品 231
3.步驟提示 231
12.5 文化藝術網頁——書法藝術網頁 232
12.5.1 【項目背景及要求】 232
1.客戶名稱 232
2.客戶需求 233
3.設計要求 233
12.5.2 【項目創(chuàng)意及制作】 233
1.設計素材 233
2.設計作品 233
3.步驟提示 233
收起全部↑