內 容 簡 介
本書主要介紹了Dreamweaver CS5網頁製作相關知識及網頁製作技能,內容涵蓋Dreamweaver CS5基礎知識、使用層疊樣式表、處理文本、處理圖像、處理導航、創建互動式頁面、創建頁面布局、處理表單、使用Flash、提高工作效率、把創建的頁面發布到Web上等內容,以及Dreamweaver CS5中的最新功能。本書知識全面、內容淺顯易懂、概念和功能介紹清晰,巧妙地通過入門、進階和提高三個模組化內容,逐步引導讀者深入學習;並通過豐富、精彩、實用的案例,向讀者展示了使用Dreamweaver CS5進行網頁製作的神奇能力。
本書內容實用,案例效果精美,不但適合Dreamweaver網頁製作初學者學習,有一定經驗的讀者從中也可以學到大量高級功能。本書同樣適合作為高等院校、大專院校、成人教育等相關專業的教材或參考書。
前 言
每位讀者都希望找到適合自己閱讀的圖書,通過學習掌握軟體功能,提高實戰套用水平。
本著一切從讀者需要出發的理念,我們精心編寫了《入門·進階·提高》叢書,通過“學習基
礎知識”、“精講典型實例”和“自己動手練”這三個過程,讓讀者循序漸進地掌握各軟體的
功能和使用技巧。
本套叢書的結構特點
《入門·進階·提高》系列叢書立意新穎、構意獨特,通過通俗易懂的語言和豐富實用的
案例,向讀者介紹各軟體的使用方法與技巧。本系列叢書在編寫時,絕大部分章節按照“入門”、“進階”、“提高”和“答疑與技巧”的結構來組織、安排學習內容。
入門——基本概念與基本操作
快速了解軟體的基礎知識。這部分內容對軟體的基本知識、概念、工具或行業知識進行了介紹與講解,使讀者可以很快地熟悉並能掌握軟體的基本操作。
進階——典型實例
通過學習實例達到深入了解各軟體功能的目的。本部分精心安排了一個或幾個典型實例,詳細剖析實例的製作方法,帶領讀者一步一步進行操作,通過學習實例引導讀者在短時間內提高對軟體的駕馭能力。
提高——自己動手練
通過自己動手的方式達到提高的目的。精心安排的動手實例,給出了實例效果與製作步驟提示,讓讀者自己動手練習,以進一步提高軟體的套用水平,鞏固所學知識。
答疑與技巧
選擇了讀者經常遇到的各種疑問進行講解,不僅能夠幫助解決學習過程中的疑難問題,及時鞏固所學的知識,還可以使讀者掌握相關的操作技巧。
本套叢書的內容特點
作為一套定位於“入門”、“進階”和“提高”的叢書,它的最大特點就是結構合理、實
例豐富,有助於讀者快速入門,提高在實際工作中的套用能力。
結構合理、步驟詳盡
本套叢書採用入門、進階、提高的結構模式,由淺入深地介紹了軟體的基本概念與基本操作,詳細剖析了實例的製作方法和設計思路,幫助讀者快速提高對軟體的操作能力。
快速入門、重在提高
每章先對軟體的基本概念和基本操作進行講解,並滲透相關的設計理念,使讀者可以快速入門。接下來安排的典型實例,可以在鞏固所學知識的同時,提高讀者的軟體操作能力。
圖解為主、效果精美
圖書的關鍵步驟均給出了清晰的圖片,對於很多效果圖還給出了相關的說明文字,細微之處彰顯精彩。每一個實例都包含了作者多年的實踐經驗,只要動手進行練習,很快就能掌握相關軟體的操作方法和技巧。
舉一反三、輕鬆掌握
本書中的實例都是在大量工作實踐中挑選的,均具有一定的代表性,讀者在按照實例進行操作時,不僅能輕鬆掌握操作方法,還可以做到舉一反三,在實際工作和生活中實現套用。
本書的主要內容
第1章:網站建設的基礎知識,包括實際製作前對頁面布局的分析、表格排版概述、表格排
版核心技術、Web標準化布局概述、什麼是Web標準、Web標準化布局的核心技術的概述。
第2章:站點的創建與管理。
第3章:頁面的總體設定。
第4章:文本頁的創建及如何將文本進行簡化。
第5章:頁面中圖像的處理方法。
第6章:多媒體頁面的製作,其中包括插入SWF動畫、插入Java Applet、插入Shockwave動
畫、插入ActiveX控制項、插入外掛程式的方法。
第7章:如何使用表格布局頁面。
第8章:表單的使用。
第9章:如何使用CSS來美化網頁。
第10章:使用DIV元素製作高級頁面。
第11章:站點的維護與上傳。
第12章:數字引擎頁面的製作。
第13章:銀行網站的製作案例。
本書的作者
最後,感謝參與本書編寫工作的孫立新;安博教育集團的劉濤、王春燕;北京印刷學院的王斐老師以及其他參與本書編寫的人員:周勇、汪金海、吳天豪、馬寶林、孫麗娜、宋美麗、張崴娜、鐘鐳、徐錫花、劉冰亮、李文惠、鄒婷。由於作者水平有限,書中疏漏和不足之處在所難免,懇請廣大讀者及專家不吝賜教。最後,感謝經典論壇和站酷網的眾多網友,如果沒有你們的熱情參與,就沒有這本書的誕生!
目 錄
第1章 網頁製作基礎 ................................................................................................................. 1
1.1 入門——基本概念與基本操作 ............................................................................................. 2
1.1.1 Dreamweaver CS5概述 .............................................................................................. 2
1.1.2 Dreamweaver CS5的新功能 ...................................................................................... 2
1.1.3 Dreamweaver CS5的操作環境 ................................................................................. 10
1.2 進階——認識網頁排版大師Dreamweaver CS5 ................................................................... 11
1.2.1 實際製作前對頁面布局的分析 .................................................................................. 12
1.2.2 表格排版概述 ........................................................................................................... 13
1.2.3 表格排版的核心技術................................................................................................. 14
1.3 提高——網頁設計擴展知識............................................................................................... 16
1.3.1 常見的網頁腳本語言................................................................................................. 16
1.3.2 Web標準化布局概述 ................................................................................................ 21
第2章 站點的創建與管理........................................................................................................ 26
2.1 入門——基本概念與基本操作 ........................................................................................... 27
2.1.1 站點的規劃和定義 .................................................................................................... 27
2.1.2 站點的其他操作 ........................................................................................................ 29
2.1.3 管理本地站點 ........................................................................................................... 31
2.2 進階——創建本地站點和站點結構 .................................................................................... 32
2.3 提高——設定頁面屬性 ...................................................................................................... 36
2.4 答疑與技巧 .......................................................................................................................... 39
第3章 頁面的總體設定............................................................................................................ 40
3.1 入門——基本概念與基本操作 ............................................................................................ 41
3.1.1 設定頭信息 ............................................................................................................... 41
3.1.2 設定頁面屬性 ........................................................................................................... 49
3.2 進階——設定頁面META信息 ............................................................................................. 53
3.3 提高——為頁面設定排版的圖像參考 ................................................................................ 55
3.4 答疑與技巧 ......................................................................................................................... 57
第4章 創建簡潔的文本頁面..................................................................................................... 58
4.1 入門——基本概念與基本操作 ............................................................................................ 59
4.1.1 插入文本 ................................................................................................................... 59
4.1.2 文字的其他設定 ........................................................................................................ 60
4.1.3 插入水平線 ............................................................................................................... 64
4.1.4 插入時間 ................................................................................................................... 65
4.2 進階——經典案例 .............................................................................................................. 66
4.2.1 製作頁面的滾動文字與列表效果 .............................................................................. 66
4.2.2 巧妙使用上下標 ........................................................................................................ 67
4.2.3 製作三維效果文字 .................................................................................................... 70
4.3 提高——更改頁面文字樣式................................................................................................ 73
4.4 答疑與技巧 .......................................................................................................................... 75
第5章 使用圖像豐富頁面內容................................................................................................. 76
5.1 入門——基本概念與基本操作 ............................................................................................ 77
5.1.1 插入圖像 ................................................................................................................... 77
5.1.2 設定圖像屬性 ........................................................................................................... 77
5.1.3 插入滑鼠經過圖像 .................................................................................................... 78
5.1.4 插入圖像占位符 ........................................................................................................ 79
5.1.5 圖像的相對路徑與絕對路徑 ...................................................................................... 80
5.2 進階——在頁面中插入圖像................................................................................................ 81
5.3 提高——自己動手練 ............................................................................................................ 83
5.3.1 在頁面中製作圖文混排效果並修剪圖像 .................................................................... 83
5.3.2 在頁面中製作動態輪換圖像效果 .............................................................................. 85
5.4 答疑與技巧 ......................................................................................................................... 87
第6章 製作多媒體頁面............................................................................................................ 88
6.1 入門——基本概念與基本操作 ............................................................................................ 89
6.1.1 插入SWF動畫 ........................................................................................................... 89
6.1.2 插入Java Applet ....................................................................................................... 91
6.1.3 插入Shockwave動畫 ................................................................................................ 93
6.1.4 插入ActiveX控制項 ...................................................................................................... 94
6.1.5 插入外掛程式 ................................................................................................................... 95
6.2 進階——典型案例 ............................................................................................................... 97
6.2.1 插入SWF檔案 ........................................................................................................... 97
6.2.2 插入音頻及視頻動畫............................................................................................... 100
6.3 提高——在頁面中製作Java Applet特效 .......................................................................... 102
6.4 答疑與技巧 ........................................................................................................................ 104
第7章 用表格布局頁面.......................................................................................................... 105
7.1 入門——基本概念與基本操作 .......................................................................................... 106
7.1.1 表格的創建 ............................................................................................................. 106
7.1.2 HTML實現的表格代碼 ............................................................................................ 106
7.1.3 表格的調整 ............................................................................................................. 107
7.1.4 設定表格和單元格屬性 ........................................................................................... 107
7.2 進階——在頁面中製作嵌套表格 ..................................................................................... 109
7.3 提高——在頁面中使用表格進行排版 .............................................................................. 111
7.4 答疑與技巧 ........................................................................................................................ 115
第8章 插入表單..................................................................................................................... 116
8.1 入門——基本概念與基本操作 ......................................................................................... 117
8.1.1 插入表單域 ............................................................................................................. 118
8.1.2 插入文本域 ............................................................................................................. 119
8.1.3 插入隱藏域 ............................................................................................................. 120
8.1.4 插入按鈕 ................................................................................................................. 121
8.1.5 插入圖像域 ............................................................................................................. 121
8.1.6 插入檔案域 ............................................................................................................. 122
8.1.7 插入單選按鈕 ......................................................................................................... 122
8.1.8 插入複選框 ............................................................................................................. 124
8.1.9 插入列表和選單 ...................................................................................................... 125
8.2 進階——在頁面中製作表單.............................................................................................. 127
8.3 提高——自己動手練 ........................................................................................................ 135
8.3.1 在頁面中插入節省空間的跳轉選單 ......................................................................... 135
8.3.2 在頁面中驗證表單的有效性 .................................................................................... 137
8.4 答疑與技巧 ....................................................................................................................... 139
第9章 使用CSS美化網頁...................................................................................................... 140
9.1 入門——基本概念與基本操作 .......................................................................................... 141
9.1.1 什麼是CSS ............................................................................................................. 141
9.1.2 使用CSS美化頁面的基本方法 ................................................................................ 144
9.2 進階——在頁面中創建並套用外部樣式表 ...................................................................... 145
9.3 提高——使用CSS美化頁面 .............................................................................................. 148
9.4 答疑與技巧 ....................................................................................................................... 153
第10章 使用Div元素製作高級頁面........................................................................................ 154
10.1 入門——基本概念與基本操作 ........................................................................................ 155
10.1.1 使用AP Div基礎 .................................................................................................... 155
10.1.2 使用Spry Div構件 ................................................................................................. 157
10.2 進階——典型案例 .......................................................................................................... 160
10.2.1 在頁面中利用AP Div製作內嵌效果 ....................................................................... 160
10.2.2 在頁面中製作Spry選單和提升 .............................................................................. 162
10.3 提高——布局頁面 ........................................................................................................... 164
10.4 答疑與技巧 ...................................................................................................................... 177
第11章 綜合實例1:製作數字引擎頁面................................................................................ 178
11.1 案例分析 .......................................................................................................................... 179
11.2 最終效果 .......................................................................................................................... 179
11.3 製作思路 .......................................................................................................................... 179
11.4 操作步驟 .......................................................................................................................... 180
11.4.1 創建Web站點 ....................................................................................................... 180
11.4.2 製作首頁頁面切片 ................................................................................................ 180
11.4.3 製作網頁中的樣式表............................................................................................. 181
11.4.4 製作首頁 ............................................................................................................... 182
11.4.5 製作內容頁面 ....................................................................................................... 188
11.5 答疑與技巧 ..................................................................................................................... 191
第12章 綜合實例2:WordPress風格網站設計...................................................................... 192
12.1 案例分析 .......................................................................................................................... 193
12.2 最終效果 .......................................................................................................................... 193
12.3 製作思路 .......................................................................................................................... 194
12.4 操作步驟 .......................................................................................................................... 194
12.4.1 網頁效果圖設計 .................................................................................................... 194
12.4.2 切片、最佳化和導出 ................................................................................................ 206
12.4.3 布局首頁面 ........................................................................................................... 209
12.4.4 製作頁眉區域 ....................................................................................................... 213
12.4.5 製作通欄區域 ....................................................................................................... 215
12.4.6 製作左側內容區域 ................................................................................................ 217
12.4.7 製作右側內容區域 ................................................................................................ 219
12.4.8 製作頁腳區域 ....................................................................................................... 219
12.4.9 製作內容頁面 ....................................................................................................... 220
第13章 綜合實例3:銀行網站製作....................................................................................... 224
13.1 案例分析 .......................................................................................................................... 225
13.2 最終效果 .......................................................................................................................... 225
13.3 製作思路 .......................................................................................................................... 226
13.4 操作步驟 .......................................................................................................................... 226
13.4.1 創建Web站點 ....................................................................................................... 226
13.4.2 製作切片 ............................................................................................................... 226
13.4.3 添加CSS樣式表 .................................................................................................... 228
13.4.4 製作網站的內容頁面............................................................................................. 230
13.4.5 添加JavaScript特效 .............................................................................................. 244
13.4.6 製作新聞頁面 ....................................................................................................... 245
13.5 答疑與技巧 ...................................................................................................................... 249
附錄A 站點的維護與上傳...................................................................................................... 250
A.1 發布網站 ............................................................................................................................ 250
A.1.1 上傳檔案 ................................................................................................................ 250
A.1.2 下載檔案 ................................................................................................................ 251
A.1.3 同步檔案 ................................................................................................................ 251
A.2 測試網站 ............................................................................................................................ 252
A.2.1 檢查目標瀏覽器 ..................................................................................................... 252
A.2.2 檢查連結 ................................................................................................................ 253
A.2.3 創建站點報告 ......................................................................................................... 253
A.3 使用設計備註 .................................................................................................................... 254
A.4 使用遮蓋 ............................................................................................................................ 256
A.5 取出和存回 ........................................................................................................................ 256
附錄B (X)HTML語法參考手冊............................................................................................... 258
B.1 (X)HTML檔案的基本結構 ................................................................................................... 258
B.2 (X)HTML頭部標籤 .............................................................................................................. 258
B.2.1 標題標籤<title> ...................................................................................................... 259
B.2.2 基底網址標籤<base> ............................................................................................ 259
B.2.3 元信息標籤<meta> ................................................................................................ 259
B.3 (X)HTML主體標籤 .............................................................................................................. 262
B.3.1 文字顏色屬性text ................................................................................................... 263
B.3.2 背景顏色屬性bgcolor ............................................................................................. 263
B.3.3 背景圖像屬性background ..................................................................................... 263
B.3.4 背景圖像固定屬性bgproperties ............................................................................. 263
B.3.5 連結文字顏色屬性link、alink、vlink ....................................................................... 264
B.3.6 上邊距屬性topmargin ............................................................................................ 264
B.3.7 左邊距屬性leftmargin ............................................................................................. 264
B.4 文字與段落標籤 ................................................................................................................ 264
B.4.1 輸入空格符號 ......................................................................................................... 264
B.4.2 輸入特殊符號 ......................................................................................................... 265
B.4.3 注釋語句<comment>、<!-- --> ........................................................................ 265
B.4.4 標題字標籤 ............................................................................................................. 265
B.4.5 文字的修飾標籤 ..................................................................................................... 266
B.4.6 字型標籤 ................................................................................................................ 269
B.4.7 段落標籤 ................................................................................................................ 269
B.4.8 水平線標籤<hr> ..................................................................................................... 271
B.5 列表的標籤 ........................................................................................................................ 271
B.5.1 有序列表 ................................................................................................................ 272
B.5.2 無序列表 ................................................................................................................ 273
B.6 超連結標籤 ........................................................................................................................ 274
B.7 圖片標籤 ............................................................................................................................ 275
B.7.1 插入圖片標籤<img> .............................................................................................. 275
B.7.2 圖像的源檔案屬性src ............................................................................................. 276
B.7.3 圖像的提示文字屬性alt .......................................................................................... 276
B.7.4 圖像的寬度高度屬性width、height ........................................................................ 276
B.7.5 圖像的框線屬性border ........................................................................................... 276
B.7.6 圖像的垂直間距屬性vspace .................................................................................. 277
B.7.7 圖像的水平間距屬性hspace .................................................................................. 277
B.7.8 圖像的排列屬性align .............................................................................................. 277
B.8 表格相關標籤 .................................................................................................................... 278
B.8.1 表格的基本語法 ..................................................................................................... 278
B.8.2 表格的標題與表頭 .................................................................................................. 279
B.8.3 <tr><td><th>屬性 ................................................................................................. 280
B.9 表單標籤 ............................................................................................................................ 281
B.9.1 輸入標籤<input> ................................................................................................... 282
B.9.2 選單和列表標籤<select>、<option> ..................................................................... 285
B.9.3 文字域標籤<textarea> ........................................................................................... 285
B.10 框架標籤 .......................................................................................................................... 286
B.10.1 框架集標籤<frameset> ........................................................................................ 286
B.10.2 框架標籤<frame> ................................................................................................ 287
B.10.3 不支持框架標籤<noframes> ................................................................................ 288
B.10.4 浮動框架<iframe> ............................................................................................... 289
B.11 其他標籤 .......................................................................................................................... 289
B.11.1 滾動文字 .............................................................................................................. 289
B.11.2 多媒體信息 ........................................................................................................... 290
附錄C CSS語法參考手冊...................................................................................................... 291
C.1 字型屬性 ............................................................................................................................ 291
C.1.1 字型家族 ................................................................................................................ 291
C.1.2 字型大小 ................................................................................................................ 291
C.1.3 字型風格 ................................................................................................................ 292
C.1.4 字型加粗 ................................................................................................................ 292
C.2 文本屬性 ............................................................................................................................ 292
C.2.1 字母間隔 ................................................................................................................ 293
C.2.2 文字修飾 ................................................................................................................ 293
C.2.3 文本排列 ................................................................................................................ 293
C.2.4 文本縮進 ................................................................................................................ 293
C.2.5 行間距 .................................................................................................................... 293
C.3 顏色和背景屬性 ................................................................................................................ 293
C.3.1 顏色 ....................................................................................................................... 294
C.3.2 背景顏色 ................................................................................................................ 294
C.3.3 背景圖像 ................................................................................................................ 294
C.3.4 背景圖像重複 ......................................................................................................... 294
C.3.5 背景圖像位置 ......................................................................................................... 294
C.4 框線屬性 ............................................................................................................................ 295
C.5 滑鼠游標屬性 .................................................................................................................... 295
C.6 定位屬性 ............................................................................................................................ 296
C.7 區塊屬性 ............................................................................................................................ 297
C.8 列表屬性 ............................................................................................................................ 297
C.9 濾鏡屬性 ............................................................................................................................ 298
C.10 尺寸屬性 .......................................................................................................................... 298
C.11 表格屬性 .......................................................................................................................... 299
C.12 滾動條屬性(IE專有屬性) ............................................................................................. 299
C.13 偽類屬性 .......................................................................................................................... 300
C.14 單位 ................................................................................................................. 300