內容簡介
邊做邊學：Dreamweaver CS3網頁設計案例教程圖書目錄
初識Dreamweaver CS3
1.1 操作界面 1
1.1.1 【操作目的】 1
1.1.2 【操作步驟】 1
1.1.3 【相關工具】 2
1．開始頁面 2
2．不同風格的界面 2
3．伸縮自如的功能面板 3
4．多文檔的編輯界面 3
5．插入面板 4
6．更完整的CSS功能 4
1.2 創建網站框架 5
1.2.1 【操作目的】 5
1.2.2 【操作步驟】 5
1.2.3 【相關工具】 6
1．創建和保存網頁 6
2．在站點地圖中創建網頁 8
3．在檔案列表中創建網頁 9
1.3 管理站點 11
1.3.1 【操作目的】 11
1.3.2 【操作步驟】 11
1.3.3 【相關工具】 12
1．站點管理器 12
2．創建資料夾 15
3．定義新站點 15
1.4 網頁檔案頭設定 16
1.4.1 【操作目的】 16
1.4.2 【操作步驟】 16
1.4.3 【相關工具】 17
1．插入搜尋關鍵字 17
2．插入作者和版權資訊 18
3．設定刷新時間 18
4．設定描述信息 19
5．設定頁面中所有連結的基準連結 19
6．設定當前檔案與其他檔案的關聯性 20
第2章 文本與文檔
2.1 植物香水網頁 21
2.1.1 【案例分析】 21
2.1.2 【設計理念】 21
2.1.3 【操作步驟】 21
1．設定頁面屬性 21
2．輸入空格和文字 22
2.1.4 【相關工具】 23
1．輸入文本 23
2．設定文本屬性 23
3．輸入連續的空格 24
4．設定是否顯示不可見元素 24
5．設定頁邊距 25
6．設定網頁的標題 26
7．設定網頁的默認格式 26
2.1.5 【實戰演練】——數碼產品專賣網頁 26
2.2 美味西點網頁 27
2.2.1 【案例分析】 27
2.2.2 【設計理念】 27
2.2.3 【操作步驟】 27
2.2.4 【相關工具】 29
1．改變文本的大小 29
2．改變文本的顏色 30
3．改變文本的字型 31
4．改變文本的對齊方式 33
5．設定文本樣式 33
6．段落文本 34
7．插入換行符 35
2.2.5 【實戰演練】——美顏知識網頁 36
2.3 兒童漫畫網頁 36
2.3.1 【案例分析】 36
2.3.2 【設計理念】 36
2.3.3 【操作步驟】 37
1．創建項目列表 37
2．插入著作權符號 37
2.3.4 【相關工具】 38
1．設定項目符號或編號 38
2．修改項目符號或編號 38
3．設定文本縮進格式 39
4．插入日期 39
5．特殊字元 39
2.3.5 【實戰演練】——時尚咖啡網頁 40
2.4 綠色食品網頁 40
2.4.1 【案例分析】 40
2.4.2 【設計理念】 40
2.4.3 【操作步驟】 41
2.4.4 【相關工具】 41
1．水平線 41
2．顯示和隱藏格線 42
3．標尺 43
2.4.5 【實戰演練】——電子產品網頁 44
2.5 綜合演練——鮮花速遞網頁 45
2.6 綜合演練——精品購物網頁 45
第3章 圖像和多媒體
3.1 卡通素材網頁 46
3.1.1 【案例分析】 46
3.1.2 【設計理念】 46
3.1.3 【操作步驟】 47
3.1.4 【相關工具】 48
1．網頁中的圖像格式 48
2．插入圖像 48
3．設定圖像屬性 49
4．插入圖像占位符 49
5．跟蹤圖像 50
3.1.5 【實戰演練】——家居時尚網頁 51
3.2 購房中心網頁 51
3.2.1 【案例分析】 51
3.2.2 【設計理念】 52
3.2.3 【操作步驟】 52
3.2.4 【相關工具】 53
1．調整圖像與文本的相對位置 53
2．創建網站相冊 54
3.2.5 【實戰演練】——健康水果網頁 55
3.3 營養美食網頁 55
3.3.1 【案例分析】 55
3.3.2 【設計理念】 56
3.3.3 【操作步驟】 56
3.3.4 【相關工具】 57
1．插入Flash動畫 57
2．插入Flash文本 57
3．插入Flash按鈕 58
4．插入Shockwave影片 59
5．影片插入Applet程式 60
6．插入ActiveX控制項 60
3.3.5 【實戰演練】——動感音樂網頁 61
3.4 綜合演練——商務線上網頁 61
3.5 綜合演練——化妝品網頁 62
第4章 超連結
4.1 創業線上網頁 63
4.1.1 【案例分析】 63
4.1.2 【設計理念】 63
4.1.3 【操作步驟】 64
1．製作特殊的文字超級連結 64
2．製作下載檔案連結 65
4.1.4 【相關工具】 66
1．超連結的概念與路徑知識 66
2．創建文本連結 66
3．文本連結的狀態 67
4．下載檔案連結 68
5．電子郵件連結 68
4.1.5 【實戰演練】——精品家具網頁 69
4.2 戀之語素材模板網頁 69
4.2.1 【案例分析】 69
4.2.2 【設計理念】 70
4.2.3 【操作步驟】 70
1．製作滑鼠經過 70
2．創建熱點連結 71
4.2.4 【相關工具】 72
1．圖像超連結 72
2．滑鼠經過圖像連結 72
3．命名錨記連結 73
4．創建熱區連結 74
4.2.5 【實戰演練】——旅遊資訊網頁 75
4.3 綜合演練——流行音樂網頁 76
4.4 綜合演練——數位相機網頁 76
第5章 使用表格
5.1 咖啡機專賣網頁 77
5.1.1 【案例分析】 77
5.1.2 【設計理念】 77
5.1.3 【操作步驟】 78
5.1.4 【相關工具】 80
1．表格的組成 80
2．插入表格 81
3．表格各元素的屬性 82
4．在表格中插入內容 83
5．選擇表格元素 84
6．複製、貼上表格 85
7．刪除表格和表格內容 86
8．縮放表格 86
9．合併和拆分單元格 87
10．增加和刪除表格的行和列 88
5.1.5 【實戰演練】——音樂世界網頁 88
5.2 設計師家園網頁 89
5.2.1 【案例分析】 89
5.2.2 【設計理念】 89
5.2.3 【操作步驟】 89
1．導入表格式數據 89
2．排序表格 91
5.2.4 【相關工具】 92
1．導入和導出表格的數據 92
2．排序表格 94
3．利用表格的布局模式實現複雜的頁面布局 95
5.2.5 【實戰演練】——旅遊渡假網頁 97
5.3 綜合演練——時尚戒指網頁 97
5.4 綜合演練——家具天地網頁 98
第6章 使用框架
6.1 辦公用品網頁 99
6.1.1 【案例分析】 99
6.1.2 【設計理念】 99
6.1.3 【操作步驟】 100
1．新建框架並修改框架 100
2．在框架中插入內容 102
6.1.4 【相關工具】 105
1．建立框架集 105
2．為框架添加內容 107
3．保存框架 107
4．框架的選擇 108
5．修改框架的大小 108
6．拆分框架 109
7．刪除框架 110
6.1.5 【實戰演練】——房產信息網頁 110
6.2 兒童玩具網頁 111
6.2.1 【案例分析】 111
6.2.2 【設計理念】 111
6.2.3 【操作步驟】 111
1．設定保存文檔 111
2．添加框架元素 113
6.2.4 【相關工具】 115
1．框架屬性 115
2．框架集的屬性 115
3．框架中的連結 116
6.2.5 【實戰演練】——汽車資訊網頁 118
6.3 綜合演練——沙發購物網頁 118
6.4 綜合演練——電子商務網頁 119
第7章 使用層和時間軸
7.1 綠色植物網頁 120
7.1.1 【案例分析】 120
7.1.2 【設計理念】 120
7.1.3 【操作步驟】 121
7.1.4 【相關工具】 122
1．創建層 122
2．選擇層 123
3．設定層的默認屬性 123
4．AP元素麵板 124
5．更改層的堆疊順序 124
6．更改層的可見性 125
7．調整層的大小 125
8．嵌套層 126
9．移動層 127
10．對齊層 128
11．層靠齊到格線 128
7.1.5 【實戰演練】——數碼科技前線網頁 129
7.2 現代家居購物網頁 130
7.2.1 【案例分析】 130
7.2.2 【設計理念】 130
7.2.3 【操作步驟】 130
7.2.4 【相關工具】 131
1．將AP Div轉換為表格 131
2．將表格轉換為AP Div 133
7.2.5 【實戰演練】——數碼科技前線網頁 133
7.3 禮品盒專賣網頁 133
7.3.1 【案例分析】 133
7.3.2 【設計理念】 134
7.3.3 【操作步驟】 134
7.3.4 【相關工具】 135
1．“時間軸”面板 135
2．使用時間軸移動層 136
3．錄製層路徑 137
4．控制動畫播放 138
5．修改關鍵幀 138
6．添加、刪除幀 138
7．用時間軸改變圖像與層的屬性 138
7.3.5 【實戰演練】——美容護膚網頁 139
7.4 綜合演練——無公害水果網頁 139
7.5 綜合演練——數碼世界網頁 139
第8章 CSS樣式
8.1 兒童教育網頁 140
8.1.1 【案例分析】 140
8.1.2 【設計理念】 140
8.1.3 【操作步驟】 141
8.1.4 【相關工具】 141
1．CSS樣式的概念 141
2．“CSS樣式”控制臺 142
3．CSS樣式的類型 142
4．創建重定義HTML標籤樣式 143
5．創建CSS選擇器 144
6．創建和套用自定義樣式 146
7．創建和引用外部樣式 147
8．編輯樣式 148
8.1.5 【實戰演練】——女士香水網頁 149
8.2 時尚彩妝網頁 149
8.2.1 【案例分析】 149
8.2.2 【設計理念】 149
8.2.3 【操作步驟】 150
1．插入表格並輸入文字 150
2．設定CSS屬性 151
8.2.4 【相關工具】 153
1．類型 153
2．背景 154
3．區塊 155
4．方框 156
5．框線 156
6．列表 157
7．定位 157
8．擴展 158
8.2.5 【實戰演練】——數碼照片沖印網頁 158
8.3 最新電影網頁 158
8.3.1 【案例分析】 158
8.3.2 【設計理念】 159
8.3.3 【操作步驟】 159
8.3.4 【相關工具】 161
1．可套用過濾的HTML標籤 161
2．CSS的靜態過濾器 161
3．CSS的動態過濾器 162
8.3.5 【實戰演練】——兒童玩具人偶網頁 162
8.4 綜合演練——精品房產網頁 163
8.5 綜合演練——時尚前風網頁 163
第9章 模板和庫
9.1 家居資訊網頁 164
9.1.1 【案例分析】 164
9.1.2 【設計理念】 164
9.1.3 【操作步驟】 165
1．創建模板 165
2．創建可編輯區域 165
9.1.4 【相關工具】 166
1．“資源”控制臺 166
2．創建模板 167
3．定義和取消可編輯區域 168
4．創建基於模板的網頁 171
5．管理模板 172
9.1.5 【實戰演練】——數碼配件網頁 174
9.2 健康瑜珈網頁 174
9.2.1 【案例分析】 174
9.2.2 【設計理念】 175
9.2.3 【操作步驟】 175
1．創建庫項目 175
2．利用庫中註冊的項目製作網頁文檔 176
9.2.4 【相關工具】 177
1．創建庫檔案 177
2．向頁面添加庫項目 178
3．更新庫檔案 179
9.2.5 【實戰演練】——茶文化網頁 180
9.3 綜合演練——個人網頁 181
9.4 綜合演練——新品家居網頁 181
第10章 使用表單
10.1 咖啡廳會員註冊網頁 182
10.1.1 【案例分析】 182
10.1.2 【設計理念】 182
10.1.3 【操作步驟】 183
1．插入表單和表格並設定表格的屬性 183
2．插入文本域 184
10.1.4 【相關工具】 185
1．創建表單 185
2．表單的屬性 185
3．單行文本域 186
4．隱藏域 188
5．單選按鈕 189
6．單選按鈕組 190
7．複選框 190
10.1.5 【實戰演練】——化妝品用戶登錄網頁 191
10.2 兒童會員註冊網頁 191
10.2.1 【案例分析】 191
10.2.2 【設計理念】 192
10.2.3 【操作步驟】 192
10.2.4 【相關工具】 194
1．創建列表和選單 194
2．創建跳轉選單 195
3．創建檔案域 196
4．創建圖像域 197
5．提交、無、重置按鈕 198
10.2.5 【實戰演練】——旅遊用戶登錄網頁 199
10.3 綜合演練——星運奇緣網頁 200
10.4 綜合演練——家居購物訂單網頁 200
第11章 使用行為
11.1 美麗女人購物網頁 201
11.1.1 【案例分析】 201
11.1.2 【設計理念】 201
11.1.3 【操作步驟】 201
11.1.4 【相關工具】 202
1．行為 202
2．事件 203
3．“行為”控制臺 205
4．套用行為 206
11.1.5 【實戰演練】——兒童美食網頁 208
11.2 車行天下網頁 208
11.2.1 【案例分析】 208
11.2.2 【設計理念】 208
11.2.3 【操作步驟】 209
11.2.4 【相關工具】 209
1．調用JavaScript 209
2．打開瀏覽器視窗 210
3．轉到 URL 212
4．播放聲音 212
5．控制Shockwave或Flash 212
6．檢查瀏覽器 213
7．檢查外掛程式 214
8．檢查表單 215
9．設定導航欄圖像 215
10．交換圖像 217
11．顯示隱藏層 218
12．拖動層 220
13．設定容器的文本 221
14．設定狀態欄文本 222
15．設定文本域文字 222
16．設定框架文本 223
17．跳轉選單 224
18．跳轉選單開始 224
11.2.5 【實戰演練】——企業宣傳公告網頁 225
11.3 綜合演練——精品汽車網頁 225
11.4 綜合演練——美容購物網頁 226
第12章 網頁代碼
12.1 運動鞋網頁 227
12.1.1 【案例分析】 227
12.1.2 【設計理念】 227
12.1.3 【操作步驟】 228
12.1.4 【相關工具】 229
1．使用“參考”面板 229
2．代碼提示功能 230
3．使用標籤庫插入標籤 230
4．使用標籤選擇器插入標籤 231
5．使用標籤檢查器編輯代碼 232
6．使用標籤編輯器編輯代碼 233
12.1.5 【實戰演練】——線上試聽網頁 233
12.2 健康蔬菜網頁 233
12.2.1 【案例分析】 233
12.2.2 【設計理念】 234
12.2.3 【操作步驟】 234
1．製作禁止網頁另外儲存為 234
2．製作禁止使用單擊右鍵 235
12.2.4 【相關工具】 235
1．常用的HTML標籤 235
2．腳本語言 237
3．回響HTML事件 237
12.2.5 【實戰演練】——燈具購物網頁 239
12.3 綜合演練——線上電影網頁 239
12.4 綜合演練——兒童用品專賣網 240
