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

第一部分 基礎(chǔ)篇

第一章 整裝待發(fā)……………………………………………………………………………3
1.1 初識(shí)網(wǎng)頁(yè)…………………………………………………………………………………3
1.1.1 網(wǎng)頁(yè)基本知識(shí)…………………………………………………………………………5
1.1.2 網(wǎng)頁(yè)制作基本設(shè)計(jì)思路………………………………………………………………5
1.1.3 網(wǎng)頁(yè)制作工具概述……………………………………………………………………6
1.1.4 生成第一個(gè)網(wǎng)頁(yè)………………………………………………………………………6
1.2 HTML語(yǔ)言簡(jiǎn)介…………………………………………………………………………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ī)選項(xiàng)的定制……………………………………………………………………65
2.2.2 代碼顏色的定制……………………………………………………………………67
2.2.3 浮動(dòng)面板的定制……………………………………………………………………68
2.2.4 對(duì)象面板的定制……………………………………………………………………69
2.2.5 文件類(lèi)型的定制……………………………………………………………………70
2.2.6 菜單的定制…………………………………………………………………………70
2.2.7 變更操作……………………………………………………………………………72
2.2.8 瀏覽器的定制………………………………………………………………………74
2.2.9 擴(kuò)展 Dreamweaver UltraDev 4……………………………………………………77
2.2.10 其他定制…………………………………………………………………………79
2.3 文檔操作及格式化文本……………………………………………………………80
2.3.1 文檔操作…………………………………………………………………………80
2.3.2 格式化文本………………………………………………………………………81

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

第四章 應(yīng)用樣式…………………………………………………………………………91
4.1 CSS樣式概述…………………………………………………………………………91
4.1.1 CSS樣式表入門(mén)……………………………………………………………………91
4.1.2 CSS樣式表作用……………………………………………………………………92
4.2 CSS樣式語(yǔ)法……………………………………………………………………93
4.2.1 CSS樣式語(yǔ)法概述…………………………………………………………………93
4.2.2 CSS樣式表語(yǔ)法詳解………………………………………………………………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 分級(jí)屬性……………………………………………………………………………111
4.3.10 "容器"屬性………………………………………………………………………113
4.3.11 列表屬性…………………………………………………………………………115
4.3.12 用戶(hù)界面屬性……………………………………………………………………116
4.4 樣式表的定位……………………………………………………………………117
4.4.1 定位概述………………………………………………………………………117
4.4.2 動(dòng)態(tài)轉(zhuǎn)換…………………………………………………………………………117
4.4.3 空間定位…………………………………………………………………………119
4.5 樣式表的引入與編寫(xiě)…………………………………………………………………120
4.5.1 樣式表的引入………………………………………………………………………120
4.5.2 編寫(xiě)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)頁(yè)設(shè)計(jì)…………………………………………………………………………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 表單對(duì)象的屬性設(shè)置………………………………………………………………164
5.6 分幀……………………………………………………………………149
5.6.1 制作一個(gè)框架……………………………………………………………………149
5.6.2 有關(guān)分幀的幾個(gè)問(wè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ù)選項(xiàng)……………………………………………………………………177
5.7.6 導(dǎo)入和導(dǎo)出XML內(nèi)容……………………………………………………………178
5.8 素材庫(kù)……………………………………………………………………181
5.8.1 創(chuàng)建素材庫(kù)………………………………………………………………………181
5.8.2 編輯素材庫(kù)………………………………………………………………………182


第二部分 實(shí)例篇

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

第七章 動(dòng)態(tài)菜單設(shè)計(jì)實(shí)例……………………………………………………213
7.1 圖片和層………………………………………………………………………………213
7.1.1 準(zhǔn)備圖片……………………………………………………………………………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)換最后一個(gè)圖片……………………………………………………………221
7.2.5 更多的轉(zhuǎn)換效果……………………………………………………………222
7.3 動(dòng)態(tài)數(shù)據(jù)…………………………………………………………………………223
7.3.1 數(shù)據(jù)庫(kù)………………………………………………………………………223
7.3.2 建立指向頁(yè)面的鏈接……………………………………………………………227
7.3.3 建立詳細(xì)頁(yè)面…………………………………………………………………228
7.3.4 測(cè)試頁(yè)面…………………………………………………………………231

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


第三部分 技巧篇

第九章 實(shí)用技巧與問(wèn)題解答……………………………………………………261
9.1 Dreamweaver UltraDev 4實(shí)用技巧……………………………………………………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ù)庫(kù)設(shè)計(jì)應(yīng)用技巧………………………………………………………282
9.2 Dreamweaver UltraDev 4問(wèn)題解答………………………………………………284

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


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