內容簡介
本書以零基礎講解為宗旨,用實例引導讀者深入學習,深入淺出地講解Dreamweaver CS5網頁製作的各項技術及實戰技能。
本書共分6篇:第1篇【入門篇】主要講解網頁與網站的基礎知識、Dreamweaver CS5軟體的安裝、軟體工作環境、站點的基本操作等;第2篇【靜態網頁篇】主要講解網頁編輯的基本操作、用表格布局網頁、用框架布局網頁、用CSS+Div靈活布局頁面、用AP Div元素布局頁面、使用網頁元素美化網頁等;第3篇【動態網頁篇】主要講解用表單創建互動網頁、用行為豐富頁面、用JavaScript點綴網頁、動態網站開發籌備、實現投票系統的互動效果等;第4篇【網站發布與維護篇】主要講解發布網站、網站的維護與安全等;第5篇【實戰篇】主要講解大型網站的製作方法和流程,包括個人網站、商業網站以及網上商城動態網站的製作等;第6篇【高手秘籍篇】主要講解網頁製作的高級技巧,包括為網站配色、打造全能網站、增加網站的點擊率等。
本書附贈一張DVD多媒體教學光碟,包含20小時與圖書內容同步的視頻教學錄像,並附贈大型ASP網站源碼及運行說明、精彩CSS+Div布局賞析、精彩網站配色方案賞析、JavaScript實例、網頁製作常見問題與解答、顏色代碼查詢表、顏色英文名稱查詢表、Dreamweaver CS5常用快捷鍵、Photoshop實例效果圖庫以及教學用PPT等超值資源,便於讀者擴展學習。
本書不僅適合Dreamweaver CS5網頁製作初、中級讀者學習使用,同時也可作為各類院校相關專業學生和電腦培訓班學員的教材或輔導用書。
目錄
第1篇 入門篇
本篇帶領大家揭開Dreamweaver CS5的神秘面紗,步入精彩的網站製作學習之旅。
第1章 網頁與網站基礎知識 2
本章視頻教學錄像:45分鐘
千里之行,始於足下。本章介紹網頁與網站的基礎知識,為以後的網站開發打下堅實的基礎。
1.1 認識網頁和網站 3
1.2 網頁的相關概念 5
1.3 網頁的HTML構成 7
1.4 HTML常用標記 9
1.5 綜合實戰——製作日程表 19
高手私房菜 22
技巧:保存整站 22
第2章 初識Dreamweaver CS5 24
本章視頻教學錄像:50分鐘
Dreamweaver CS5是當前最為流行的網頁設計工具。掌握並熟練地套用這款軟體,就能在網頁設計中遊刃有餘。
2.1 走進Dreamweaver CS5 25
2.2 Dreamweaver CS5的工作環境 28
2.3 體驗CS5的新增功能 29
2.4 創建站點 34
2.5 管理站點 36
2.6 操作站點檔案及資料夾 38
2.7 綜合實戰1——創建本地站點 40
2.8 綜合實戰2——建立站點檔案和資料夾 41
高手私房菜 42
技巧:定製Dreamweaver的編輯視窗 42
第2篇 靜態網頁篇
閉關修煉完成,接下來開始學習如何製作網頁,我們將引領大家體會網頁製作的精髓和奧妙。
第3章 編輯網頁 45
本章視頻教學錄像:2小時43分鐘
如同書本是由每一頁組成的一樣,網站也是由多個網頁組成的。設計網站的根本就是設計每一個頁面。本章介紹網頁的設計與編輯。
3.1 文檔的基本操作 46
3.2 設定文本屬性 51
3.3 用圖像美化網頁 61
3.4 創建連結 72
3.5 綜合實戰1——製作圖文並茂的網頁 82
3.6 綜合實戰2——製作導航條 83
3.7 綜合實戰3——編織網站連結 84
高手私房菜 85
技巧1:利用不同的解析度查看網頁 85
技巧2:設定外部的圖片編輯器 86
第4章 表格式網頁布局 87
本章視頻教學錄像:1小時17分鐘
使用表格布局網頁,可以使頁面中的內容統一、整齊,呈現出清晰的頁面結構。
4.1 插入表格 88
4.2 添加內容到單元格 89
4.3 設定表格屬性 90
4.4 表格的基本操作 92
4.5 綜合實戰1——利用表格排版頁面 100
4.6 綜合實戰2——創建網頁圓角表格 105
高手私房菜 107
技巧1:使用“擴展表格”模式查看錶格 107
技巧2:設定表格框線和寬度的技巧 107
第5章 利用框架製作獨特網頁 108
本章視頻教學錄像:41分鐘
框架就像柜子中的隔板,可以將網頁分為若干個區域,每個區域分別顯示不同的內容,這樣就大大地豐富了頁面的內涵和形式。
5.1 了解框架結構 109
5.2 創建框架 109
5.3 保存框架和框架集檔案 112
5.4 選擇框架和框架集 114
5.5 設定框架和框架集屬性 115
5.6 綜合實戰1——創建左右結構框架 116
5.7 綜合實戰2——創建浮動框架網頁 118
高手私房菜 119
技巧:單獨查看子框架網頁 119
第6章 創建網頁樣式——CSS 120
本章視頻教學錄像:1小時48分鐘
通過CSS(層疊樣式表),可以非常方便地控制網站內每一個頁面的布局和樣式。
6.1 如何使用CSS 121
6.2 定義CSS樣式的屬性 123
6.3 編輯CSS樣式 132
6.4 CSS過濾器 133
6.5 綜合實戰1——定義網頁樣式和框線 143
6.6 綜合實戰2——網頁中連結樣式的設定 145
高手私房菜 146
技巧1:CSS字型簡寫規則 146
技巧2:定義屬性的默認值 147
第7章 用CSS+Div靈活布局頁面 148
本章視頻教學錄像:45分鐘
使用CSS+Div,可以控制各個頁面元素在頁面中的精確位置。掌握了CSS+Div的使用方法,就如同得到了網頁設計的神奇畫筆,盡情地展現你的美感素養和設計理念吧!
7.1 走進Div 149
7.2 CSS定位與Div布局 150
7.3 CSS+Div布局的常用方法 155
7.4 綜合實戰1——固定寬度且居中的版式 157
7.5 綜合實戰2——左中右版式 163
高手私房菜 166
技巧1:移除超連結的虛線 166
技巧2:將固定寬度的頁面居中 166
第8章 CSS+Div常見用法 167
本章視頻教學錄像:21分鐘
靈活地使用CSS+Div,可以實現多種多樣的網頁風格。本章介紹幾種常用的風格。
8.1 CSS+Div的中國古典風格套用 168
8.2 CSS+Div的歐美風格套用 172
8.3 CSS+Div的日韓風格套用 176
高手私房菜 182
技巧:如何減小CSS體積 182
第9章 使用AP Div元素布局頁面 184
本章視頻教學錄像:1小時4分鐘
進行網頁設計,要求設計者具有靈活的思維和天馬行空的靈感。而藉助於AP Div來布局頁面,可以在網頁中加入富有生機的元素(如浮動的廣告圖片等),從而實現靈動而豐富的頁面效果。
9.1 AP Div基本操作 185
9.2 AP Div參數設定和嵌套AP Div 189
9.3 AP Div與表格的轉換 190
9.4 綜合實戰1——利用AP Div製作下拉選單 192
9.5 綜合實戰2——使用AP Div製作滾動條效果 193
高手私房菜 195
技巧1:巧妙複製文字 195
技巧2:避免大量使用AP Div 195
技巧3:考慮瀏覽器的兼容性 195
第10章 使用網頁元素美化網頁 196
本章視頻教學錄像:47分鐘
可以在網頁中加入Flash動畫、聲音、視頻等,使頁面不再單調。
10.1 插入水平線 197
10.2 插入日期 198
10.3 插入特殊字元 199
10.4 插入Flash對象 199
10.5 插入Shockwave動畫 202
10.6 插入聲音 203
10.7 插入其他多媒體對象 204
10.8 綜合實戰——插入透明Flash背景 205
高手私房菜 206
技巧1:如何查看FLV檔案 206
技巧2:如何正常顯示插入的Active 206
第3篇 動態網頁篇
再漂亮的網站,如果不具有動態互動功能,也會顯得單薄和簡單。而使用動態資料庫網站,就可以實現與用戶的交流互動。
第11章 讓網頁動起來——用表單創建互動網頁 208
本章視頻教學錄像:1小時18分鐘
在某些網站中,需要進行用戶註冊或登錄,這就需要通過表單功能來實現內容的輸入和提交。可以說表單是網站與用戶交流的“橋樑”。
11.1 創建表單域 209
11.2 插入文本域 209
11.3 複選框和單選按鈕 212
11.4 列表和選單 214
11.5 跳轉選單的使用 217
11.6 使用按鈕激活表單 217
11.7 使用隱藏域和檔案域 220
11.8 綜合實戰——製作留言本 221
高手私房菜 224
技巧1:如何保證表單在瀏覽器中正常顯示 224
技巧2:用跳轉選單打開新的視窗 224
第12章 從此告別單調——用行為豐富頁面 225
本章視頻教學錄像:47分鐘
使用行為,製作人員不需要編程就能實現一些程式動作,比如驗證表單和打開瀏覽器視窗等,這樣可以極大地降低網頁製作的難度。
12.1 套用行為 226
12.2 標準事件 227
12.3 標準動作 229
12.4 綜合實戰1——創建跳轉選單 239
12.5 綜合實戰2——拖動AP 元素 240
高手私房菜 241
技巧1:下載並使用更多的行為 241
技巧2:在使用模板創建的網頁中添加行為 242
第13章 錦上添花——用JavaScript點綴網頁 243
本章視頻教學錄像:43分鐘
使用JavaScript,可以在網頁中實現絢麗多彩的效果,如煙花綻放效果、滑鼠指針後面跟隨文字或圖片的效果等。本章介紹JavaScript的語言基礎和使用技巧。
13.1 初識JavaScript 244
13.2 JavaScript語言基礎 245
13.3 Dreamweaver CS5中JavaScript的操作 254
13.4 綜合實戰1——滑鼠文字跟隨 255
13.5 綜合實戰2——單擊煙花效果 258
13.6 綜合實戰3——設為首頁與加入收藏 261
13.7 綜合實戰4——倒計時牌 262
高手私房菜 263
技巧1:如何有效避免大小寫匹配 263
技巧2:如何避免多重條件的層級 263
第14章 動態網站開發籌備 264
本章視頻教學錄像:20分鐘
動態網站=靜態網站+數據互動功能。顧名思義,動態網站可以通過資料庫方便地管理頁面中顯示的數據。本章介紹動態網站開發的基礎知識。
14.1 ASP基礎 265
14.2 配置IIS伺服器 265
14.3 連線資料庫 268
14.4 綜合實戰——留言板網站運行測試 271
高手私房菜 272
技巧1:如何卸載IIS 272
技巧2:設定【Internet選項】 273
第15章 連線資料庫的動態網站——投票系統 274
本章視頻教學錄像:25分鐘
本章通過Dreamweaver的可視化操作,實現投票系統中資料庫的連線和動態頁面代碼的設計。
15.1 構建網站運行環境 275
15.2 系統分析 276
15.3 投票頁面的設計 277
15.4 代碼設計 279
15.5 測試投票系統 283
高手私房菜 283
技巧1:設定測試伺服器 283
技巧2:為網頁加入備註 284
第4篇 網站發布與維護篇
製作網站並不是最終目的,將網站發布到網上供用戶瀏覽和交流才是我們建站的初衷。本篇介紹網站發布與安全維護的方法和技巧。
第16章 讓別人瀏覽我的成果——網站的發布 286
本章視頻教學錄像:25分鐘
在本地製作完成網站之後,即可將網站上傳到遠端伺服器上,供Internet用戶瀏覽。整個過程包括註冊域名、申請空間、測試網站以及上傳網站等幾個環節。
16.1 上傳網站前的準備工作 287
16.2 測試網站 288
16.3 綜合實戰1——使用Dreamweaver上傳網站 291
16.4 綜合實戰2——使用FTP工具上傳網站 292
高手私房菜 293
技巧1:正確上傳檔案 293
技巧2:設定網頁自動關閉 293
第17章 打造堅實的堡壘——網站的維護與安全 294
本章視頻教學錄像:34分鐘
上傳網站後,還需要對網站進行維護和更新,並防止計算機網路中的病毒侵擾到網站,為網站建立安全的運行環境。
17.1 如何維護自己的網站 295
17.2 查看網站瀏覽量 296
17.3 了解攻擊的類型 298
17.4 利用安全資源 301
17.5 使用防火牆 304
17.6 網路安全性的解決方法 308
高手私房菜 309
技巧:如何提高網站的知名度 309
第5篇 實戰篇
脫離了學以致用的目的,僅僅做到紙上談兵是毫無意義的。真正的網站製作者,從來不需要向別人炫耀自己的網頁設計技巧和方法,真要PK,讓我們在網站開發上見真功!
第18章 個人網站開發 311
本章視頻教學錄像:45分鐘
使用已經學到的網站製作知識,我們可以根據自己的需要,在網際網路上安一個家,來彰顯自己的個性。
18.1 網站的前期準備 312
18.2 創建本地站點 313
18.3 製作網站 313
高手私房菜 328
技巧1:如何讓人喜歡自己的網站 328
技巧2:提高網站的創新性 328
第19章 商業網站開發 329
本章視頻教學錄像:59分鐘
一個成功的企業可以藉助網站,將企業信息和產品信息等最快捷地向全世界宣傳、展示,這樣也能給客戶提供極大的便利,幫助他們從公司的網站上獲取最前沿、最直接的第一手資料。
19.1 網站的前期準備工作 330
19.2 創建本地站點 331
19.3 庫網頁的製作 331
19.4 創建模板 339
19.5 利用模板製作網頁 345
高手私房菜 348
技巧1:商業網站規劃常見的問題 348
技巧2:商業網站內容缺乏症的治療 348
第20章 動態網站開發——網上商城 349
本章視頻教學錄像:38分鐘
目前,在淘寶等網站上購物的用戶越來越多,本章就來介紹此類購物網站(網上商城)的開發。
20.1 網站結構設計 350
20.2 資料庫結構設計 351
20.3 會員管理模組 352
20.4 線上購物模組 361
高手私房菜 373
技巧1:引用外部程式實現重複功能 373
技巧2:用Session保存用戶購物信息 374
第6篇 高手秘籍篇
高手是這樣製作網站的。
第21章 打造賞心悅目的網站——色彩的搭配 376
本章視頻教學錄像:42分鐘
網站配色是網站設計中非常重要的環節,套用好色彩這一最直觀的視覺語言,是製作漂亮網站的基本前提。
21.1 善用色彩設計網頁 377
21.2 網頁色彩的搭配 379
21.3 網頁配色精彩賞析 384
21.4 網頁設計的藝術處理原則 385
高手私房菜 387
技巧1:使用色彩吸引人的眼球 387
技巧2:使用非彩色搭配技巧 387
第22章 打造全能網站——添加各種實用工具 388
本章視頻教學錄像:11分鐘
製作好網站後,我們可以在其中添加一些常用的工具,以此來豐富自己網站的功能。
22.1 將百度、Google搜尋添加到網站中 389
22.2 將視頻播放器添加到網站中 389
22.3 加入多信箱登錄功能 390
22.4 添加實用查詢工具 391
高手私房菜 392
技巧1:正確添加視頻播放器 392
技巧2:實現Dreamweaver與IE的結合 392
第23章 增加點擊率——網站最佳化與推廣 394
本章視頻教學錄像:14分鐘
製作並上傳網站之後,還需要對其進行宣傳,提高網站在搜尋引擎中的排名,讓更多的人知道並訪問網站,從而創造經濟收益。
23.1 網站宣傳 395
23.2 SEO搜尋引擎最佳化 397
23.3 如何讓網站賺錢 399
高手私房菜 400
技巧1:網路推廣妙用關鍵字 400
技巧2:影響搜尋引擎的排名因素 400
贈送資源(光碟中)
贈送資源1 大型ASP網站源碼及運行說明
贈送資源2 精彩CSS+Div布局賞析
贈送資源3 精彩網站配色方案賞析
贈送資源4 精選JavaScript實例
贈送資源5 網頁製作常見問題及解答
贈送資源6 Dreamweaver CS5常用快捷鍵
贈送資源7 顏色代碼查詢表
贈送資源8 顏色英文名稱查詢表
贈送資源9 Photoshop實例效果圖庫(21大類500個)