Dreamweaver UltraDev 4網(wǎng)頁設(shè)計實例與技巧

第一部分 基礎(chǔ)篇

第一章 整裝待發(fā)……………………………………………………………………………3
1.1 初識網(wǎng)頁…………………………………………………………………………………3
1.1.1 網(wǎng)頁基本知識…………………………………………………………………………5
1.1.2 網(wǎng)頁制作基本設(shè)計思路………………………………………………………………5
1.1.3 網(wǎng)頁制作工具概述……………………………………………………………………6
1.1.4 生成第一個網(wǎng)頁………………………………………………………………………6
1.2 HTML語言簡介…………………………………………………………………………7
1.2.1 關(guān)于標(biāo)記的約定………………………………………………………………………8
1.2.2 標(biāo)記的含義……………………………………………………………………………9
1.2.3 標(biāo)記的應(yīng)用范例……………………………………………………………………12

第二章 定制詳解……………………………………………………………………………51
2.1 Dreamweaver UltraDev 4概述…………………………………………………………51
2.1.1 工作界面……………………………………………………………………………51
2.1.2 全新特性……………………………………………………………………………56
2.2 定制Dreamweaver UltraDev 4…………………………………………………………65
2.2.1 常規(guī)選項的定制……………………………………………………………………65
2.2.2 代碼顏色的定制……………………………………………………………………67
2.2.3 浮動面板的定制……………………………………………………………………68
2.2.4 對象面板的定制……………………………………………………………………69
2.2.5 文件類型的定制……………………………………………………………………70
2.2.6 菜單的定制…………………………………………………………………………70
2.2.7 變更操作……………………………………………………………………………72
2.2.8 瀏覽器的定制………………………………………………………………………74
2.2.9 擴展 Dreamweaver UltraDev 4……………………………………………………77
2.2.10 其他定制…………………………………………………………………………79
2.3 文檔操作及格式化文本……………………………………………………………80
2.3.1 文檔操作…………………………………………………………………………80
2.3.2 格式化文本………………………………………………………………………81

第三章 構(gòu)建站點…………………………………………………………………………85
3.1 站點規(guī)劃………………………………………………………………………85
3.2 定義本地站點…………………………………………………………………86

第四章 應(yīng)用樣式…………………………………………………………………………91
4.1 CSS樣式概述…………………………………………………………………………91
4.1.1 CSS樣式表入門……………………………………………………………………91
4.1.2 CSS樣式表作用……………………………………………………………………92
4.2 CSS樣式語法……………………………………………………………………93
4.2.1 CSS樣式語法概述…………………………………………………………………93
4.2.2 CSS樣式表語法詳解………………………………………………………………94
4.3 CSS樣式屬性……………………………………………………………………96
4.3.1 選擇符屬性……………………………………………………………………96
4.3.2 媒體屬性…………………………………………………………………………97
4.3.3 BOX模型屬性…………………………………………………………………98
4.3.4 布局屬性…………………………………………………………………………100


4.3.5 背景屬性……………………………………………………………………………104
4.3.6 文本屬性……………………………………………………………………………105
4.3.7 字體屬性……………………………………………………………………………108
4.3.8 鼠標(biāo)屬性……………………………………………………………………………110
4.3.9 分級屬性……………………………………………………………………………111
4.3.10 "容器"屬性………………………………………………………………………113
4.3.11 列表屬性…………………………………………………………………………115
4.3.12 用戶界面屬性……………………………………………………………………116
4.4 樣式表的定位……………………………………………………………………117
4.4.1 定位概述………………………………………………………………………117
4.4.2 動態(tài)轉(zhuǎn)換…………………………………………………………………………117
4.4.3 空間定位…………………………………………………………………………119
4.5 樣式表的引入與編寫…………………………………………………………………120
4.5.1 樣式表的引入………………………………………………………………………120
4.5.2 編寫CSS樣式表……………………………………………………………………121
4.6 編輯CSS樣式…………………………………………………………………122
4.6.1 創(chuàng)建新CSS樣式……………………………………………………………………122
4.6.2 設(shè)置CSS 樣式格式………………………………………………………………123
4.6.3 管理CSS樣式……………………………………………………………………124
4.6.4 應(yīng)用CSS樣式………………………………………………………………125
4.6.5 將CSS轉(zhuǎn)換為HTML標(biāo)記………………………………………………………131
4.7 CSS濾鏡屬性…………………………………………………………………131
4.7.1 濾鏡屬性概述…………………………………………………………………131
4.7.2 Alpha屬性………………………………………………………………132
4.7.3 Blur屬性……………………………………………………………………133
4.7.4 Chroma屬性………………………………………………………………135
4.7.5 DropShadow屬性…………………………………………………………135
4.7.6 FlipH、FlipV屬性………………………………………………………………136
4.7.7 Glow屬性……………………………………………………………………137
4.7.8 Gray屬性………………………………………………………………138
4.7.9 Invert屬性………………………………………………………………138

第五章 網(wǎng)頁設(shè)計…………………………………………………………………………139
5.1 鏈接…………………………………………………………………………139
5.1.1 鏈接概述………………………………………………………………………139
5.1.2 創(chuàng)建鏈接………………………………………………………………………141
5.2 圖像……………………………………………………………………145
5.2.1 圖像概述………………………………………………………………………145
5.2.2 插入圖像…………………………………………………………………………145
5.3 表格……………………………………………………………………149
5.3.1 表格概述…………………………………………………………………………149
5.3.2 表格屬性面板……………………………………………………………………150
5.3.3 插入表格……………………………………………………………………………151
5.4 分層……………………………………………………………………153
5.4.1 分層概述……………………………………………………………………………153
5.4.2 創(chuàng)建分層……………………………………………………………………………154
5.4.3 分層面板的使用……………………………………………………………………155
5.4.4 分層屬性及操作……………………………………………………………………159
5.5 表單……………………………………………………………………161
5.5.1 表單的基本操作……………………………………………………………………161
5.5.2 表單對象的屬性設(shè)置………………………………………………………………164
5.6 分幀……………………………………………………………………149
5.6.1 制作一個框架……………………………………………………………………149
5.6.2 有關(guān)分幀的幾個問題……………………………………………………………171
5.7 模板應(yīng)用……………………………………………………………………172
5.7.1 模板概覽……………………………………………………………………………172
5.7.2 創(chuàng)建模板……………………………………………………………………………172
5.7.3 編輯模板……………………………………………………………………………174
5.7.4 定義模板的可編輯區(qū)域……………………………………………………………175
5.7.5 模板的參數(shù)選項……………………………………………………………………177
5.7.6 導(dǎo)入和導(dǎo)出XML內(nèi)容……………………………………………………………178
5.8 素材庫……………………………………………………………………181
5.8.1 創(chuàng)建素材庫………………………………………………………………………181
5.8.2 編輯素材庫………………………………………………………………………182


第二部分 實例篇

第六章 經(jīng)典網(wǎng)頁設(shè)計實例……………………………………………………189
6.1 電子郵件表單制作實例………………………………………………………………189
6.2 創(chuàng)建導(dǎo)航條和狀態(tài)欄制作實例………………………………………………………190
6.3 動態(tài)提示制作實例……………………………………………………………………192
6.4 滾動動畫制作實例…………………………………………………………………194
6.5 網(wǎng)頁下拉菜單制作實例……………………………………………………………194
6.6 可控制式動態(tài)菜單制作實例…………………………………………………………198
6.7 彈出窗口制作實例………………………………………………………202
6.8 班級網(wǎng)站設(shè)計實例……………………………………………………………………202
6.9 多人協(xié)作管理網(wǎng)站設(shè)計實例…………………………………………………………205
6.10 用戶注冊制作實例……………………………………………………………206
6.11 用戶登錄制作實例………………………………………………………208
6.12 電子郵件確認制作實例………………………………………………………………210

第七章 動態(tài)菜單設(shè)計實例……………………………………………………213
7.1 圖片和層………………………………………………………………………………213
7.1.1 準備圖片……………………………………………………………………………213
7.1.2 建立層和表格………………………………………………………………………214
7.2 行為…………………………………………………………………………219
7.2.1 圖片的轉(zhuǎn)換………………………………………………………………………219
7.2.2 圖片命名…………………………………………………………………220
7.2.3 為圖片增加行為……………………………………………………………220
7.2.4 轉(zhuǎn)換最后一個圖片……………………………………………………………221
7.2.5 更多的轉(zhuǎn)換效果……………………………………………………………222
7.3 動態(tài)數(shù)據(jù)…………………………………………………………………………223
7.3.1 數(shù)據(jù)庫………………………………………………………………………223
7.3.2 建立指向頁面的鏈接……………………………………………………………227
7.3.3 建立詳細頁面…………………………………………………………………228
7.3.4 測試頁面…………………………………………………………………231

第八章 互動網(wǎng)站設(shè)計實例………………………………………………………233
8.1 準備工作………………………………………………………………………………233
8.2 設(shè)置Web目錄…………………………………………………………………………233
8.3 建立站點…………………………………………………………………………234
8.4 創(chuàng)建網(wǎng)頁…………………………………………………………………………234
8.4.1 創(chuàng)建首頁………………………………………………………………………234
8.4.2 創(chuàng)建增加頁…………………………………………………………………242
8.4.3 增加詳細頁………………………………………………………………………245
8.4.4 創(chuàng)建更新頁…………………………………………………………………253
8.4.5 生成刪除頁………………………………………………………………………254
8.4.6 創(chuàng)建查詢頁…………………………………………………………………255
8.4.7 創(chuàng)建查詢結(jié)果頁…………………………………………………………………256
8.5 數(shù)據(jù)測試………………………………………………………………………………257


第三部分 技巧篇

第九章 實用技巧與問題解答……………………………………………………261
9.1 Dreamweaver UltraDev 4實用技巧……………………………………………………261
9.1.1 圖層應(yīng)用技巧………………………………………………………………………261
9.1.2 樣式表應(yīng)用技巧…………………………………………………………………272
9.1.3 Fireworks文件應(yīng)用技巧………………………………………………………277
9.1.4 數(shù)據(jù)庫設(shè)計應(yīng)用技巧………………………………………………………282
9.2 Dreamweaver UltraDev 4問題解答………………………………………………284

第十章 Dreamweaver UltraDev 4插件應(yīng)用……………………………………303
10.1 插件概述………………………………………………………………………………303
10.1.1 插件的定義與安裝…………………………………………………………303
10.1.2 插件的分類………………………………………………………………………304
10.2 插件應(yīng)用…………………………………………………………………………304
10.2.1 頁面計數(shù)插件應(yīng)用……………………………………………………………305
10.2.2 截取動態(tài)數(shù)據(jù)插件應(yīng)用………………………………………………………308
10.2.3 翻頁鏈接插件應(yīng)用……………………………………………………………311
10.2.4 生成HTML表格插件應(yīng)用…………………………………………………313
10.2.5 變化背景圖案插件應(yīng)用………………………………………………………316
10.2.6 創(chuàng)建折疊樹插件應(yīng)用……………………………………………………………318


附錄 多媒體學(xué)習(xí)光盤使用說明…………………………………………………………323