Dreamweaver CS5.5網(wǎng)頁動畫設(shè)計(jì)與經(jīng)典范例

內(nèi)容概要

本書從最基礎(chǔ)的網(wǎng)頁制作開始講起，深入淺出地講解了網(wǎng)站建設(shè)與網(wǎng)頁制作的方法和技巧，全書共分為19章，主要包括網(wǎng)頁制作基礎(chǔ)、站點(diǎn)的建立和管理、掌握必要的HTML語言、設(shè)置網(wǎng)頁屬性、網(wǎng)頁中的圖像應(yīng)用、超鏈接的使用、表格和框架、使用CSS
美化網(wǎng)頁、使用Div+ CSS 布局制作網(wǎng)頁、模板和庫的應(yīng)用、表單的應(yīng)用、創(chuàng)建多媒體網(wǎng)頁、使用Spry
框架技術(shù)、使用行為創(chuàng)建動態(tài)效果，以及網(wǎng)站的上傳與維護(hù)等內(nèi)容，并通過了制作留言板系統(tǒng)介紹了動態(tài)網(wǎng)頁的特點(diǎn)。

書籍目錄

01 網(wǎng)頁制作基礎(chǔ)1
1.1 網(wǎng)頁概述1
1.1.1 網(wǎng)頁的類型1
1.1.2 常見網(wǎng)站類型3
1.2 網(wǎng)頁的基本構(gòu)成元素5
1.3 網(wǎng)站制作流程8
1.3.1 網(wǎng)站策劃8
1.3.2 準(zhǔn)備工作9
1.3.3 制作及上傳網(wǎng)頁9
1.4 網(wǎng)頁的版式與色彩10
1.4.1 網(wǎng)頁的版式10
1.4.2 網(wǎng)頁中的色彩應(yīng)用13
1.5 Dreamweaver CS5.5簡介14
1.5.1 Dreamweaver CS5.5的新增功能14
1.5.2 安裝Dreamweaver CS5.515
1.5.3 啟動Dreamweaver CS5.516
1.6 Dreamweaver CS5.5操作界面17
1.6.1 菜單欄17
1.6.2 文檔工具欄17
1.6.3 狀態(tài)欄18
1.6.4 “屬性”面板19
1.6.5 浮動面板19
1.7 使用輔助工具20
1.7.1 標(biāo)尺20
1.7.2 輔助線20
1.7.3 網(wǎng)格22
1.7.4 跟蹤圖像23
1.8 本章小結(jié)24
02 站點(diǎn)的建立和管理25
2.1 建立站點(diǎn)25
2.1.1 方便快捷地建立站點(diǎn)25
2.1.2 使用高級設(shè)置搭建站點(diǎn)27
2.2 站點(diǎn)的管理30
2.2.1 編輯站點(diǎn)30
2.2.2 刪除站點(diǎn)31
2.2.3 復(fù)制站點(diǎn)31
2.2.4 導(dǎo)出和導(dǎo)入站點(diǎn)32
2.2.5 新建文件和文件夾33
2.2.6 文件或文件夾的移動和復(fù)制33
2.2.7 刪除文件或文件夾34
2.2.8 增強(qiáng)的Subversion 支持34
2.3 實(shí)例精講35
2.4 本章小結(jié)36
03 掌握必要的HTML語言37
3.1 認(rèn)識HTML37
3.1.1 HTML語言簡介37
3.1.2 HTML的基本語法結(jié)構(gòu)38
3.2 HTML的基本標(biāo)記39
3.2.1 文本標(biāo)記39
3.2.2 段落標(biāo)記39
3.2.3 文本格式標(biāo)記40
3.2.4 圖像標(biāo)記41
3.2.5 超鏈接標(biāo)記42
3.2.6 列表標(biāo)記43
3.2.7 表格標(biāo)記45
3.2.8 表單標(biāo)記46
3.3 HTML 5簡介49
3.3.1 HTML 5的語法變化49
3.3.2 HTML 5中的標(biāo)記方法49
3.3.3 HTML 5中新增加的元素50
3.3.4 HTML 5中新增加的屬性元素53
3.4 在Dreamweaver CS5.5中編寫HTML55
3.4.1 代碼視圖詳解55
3.4.2 使用快速標(biāo)簽編輯器57
3.5 優(yōu)化代碼58
3.5.1 優(yōu)化HTML代碼58
3.5.2 清理Word生成的HTML代碼59
3.6 本章小結(jié)60
04 設(shè)置網(wǎng)頁屬性61
4.1 設(shè)置頁面的頭部內(nèi)容61
4.1.1 設(shè)置標(biāo)題61
4.1.2 設(shè)置Meta62
4.1.3 插入關(guān)鍵字62
4.1.4 插入說明63
4.1.5 插入刷新63
4.1.6 設(shè)置基礎(chǔ)64
4.1.7 設(shè)置鏈接65
4.2 設(shè)置網(wǎng)頁基本屬性65
4.2.1 設(shè)置頁面屬性和外觀（CSS）65
4.2.2 設(shè)置外觀（HTML）66
4.2.3 設(shè)置鏈接（CSS）67
4.2.4 設(shè)置標(biāo)題（CSS）67
4.2.5 設(shè)置標(biāo)題/編碼68
4.2.6 設(shè)置跟蹤圖像68
4.3 在網(wǎng)頁中輸入文字69
4.3.1 輸入文字的兩種方法69
4.3.2 輸入文字時(shí)的注意事項(xiàng)70
4.3.3 制作簡單的文字頁面70
4.4 插入特殊文本對象71
4.4.1 插入特殊字符71
4.4.2 插入時(shí)間72
4.4.3 插入水平線72
4.4.4 插入列表73
4.4.5 插入注釋74
4.5 設(shè)置文字屬性74
4.5.1 設(shè)置文字的基本屬性74
4.5.2 添加新字體75
4.5.3 關(guān)于字號的設(shè)置單位75
4.6 實(shí)例精講76
4.7 本章小結(jié)80
05 網(wǎng)頁中的圖像應(yīng)用81
5.1 插入圖像81
5.1.1 在網(wǎng)頁中插入圖像81
5.1.2 設(shè)置圖像屬性83
5.2 插入其他圖像元素84
5.2.1 插入圖像占位符84
5.2.2 插入鼠標(biāo)經(jīng)過圖像85
5.2.3 插入Fireworks HTML86
5.3 實(shí)例精講87
5.4 本章小結(jié)92
06 超鏈接的使用93
6.1 超鏈接概述93
6.1.1 超鏈接的概念93
6.1.2 內(nèi)部鏈接和外部鏈接93
6.2 創(chuàng)建超鏈接94
6.2.1 創(chuàng)建文本鏈接94
6.2.2 創(chuàng)建圖像鏈接96
6.2.3 創(chuàng)建空鏈接96
6.2.4 創(chuàng)建文件下載鏈接97
6.2.5 創(chuàng)建E-mail鏈接98
6.2.6 創(chuàng)建腳本鏈接99
6.2.7 圖像映射99
6.3 實(shí)例精講100
6.3.1 網(wǎng)頁鏈接實(shí)戰(zhàn)100
6.3.2 錨點(diǎn)鏈接103
6.4 本章小結(jié)104
07 表格和框架105
7.1 表格的使用方法105
7.1.1 認(rèn)識表格105
7.1.2 插入表格106
7.1.3 選擇表格和單元格106
7.1.4 調(diào)整表格結(jié)構(gòu)110
7.2 設(shè)置表格和單元格屬性114
7.2.1 設(shè)置表格屬性114
7.2.2 設(shè)置單元格屬性114
7.3 表格數(shù)據(jù)的處理115
7.3.1 排序表格115
7.3.2 導(dǎo)入和導(dǎo)出表格式數(shù)據(jù)116
7.4 框架介紹118
7.4.1 框架的組成118
7.4.2 框架結(jié)構(gòu)的優(yōu)缺點(diǎn)118
7.5 創(chuàng)建框架和框架集119
7.5.1 插入預(yù)定義框架集119
7.5.2 手動設(shè)計(jì)框架集120
7.5.3 保存框架122
7.5.4 設(shè)置框架屬性123
7.5.5 設(shè)置無框架內(nèi)容124
7.5.6 為框架設(shè)置鏈接125
7.6 iframe框架126
7.6.1 制作iframe框架頁面126
7.6.2 iframe框架頁面的鏈接128
7.6.3 iframe框架高度自適應(yīng)129
7.7 實(shí)例精講——制作框架頁面132
7.8 本章小結(jié)138
08 使用CSS美化網(wǎng)頁139
8.1 認(rèn)識CSS樣式表139
8.1.1 什么是CSS139
8.1.2 CSS的優(yōu)越性140
8.1.3 CSS樣式的類型140
8.1.4 CSS樣式的基本寫法141
8.2 創(chuàng)建與編輯CSS樣式142
8.2.1 建立標(biāo)簽樣式142
8.2.2 建立類樣式143
8.2.3 建立ID樣式143
8.2.4 建立復(fù)合內(nèi)容樣式144
8.2.5 鏈接外部樣式表144
8.2.6 編輯樣式145
8.3 豐富的CSS樣式設(shè)置147
8.3.1 設(shè)置類型樣式147
8.3.2 設(shè)置背景樣式147
8.3.3 設(shè)置區(qū)塊樣式148
8.3.4 設(shè)置方框樣式149
8.3.5 設(shè)置邊框樣式150
8.3.6 設(shè)置列表樣式150
8.3.7 設(shè)置定位樣式151
8.3.8 設(shè)置擴(kuò)展樣式152
8.4 實(shí)例精講152
8.4.1 使用CSS控制頁面152
8.4.2 制作公司網(wǎng)站首頁161
8.5 本章小結(jié)170
09 使用Div+CSS布局制作網(wǎng)頁171
9.1 Web 標(biāo)準(zhǔn)的歷史與發(fā)展171
9.1.1 什么是Web標(biāo)準(zhǔn)171
9.1.2 Web表現(xiàn)層技術(shù)171
9.1.3 Web標(biāo)準(zhǔn)的歷史172
9.2 Web標(biāo)準(zhǔn)的構(gòu)成172
9.2.1 內(nèi)容172
9.2.2 結(jié)構(gòu)173
9.2.3 表現(xiàn)174
9.2.4 行為174
9.3 表格布局與CSS布局的區(qū)別175
9.3.1 CSS的優(yōu)勢175
9.3.2 表格布局176
9.3.3 使用CSS布局179
9.4 盒模型181
9.4.1 盒模型的概念181
9.4.2 margin182
9.4.3 padding182
9.4.4 border183
9.5 CSS布局方式183
9.5.1 居中布局設(shè)計(jì)183
9.5.2 浮動布局設(shè)計(jì)185
9.6 實(shí)例精講186
9.6.1 布局中國山水網(wǎng)站頁面186
9.6.2 布局誠信銷售網(wǎng)站頁面191
9.7 本章小結(jié)196
10 模板和庫的應(yīng)用197
10.1 使用模板197
10.1.1 模板的特點(diǎn)197
10.1.2 創(chuàng)建模板198
10.1.3 創(chuàng)建可編輯區(qū)域200
10.1.4 插入可選區(qū)域202
10.1.5 創(chuàng)建重復(fù)區(qū)域203
10.1.6 定義可編輯標(biāo)簽屬性206
10.2 為網(wǎng)頁應(yīng)用模板206
10.2.1 創(chuàng)建基于模板的頁面206
10.2.2 刪除頁面中所使用的模板208
10.2.3 更新模板及基于模板的網(wǎng)頁208
10.3 使用庫209
10.3.1 創(chuàng)建庫項(xiàng)目210
10.3.2 插入庫項(xiàng)目211
10.3.3 庫項(xiàng)目的編輯和更新211
10.3.4 庫項(xiàng)目屬性212
10.4 實(shí)例精講212
10.5 本章小結(jié)216
11 表單的應(yīng)用217
11.1 表單概述217
11.1.1 表單的概念217
11.1.2

章節(jié)摘錄

版權(quán)頁：   插圖：   1.4.2網(wǎng)頁中的色彩應(yīng)用 色彩是人類視覺最敏感的東西。不同色彩之間的對比會有不同的結(jié)果。網(wǎng)頁的色彩搭配對于一個(gè)沒有美術(shù)基礎(chǔ)的初學(xué)者來說是個(gè)棘手的問題。那么究竟如何進(jìn)行色彩的搭配，才能讓網(wǎng)頁顏色既好看又合理呢？下面一起來了解一下色彩的相關(guān)知識。 色彩體系 計(jì)算機(jī)屏幕的色彩是由RGB（紅、綠、藍(lán)）3種色光合成的，通過這3個(gè)基色就可以調(diào)校出其他顏色。 自然界中的顏色可以分為非彩色和彩色兩大類。非彩色是指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。那么。制作網(wǎng)頁時(shí)用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)表明。彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面比黑白頁面更加吸引人。 色彩的三要素 自然界中的色彩是千差萬別的。人們之所以能對如此繁多的色彩加以區(qū)分，是因?yàn)槊恳环N顏色都有自己的鮮明特征。任何一種色彩都具有色相、飽和度和明度3個(gè)屬性。 1.色相 色相是指顏色的基本面貌，它是顏色彼此區(qū)分的最基本特征，它表示顏色質(zhì)的區(qū)別。色相表明不同波長的刺激所引起的不同顏色的心理反應(yīng)，例如紅、橙、黃、綠、青、藍(lán)和紫等，都是不同的色相。色相和色彩的強(qiáng)弱及明暗沒有關(guān)系，只是純粹表示色彩相貌的差異。 2.飽和度 飽和度是指顏色的純潔度?？梢姽庾V的各種單色光是最飽和的彩色。當(dāng)光譜色加入白光成分時(shí)。就變得不飽和。飽和度也被稱為純度。 3.明度 明度是指物體顏色深淺明暗的特征量，表示色彩的強(qiáng)度，即是色光的明暗度。不同的顏色，反射的光量強(qiáng)弱不一，因而會產(chǎn)生不同程度的明暗效果。色彩對比兩種以上的色彩。以空間或時(shí)間關(guān)系相比較，能比較出明顯的差別，并產(chǎn)生比較作用，稱為色彩對比。 色相對比是指因色相之間的差別而形成的對比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，以及要表現(xiàn)什么內(nèi)容及效果等。這樣才能增強(qiáng)其表現(xiàn)力。 明度對比是指因明度之間的差別而形成的對比。色彩的配置必須有明度對比，對比要有強(qiáng)有弱，以增加色彩的層次和節(jié)奏。 純度對比即灰與鮮艷的對比。將純度較低的顏色與純度較高的顏色配置在一起，可以達(dá)到“灰”襯“鮮”的效果。 除此之外，在色彩對比中，面積、形狀和冷暖等的對比也是至關(guān)重要的。色彩調(diào)和將兩種或兩種以上的色彩進(jìn)行合理搭配，產(chǎn)生統(tǒng)一和諧的效果，稱為色彩調(diào)和。色彩調(diào)和一般有以下兩層含義。 （1）色彩調(diào)和是配色美的一種形態(tài)，能使人產(chǎn)生愉悅、舒適的感覺。 （2）色彩調(diào)和是配色美的一種手段。色彩的調(diào)和是針對色彩的對比而言的，沒有對比也無所謂調(diào)和。兩者既相互排斥又相互依存，相輔相成，相得益彰。 同種色的調(diào)和是指以相同色相、不同明度和純度色彩的調(diào)和。方法為：使之產(chǎn)生循序漸進(jìn)。在明度和純度的變化上形成強(qiáng)弱、高低對比。以彌補(bǔ)同色調(diào)和的單調(diào)感。

編輯推薦

《網(wǎng)頁設(shè)計(jì)師案頭書:Dreamweaver CS5.5網(wǎng)頁動畫設(shè)計(jì)與經(jīng)典范例》結(jié)構(gòu)清晰合理，內(nèi)容豐富實(shí)用，非常適合廣大網(wǎng)頁愛好者特別是網(wǎng)頁設(shè)計(jì)初學(xué)者閱讀，《網(wǎng)頁設(shè)計(jì)師案頭書:Dreamweaver CS5.5網(wǎng)頁動畫設(shè)計(jì)與經(jīng)典范例》既可以作為有志于從事網(wǎng)頁設(shè)計(jì)工作的朋友的自學(xué)用書，同時(shí)也可以作為各大中專院校的教材使用，是一本不可多得的入門級學(xué)習(xí)和參考用書。

圖書封面

評論、評分、閱讀與下載

---

    Dreamweaver CS5.5網(wǎng)頁動畫設(shè)計(jì)與經(jīng)典范例 PDF格式下載

---