中文Dreamweaver8網(wǎng)頁設(shè)計(jì)精粹150例

第1章 Dreamweaver 8常用工具與新功能 1
1.1 常用工具和操作 1
1.1.1 “文檔”窗口 2
1.1.2 “文檔”工具欄 4
1.1.3 狀態(tài)欄 4
1.1.4 “插入”欄 5
1.1.5 “編碼”工具欄 6
1.1.6 “屬性”檢查器 6
1.1.7 “文件”面板 7
1.1.8 “CSS樣式”面板 7
實(shí)例1 放大工具 8
實(shí)例2 自定義標(biāo)簽 9
實(shí)例3 入門頁面 10
實(shí)例4 CSS新功能及應(yīng)用 12
實(shí)例5 Flash元素 14
實(shí)例6 輔助線 16
實(shí)例7 背景設(shè)置 18
實(shí)例8 代碼折疊功能 20
實(shí)例9 圖片處理——剪切 21
實(shí)例10 圖片處理——亮度調(diào)節(jié) 23
實(shí)例11 圖片處理——銳化 24
實(shí)例12 時間軸 25
小結(jié) 27
習(xí)題一 27
一、選擇題 27
二、填空題 28
三、上機(jī)題 28
第2章 建站與設(shè)置 29
2.1 建站流程 29
2.1.1 站點(diǎn)主題 29
2.1.2 站點(diǎn)風(fēng)格 30
2.1.3 建站資源 30
2.1.4 規(guī)劃站點(diǎn) 30
2.1.5 定義站點(diǎn) 30
2.1.6 網(wǎng)頁設(shè)計(jì) 31
2.1.7 檢查鏈接 31
2.1.8 上傳網(wǎng)頁 31
2.1.9 后期維護(hù) 31
實(shí)例13 建立站點(diǎn) 32
實(shí)例14 同步更新網(wǎng)站 33
實(shí)例15 管理站點(diǎn)資源 34
實(shí)例16 設(shè)置頁面屬性 38
實(shí)例17 網(wǎng)頁過渡效果 40
小結(jié) 43
習(xí)題二 43
一、選擇題 43
二、填空題 43
三、上機(jī)題 43
第3章 文字處理 44
實(shí)例18 簡單文字處理 44
實(shí)例19 初級鏈接樣式 47
實(shí)例20 進(jìn)階鏈接樣式 49
實(shí)例21 高級鏈接樣式 51
實(shí)例22 巧妙使用上、下標(biāo) 53
實(shí)例23 命名錨記指向鏈接 54
實(shí)例24 文字豎排制作仿古頁面 56
實(shí)例25 動感文字 58
實(shí)例26 3D文字 59
實(shí)例27 狀態(tài)欄文字閃爍 60
實(shí)例28 文本向上循環(huán)滾動 61
實(shí)例29 飄動的字符跟隨鼠標(biāo) 62
實(shí)例30 滾動文字說明 64
實(shí)例31 鼠標(biāo)激活文字警告框 65
實(shí)例32 色彩漸變的文字 66
小結(jié) 68
習(xí)題三 68
一、選擇題 68
二、填空題 69
三、上機(jī)題 69
第4章 圖片 70
實(shí)例33 禁止背景圖在網(wǎng)頁中平鋪 70
實(shí)例34 網(wǎng)頁圖片熱區(qū)定義 71
實(shí)例35 用DW制作有趣的圖片探照燈效果 72
實(shí)例36 在網(wǎng)頁中實(shí)現(xiàn)360度全景滾動效果圖 75
實(shí)例37 漫天飛雪 77
實(shí)例38 自由移動的圖片 80
實(shí)例39 不斷更換的廣告圖片 82
小結(jié) 85
習(xí)題四 85
一、選擇題 85
二、填空題 85
三、上機(jī)題 85
第5章 表格 86
實(shí)例40 彩色虛線表格 86
實(shí)例41 鼠標(biāo)指向單元格變色 88
實(shí)例42 立體表格 90
實(shí)例43 表格嵌套 90
實(shí)例44 半透明表格 92
實(shí)例45 陰影表格 93
實(shí)例46 去除Dreamweaver 8表格寬度輔助 94
實(shí)例47 用表格定位網(wǎng)頁 95
實(shí)例48 用表格巧妙制作導(dǎo)航條按鈕 96
實(shí)例49 細(xì)線表格1 96
實(shí)例50 細(xì)線表格2 98
實(shí)例51 細(xì)線表格3 98
實(shí)例52 單行細(xì)線 99
實(shí)例53 根據(jù)單元格內(nèi)容加亮 100
小結(jié) 101
習(xí)題五 102
一、選擇題 102
二、填空題 102
三、上機(jī)題 103
第6章 層的使用 104
實(shí)例54 用圖層制作陰影效果 104
實(shí)例55 設(shè)置層的屬性 104
實(shí)例56 嵌套圖層 105
實(shí)例57 圖層的“Z－順序” 105
實(shí)例58 使用圖層建立表格 106
實(shí)例59 用圖層制作滑動菜單 107
實(shí)例60 制作靜止浮動效果 108
實(shí)例61 層的定位技巧 109
小結(jié) 110
習(xí)題六 111
一、選擇題 111
二、填空題 111
三、上機(jī)題 111
第7章 框架 112
實(shí)例62 創(chuàng)建框架和框架集 112
實(shí)例63 編輯框架 113
實(shí)例64 控制具有鏈接的框架內(nèi)容 114
實(shí)例65 處理不能顯示框架的瀏覽器 116
實(shí)例66 設(shè)置主框架標(biāo)題 117
實(shí)例67 制作自由調(diào)整的無滾動條頁面 118
實(shí)例68 網(wǎng)頁中的嵌入式框架iframe 120
實(shí)例69 保護(hù)自己的頁面不被別人放在框架中 123
小結(jié) 123
習(xí)題七 123
一、選擇題 123
二、填空題 124
三、上機(jī)題 124
第8章 行為 125
8.1 行為介紹 125
實(shí)例70 顯示/隱藏圖層 125
實(shí)例71 彈出消息框 127
實(shí)例72 鏈接解釋文字 128
實(shí)例73 自動調(diào)整窗口大小 129
實(shí)例74 檢查瀏覽器 130
實(shí)例75 檢查表單 131
實(shí)例76 彈出式菜單 132
實(shí)例77 網(wǎng)頁中的背景音樂 136
實(shí)例78 網(wǎng)頁中的返回按鈕 137
實(shí)例79 按鈕背景顏色變化 138
實(shí)例80 按鈕背景圖片更換 140
小結(jié) 141
習(xí)題八 142
一、選擇題 142
二、填空題 142
三、上機(jī)題 142
第9章 CSS樣式 143
實(shí)例81 風(fēng)吹效果 143
實(shí)例82 Alpha濾鏡 144
實(shí)例83 淡入淡出效果 145
實(shí)例84 RevealTrans轉(zhuǎn)換濾鏡 146
實(shí)例85 Chroma濾鏡 146
實(shí)例86 DropShadow濾鏡 147
實(shí)例87 FlipH、FlipV濾鏡 148
實(shí)例88 Glow濾鏡 150
實(shí)例89 Gray濾鏡 151
實(shí)例90 Invert濾鏡 151
實(shí)例91 Mask濾鏡 151
實(shí)例92 Wave濾鏡 152
實(shí)例93 Xray濾鏡 153
實(shí)例94 Shadow濾鏡 154
實(shí)例95 動態(tài)Glow濾鏡 155
實(shí)例96 圖片霧化 156
實(shí)例97 顯示和隱藏 156
實(shí)例98 移動特效 157
實(shí)例99 滑動特效 159
實(shí)例100 動態(tài)文字變換 160
小結(jié) 161
習(xí)題九 161
一、選擇題 161
二、填空題 161
三、上機(jī)題 162
第10章 表單 163
10.1 表單介紹 163
10.1.1 表單的作用 163
10.1.2 表單的客戶端角色 163
10.1.3 表單對象 163
實(shí)例101 創(chuàng)建列表菜單 164
實(shí)例102 創(chuàng)建跳轉(zhuǎn)菜單 166
實(shí)例103 創(chuàng)建HTML表單 167
實(shí)例104 信息反饋表單 168
實(shí)例105 新用戶注冊表單 180
小結(jié) 182
習(xí)題十 183
一、選擇題 183
二、填空題 183
三、上機(jī)題 183
第11章 插件和插件管理 184
實(shí)例106 創(chuàng)建一個響應(yīng)鼠標(biāo)事件的
滑動下拉菜單 184
實(shí)例107 制作滾動文字 186
實(shí)例108 插入郵件地址超級鏈接 187
實(shí)例109 生成一個有國家列表的表單 187
實(shí)例110 制作日歷 188
實(shí)例111 自動隨機(jī)更換圖片 189
實(shí)例112 一個超酷的迷你HTML在線
編輯器 189
實(shí)例113 轉(zhuǎn)換所選文本的大小寫 191
實(shí)例114 自定義的鼠標(biāo)右鍵菜單 191
實(shí)例115 根據(jù)分辨率不同重定向到不同的頁面 192
實(shí)例116 為指定的圖片打開自適應(yīng)大小的彈出窗口 192
實(shí)例117 定制IE的滾動條樣式 194
實(shí)例118 類似資源管理器的菜單 195
實(shí)例119 禁止用戶通過右鍵來查看源代碼 197
實(shí)例120 使用文字或者圖片取代submit、reset按鈕 197
小結(jié) 199
習(xí)題十一 199
一、選擇題 199
二、填空題 199
三、上機(jī)題 200
第12章 服務(wù)器行為 201
12.1 關(guān)于自定義服務(wù)器行為 201
12.1.1 創(chuàng)建服務(wù)器行為的步驟 201
12.1.2 服務(wù)器行為中的參數(shù) 201
12.1.3 測試服務(wù)器行為 201
實(shí)例121 安裝第三方服務(wù)器行為 202
實(shí)例122 構(gòu)造用戶登錄服務(wù)器行為 204
實(shí)例123 用Dreamweaver 8打造站內(nèi)搜索 206
小結(jié) 212
習(xí)題十二 213
一、選擇題 213
二、填空題 213
三、上機(jī)題 213
第13章 模板與庫 214
13.1 模板和庫的概念 214
13.1.1 模板 214
13.1.2 庫 214
實(shí)例124 新建空白模板 215
實(shí)例125 從設(shè)計(jì)文件的文檔創(chuàng)建模板 216
實(shí)例126 從資源面板中創(chuàng)建模板 217
實(shí)例127 編輯模板 217
實(shí)例128 創(chuàng)建、選擇、刪除可編輯
區(qū)域 219
實(shí)例129 在編輯區(qū)內(nèi)插入重復(fù)表格 220
實(shí)例130 應(yīng)用模板 221
實(shí)例131 創(chuàng)建庫項(xiàng)目 222
實(shí)例132 編輯庫項(xiàng)目 223
實(shí)例133 應(yīng)用庫元素 224
實(shí)例134 庫創(chuàng)建實(shí)例 225
小結(jié) 226
習(xí)題十三 226
一、選擇題 226
二、填空題 227
三、上機(jī)題 227
第14章 網(wǎng)頁制作技巧及綜合例子 228
實(shí)例135 Dreamweaver 也能做動畫 228
實(shí)例136 Dreamweaver處理Word文檔
有妙招 230
實(shí)例137 投票系統(tǒng) 233
實(shí)例138 制作浮動廣告 236
實(shí)例139 HTML文件HEAD內(nèi)部標(biāo)記
淺析 239
實(shí)例140 給你的網(wǎng)頁蓋個章 240
實(shí)例141 連續(xù)空格 241
實(shí)例142 讓網(wǎng)頁居中 242
實(shí)例143 情人節(jié)打造愛的紀(jì)念頁 243
實(shí)例144 虛擬在線試衣室 247
實(shí)例145 制作會移動的廣告條 248
實(shí)例146 網(wǎng)絡(luò)新聞滾滾而來 250
實(shí)例147 微軟欄目導(dǎo)航的制作 253
實(shí)例148 網(wǎng)頁設(shè)計(jì)批處理揭密 256
小結(jié) 259
習(xí)題十四 259
一、選擇題 259
二、填空題 259
三、上機(jī)題 259
第15章 綜合應(yīng)用實(shí)例 260
實(shí)例149 科技公司網(wǎng)站制作實(shí)例 260
實(shí)例150 新聞發(fā)布系統(tǒng)實(shí)例 270
小結(jié) 295
習(xí)題十五 295
一、選擇題 295
二、填空題 296
三、上機(jī)題 296