Dreamweaver CS6網頁設計入門、進階與提高

圖書著作權·

入門·進階·提高
書名：Dreamweaver CS6網頁設計入門、進階與提高
作者：達內數字藝術學院 韓少雲 主編 李翊 劉濤 編
ISBN ：978-7-121-22167-5
出版時間：2014年1月出版
定價：49.80元
頁數：312頁
開本：16開

目錄

第1章　網頁製作基礎.......................... 1
1.1　入門——基本概念與基本操作 ............................ 2
1.1.1 Dreamweaver CS6概述 ........................... 2
1.1.2 Dreamweaver CS6特色功能 .................. 2
1.1.3 Dreamweaver CS6的操作環境 .................. 10
1.2　進階——認識網頁排版大師 Dreamweaver CS6............. 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：帆布鞋網站設計製作..................... 192
12.1　思路分析 .......................... 193
12.1.1頁面布局形式 ....................................... 193
12.1.2添加文字和圖像 ..................................... 195
12.2　實現步驟 ....................... 199
12.2.1製作效果圖 ................................................ 199
12.2.2切片、最佳化和導出 .................................. 202
12.2.3布局頁面 ...................................................... 205
第13章　綜合實例3：網頁頑主工作室網站設計.................. 215
13.1　思路分析 .............................. 216
13.1.1頁面布局形式 .................................. 216
13.1.2頁眉的設計 ...................................... 218
13.1.3通欄的設計 ...................................... 220
13.1.4內容區域的設計 .................................... 220
13.1.5頁腳的設計 ............................................221
13.1.6字型的選擇 ....................................... 222
13.2　實現步驟 ............................... 223
13.2.1製作結構底圖 ........................................223
13.2.2頁眉設計 ..................................... 226
13.2.3通欄設計 ......................................... 226
13.2.4製作內容區域 .................................... 229
13.2.5製作頁腳 ........................................ 229
13.2.6切片、最佳化和導出 ............................... 232
13.2.7布局頁面 ........................................... 234
附錄A....站點的維護與上傳................................... 248
A.1　發布網站 .................................................... 248
A.1.1上傳檔案 .......................................... 248
A.1.2下載檔案 .......................................... 249
A.1.3同步檔案 ........................................ 249
A.2　測試網站 .................................................... 250
A.2.1檢查目標瀏覽器 .................................. 250
A.2.2檢查連結 ................................................. 251
A.2.3創建站點報告 ....................................... 251
A.3　使用設計備註 ................................................ 252
A.4　使用遮蓋 .................................................... 254
A.5　取出和存回 ................................................... 254
附錄B....(X)HTML語法參考手冊. ............................ 256
B.1　(X)HTML檔案的基本結構 ............................... 256
B.2　(X)HTML頭部標籤 ..............................................256
B.2.1標題標籤 <title>.................................... 257
B.2.2基底網址標籤 <base>........................... 257
B.2.3元信息標籤 <meta>............................ 257
B.3　(X)HTML主體標籤 ............................................. 260
B.3.1文字顏色屬性 text................................ 261
B.3.2背景顏色屬性 bgcolor ............................ 261
B.3.3背景圖像屬性 background ........................... 261
B.3.4背景圖像固定屬性 bgproperties................... 261
B.3.5連結文字顏色屬性 link、alink、vlink .........262
B.3.6上邊距屬性 topmargin............................ 262
B.3.7左邊距屬性 leftmargin .......................... 262
B.4　文字與段落標籤 .............................................. 262
B.4.1輸入空格符號 ...................................... 262
B.4.2輸入特殊符號 .................................... 263
B.4.3注釋語句 <comment>、<!----> ...... 263
B.4.4標題字標籤 ..................................... 263
B.4.5文字的修飾標籤 ................................. 264
B.4.6字型標籤 ........................................... 267
B.4.7段落標籤 ...........................................267
B.4.8水平線標籤 <hr> ................................. 269
B.5　列表的標籤 .................................................... 269
B.5.1有序列表 ......................................... 270
B.5.2無序列表 ............................................... 271
B.6　超連結標籤 ...................................................... 272
B.7　圖片標籤 ....................................... 273
B.7.1插入圖片標籤 <img>.......................... 273
B.7.2圖像的源檔案屬性 src ............................... 274
B.7.3圖像的提示文字屬性 alt ........................ 274
B.7.4圖像的寬度高度屬性 width、height....................274
B.7.5圖像的框線屬性 border ........................... 274
B.7.6圖像的垂直間距屬性 vspace...................... 275
B.7.7圖像的水平間距屬性 hspace................ 275
B.7.8圖像的排列屬性 align ......................... 275
B.8　表格相關標籤 ................................................ 276
B.8.1表格的基本語法 ................................. 276
B.8.2表格的標題與表頭 ............................... 277
B.8.3 <tr><td><th>屬性 ............................... 278
B.9　表單標籤 ................................ 279
B.9.1輸入標籤 <input> .................................280
B.9.2選單和列表標籤 <select>、<option> ................ 283
B.9.3文字域標籤 <textarea>............................ 283
B.10　框架標籤 ......................................... 284
B.10.1框架集標籤 <frameset>................................ 284
B.10.2框架標籤 <frame>...................................... 285
B.10.3不支持框架標籤 <noframes> .................... 286
B.10.4浮動框架 <iframe> ................................... 287
B.11　其他標籤 .............................................. 287
B.11.1滾動文字 ................................................. 287
B.11.2多媒體信息 ......................................... 288
附錄C....CSS語法參考手冊. ............................. 289
C.1　字型屬性 .............................................. 289
C.1.1字型家族 ................................................. 289
C.1.2字型大小 ................................................ 289
C.1.3字型風格 ......................................... 290
C.1.4字型加粗 ......................................... 290
C.2　文本屬性 ...................................................... 290
C.2.1字母間隔 ......................................... 291
C.2.2文字修飾 ........................................ 291
C.2.3文本排列 ........................................ 291
C.2.4文本縮進 ........................................ 291
C.2.5行間距 ............................................... 291
C.3　顏色和背景屬性 ......................................... 291
C.3.1顏色 ................................................ 292
C.3.2背景顏色 ............................................... 292
C.3.3背景圖像 .......................................292
C.3.4背景圖像重複 .................................. 292
C.3.5背景圖像位置 ................................... 292
C.4　框線屬性 .....................................................293
C.5　滑鼠游標屬性 ................................................... 293
C.6　定位屬性 ...................................................... 294
C.7　區塊屬性 .......................................................295
C.8　列表屬性 ........................................................ 295
C.9　濾鏡屬性 ..................................................... 296
C.10　尺寸屬性 ....................................................296
C.11　表格屬性 .................................................... 297
C.12　滾動條屬性（ IE專有屬性） ........................... 297
C.13　偽類屬性 ......................................... 298
C.14　單位 ............................................ 298

前言

每位讀者都希望找到適合自己閱讀的圖書，通過學習掌握軟體功能，提高實戰套用水平。本著一切從讀者需要出發的理念，我們精心編寫了“入門·進階·提高”叢書，通過“學習基礎知識”、“精講典型實例”和“自己動手練”這三個過程，讓讀者循序漸進地掌握各軟體的功能和使用技巧。
本套叢書的結構特點
“入門·進階·提高”系列叢書立意新穎、構意獨特，通過通俗易懂的語言和豐富實用的案例，向讀者介紹各軟體的使用方法與技巧。本系列叢書在編寫時，絕大部分章節按照“入門”、“進階”、“提高”和“答疑與技巧”的結構來組織、安排學習內容。
入門——基本概念與基本操作
快速了解軟體的基礎知識。這部分內容對軟體的基本知識、概念、工具或行業知識進行了介紹與講解，使讀者可以很快地熟悉並能掌握軟體的基本操作。
進階——典型實例
通過學習實例達到深入了解各軟體功能的目的。本部分精心安排了一個或幾個典型實例，詳細剖析實例的製作方法，帶領讀者一步一步進行操作，通過學習實例引導讀者在短時間內提高對軟體的駕馭能力。
提高——自己動手練
通過自己動手的方式達到提高的目的。精心安排的動手實例，給出了實例效果與製作步驟提示，讓讀者自己動手練習，以進一步提高軟體的套用水平，鞏固所學知識。
答疑與技巧
選擇了讀者經常遇到的各種疑問進行講解，不僅能夠幫助解決學習過程中的疑難問題，及時鞏固所學的知識，還可以使讀者掌握相關的操作技巧。
本套叢書的內容特點
作為一套定位於“入門”、“進階”和“提高”的叢書，它的最大特點就是結構合理、實例豐富，有助於讀者快速入門，提高在實際工作中的套用能力。
結構合理、步驟詳盡
本套叢書採用入門、進階、提高的結構模式，由淺入深地介紹了軟體的基本概念與基本操作，詳細剖析了實例的製作方法和設計思路，幫助讀者快速提高對軟體的操作能力。
快速入門、重在提高
每章先對軟體的基本概念和基本操作進行講解，並滲透相關的設計理念，使讀者可以快速入門。接下來安排的典型實例，可以在鞏固所學知識的同時，提高讀者的軟體操作能力。
圖解為主、效果精美
圖書的關鍵步驟均給出了清晰的圖片，對於很多效果圖還給出了相關的說明文字，細微
之處彰顯精彩。每一個實例都包含了作者多年的實踐經驗，只要動手進行練習，很快就能掌握相關軟體的操作方法和技巧。
舉一反三、輕鬆掌握
本書中的實例都是在大量工作實踐中挑選的，均具有一定的代表性，讀者在按照實例進行操作時，不僅能輕鬆掌握操作方法，還可以做到舉一反三。
第1章：介紹網站建設的基礎知識，包括實際製作前對頁面布局的分析、表格排版概述、表格排版核心技術、WEB標準化布局概述、什麼是WEB標準、WEB標準化布局的核心技術的概述。
第2章：介紹站點的創建與管理。第3章：介紹頁面的總體設定。第4章：介紹了文本頁的創建及如何對文本進行簡化。第5章：介紹了頁面中圖像的處理方法。第6章：介紹了多媒體頁面的製作，其中包括插入SWF動畫、插入Java Applet、插入
Shockwave動畫、插入ActiveX控制項、插入外掛程式的方法。第7章：介紹了如何使用表格布局頁面。第8章：介紹了表單的使用。第9章：介紹了如何使用CSS來美化網頁。第10章：介紹了使用Div元素製作高級頁面。第11章：介紹了製作數字引擎頁面。第12章：介紹了帆布鞋網站的製作。第13章：介紹了網頁頑主工作室網站的製作。
本書的作者
感謝電子工業出版社的策劃編輯牛勇以及其他參與本書出版過程的工作人員！因為你們的熱心幫助，使得這本書從寫成到出版一氣呵成！感謝經典論壇和站酷網的各位
網友，如果沒有你們的熱情參與，就沒有這本書的面世！感謝達內IT培訓集團CEO韓少雲及集團教研部副總裁李翊的關心與支持！本書由韓少雲主編，李翊、劉濤編著，參加圖書編寫工作的還有：鍾鐳、孫麗娜、張崴娜、楊月娥、姜建棟、李文惠、柯昌淼、孫超、周幸福、柳東、潘有全、宋美麗、王斐等。由於作者水平有限，書中疏漏和不足之處在所難免，懇請廣大讀者及專家不吝賜教。