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

內(nèi)容概要

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

書籍目錄

01 網(wǎng)頁(yè)制作基礎(chǔ)1
1.1 網(wǎng)頁(yè)概述1
1.1.1 網(wǎng)頁(yè)的類型1
1.1.2 常見網(wǎng)站類型3
1.2 網(wǎng)頁(yè)的基本構(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)頁(yè)9
1.4 網(wǎng)頁(yè)的版式與色彩10
1.4.1 網(wǎng)頁(yè)的版式10
1.4.2 網(wǎng)頁(yè)中的色彩應(yīng)用13
1.5 Dreamweaver CS5.5簡(jiǎn)介14
1.5.1 Dreamweaver CS5.5的新增功能14
1.5.2 安裝Dreamweaver CS5.515
1.5.3 啟動(dòng)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 浮動(dòng)面板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 使用高級(jí)設(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 文件或文件夾的移動(dòng)和復(fù)制33
2.2.7 刪除文件或文件夾34
2.2.8 增強(qiáng)的Subversion 支持34
2.3 實(shí)例精講35
2.4 本章小結(jié)36
03 掌握必要的HTML語(yǔ)言37
3.1 認(rèn)識(shí)HTML37
3.1.1 HTML語(yǔ)言簡(jiǎn)介37
3.1.2 HTML的基本語(yǔ)法結(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簡(jiǎn)介49
3.3.1 HTML 5的語(yǔ)法變化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)頁(yè)屬性61
4.1 設(shè)置頁(yè)面的頭部?jī)?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)頁(yè)基本屬性65
4.2.1 設(shè)置頁(yè)面屬性和外觀（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)頁(yè)中輸入文字69
4.3.1 輸入文字的兩種方法69
4.3.2 輸入文字時(shí)的注意事項(xiàng)70
4.3.3 制作簡(jiǎn)單的文字頁(yè)面70
4.4 插入特殊文本對(duì)象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)于字號(hào)的設(shè)置單位75
4.6 實(shí)例精講76
4.7 本章小結(jié)80
05 網(wǎng)頁(yè)中的圖像應(yīng)用81
5.1 插入圖像81
5.1.1 在網(wǎng)頁(yè)中插入圖像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)頁(yè)鏈接實(shí)戰(zhàn)100
6.3.2 錨點(diǎn)鏈接103
6.4 本章小結(jié)104
07 表格和框架105
7.1 表格的使用方法105
7.1.1 認(rèn)識(shí)表格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 手動(dòng)設(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框架頁(yè)面126
7.6.2 iframe框架頁(yè)面的鏈接128
7.6.3 iframe框架高度自適應(yīng)129
7.7 實(shí)例精講——制作框架頁(yè)面132
7.8 本章小結(jié)138
08 使用CSS美化網(wǎng)頁(yè)139
8.1 認(rèn)識(shí)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控制頁(yè)面152
8.4.2 制作公司網(wǎng)站首頁(yè)161
8.5 本章小結(jié)170
09 使用Div+CSS布局制作網(wǎng)頁(yè)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)勢(shì)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 浮動(dòng)布局設(shè)計(jì)185
9.6 實(shí)例精講186
9.6.1 布局中國(guó)山水網(wǎng)站頁(yè)面186
9.6.2 布局誠(chéng)信銷售網(wǎng)站頁(yè)面191
9.7 本章小結(jié)196
10 模板和庫(kù)的應(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è)應(yīng)用模板206
10.2.1 創(chuàng)建基于模板的頁(yè)面206
10.2.2 刪除頁(yè)面中所使用的模板208
10.2.3 更新模板及基于模板的網(wǎng)頁(yè)208
10.3 使用庫(kù)209
10.3.1 創(chuàng)建庫(kù)項(xiàng)目210
10.3.2 插入庫(kù)項(xiàng)目211
10.3.3 庫(kù)項(xiàng)目的編輯和更新211
10.3.4 庫(kù)項(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)頁(yè)：   插圖：   1.4.2網(wǎng)頁(yè)中的色彩應(yīng)用 色彩是人類視覺最敏感的東西。不同色彩之間的對(duì)比會(huì)有不同的結(jié)果。網(wǎng)頁(yè)的色彩搭配對(duì)于一個(gè)沒有美術(shù)基礎(chǔ)的初學(xué)者來說是個(gè)棘手的問題。那么究竟如何進(jìn)行色彩的搭配，才能讓網(wǎng)頁(yè)顏色既好看又合理呢？下面一起來了解一下色彩的相關(guān)知識(shí)。 色彩體系 計(jì)算機(jī)屏幕的色彩是由RGB（紅、綠、藍(lán)）3種色光合成的，通過這3個(gè)基色就可以調(diào)校出其他顏色。 自然界中的顏色可以分為非彩色和彩色兩大類。非彩色是指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬于彩色。那么。制作網(wǎng)頁(yè)時(shí)用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)表明。彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁(yè)面比黑白頁(yè)面更加吸引人。 色彩的三要素 自然界中的色彩是千差萬別的。人們之所以能對(duì)如此繁多的色彩加以區(qū)分，是因?yàn)槊恳环N顏色都有自己的鮮明特征。任何一種色彩都具有色相、飽和度和明度3個(gè)屬性。 1.色相 色相是指顏色的基本面貌，它是顏色彼此區(qū)分的最基本特征，它表示顏色質(zhì)的區(qū)別。色相表明不同波長(zhǎng)的刺激所引起的不同顏色的心理反應(yīng)，例如紅、橙、黃、綠、青、藍(lán)和紫等，都是不同的色相。色相和色彩的強(qiáng)弱及明暗沒有關(guān)系，只是純粹表示色彩相貌的差異。 2.飽和度 飽和度是指顏色的純潔度。可見光譜的各種單色光是最飽和的彩色。當(dāng)光譜色加入白光成分時(shí)。就變得不飽和。飽和度也被稱為純度。 3.明度 明度是指物體顏色深淺明暗的特征量，表示色彩的強(qiáng)度，即是色光的明暗度。不同的顏色，反射的光量強(qiáng)弱不一，因而會(huì)產(chǎn)生不同程度的明暗效果。色彩對(duì)比兩種以上的色彩。以空間或時(shí)間關(guān)系相比較，能比較出明顯的差別，并產(chǎn)生比較作用，稱為色彩對(duì)比。 色相對(duì)比是指因色相之間的差別而形成的對(duì)比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，以及要表現(xiàn)什么內(nèi)容及效果等。這樣才能增強(qiáng)其表現(xiàn)力。 明度對(duì)比是指因明度之間的差別而形成的對(duì)比。色彩的配置必須有明度對(duì)比，對(duì)比要有強(qiáng)有弱，以增加色彩的層次和節(jié)奏。 純度對(duì)比即灰與鮮艷的對(duì)比。將純度較低的顏色與純度較高的顏色配置在一起，可以達(dá)到“灰”襯“鮮”的效果。 除此之外，在色彩對(duì)比中，面積、形狀和冷暖等的對(duì)比也是至關(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)和是針對(duì)色彩的對(duì)比而言的，沒有對(duì)比也無所謂調(diào)和。兩者既相互排斥又相互依存，相輔相成，相得益彰。 同種色的調(diào)和是指以相同色相、不同明度和純度色彩的調(diào)和。方法為：使之產(chǎn)生循序漸進(jìn)。在明度和純度的變化上形成強(qiáng)弱、高低對(duì)比。以彌補(bǔ)同色調(diào)和的單調(diào)感。

編輯推薦

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

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

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

---