網(wǎng)頁構(gòu)圖與設(shè)計(jì)

第一章　網(wǎng)頁的構(gòu)圖　1                   
 1.1　網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)的異同　1                   
 1.1.1　藝術(shù)效果的傳達(dá)　2                   
 1.1.2　載體的差異　2                   
 1.1.3　功能的異同　3                   
 1.2　網(wǎng)頁設(shè)計(jì)的基本元素　4                   
 1.2.1　頁面標(biāo)題　4                   
 1.2.2　網(wǎng)站標(biāo)識——Logo　5                   
 1.2.3　頁眉　5                   
 1.2.4　頁腳　6                   
 1.2.5　導(dǎo)航　6                   
 1.2.6　主體內(nèi)容　7                   
 1.3　網(wǎng)頁空間與頁面尺寸　8                   
 1.3.1　頁面的安全寬度　9                   
 1.3.2　頁面的最佳長度　10                   
 1.4　網(wǎng)頁中常見的構(gòu)圖布局　12                   
 1.4.1　左右對稱結(jié)構(gòu)布局　12                   
 1.4.2　“同”字型結(jié)構(gòu)布局　13                   
 1.4.3　“回”字型結(jié)構(gòu)布局　14                   
 1.4.4　“匡”字型結(jié)構(gòu)布局　15                   
 1.4.5　自由式結(jié)構(gòu)布局　16                   
 1.4.6　“另類”結(jié)構(gòu)布局　17                   
 1.5　構(gòu)圖前的準(zhǔn)備工作　18                   
 1.5.1　確立網(wǎng)站類型　18                   
 1.5.2　合理規(guī)劃網(wǎng)站目錄　19                   
 1.5.3　選擇網(wǎng)站鏈接結(jié)構(gòu)　20                   
 1.5.4　確立網(wǎng)站CI要素　22                   
 1.5.5　網(wǎng)站特色定位　24                   
 1.6　構(gòu)圖方法與步驟　24                   
 1.6.1　構(gòu)思構(gòu)圖　24                   
 1.6.2　繪制頁面草圖　25                   
 1.6.3　技術(shù)實(shí)現(xiàn)　28                   
                   
 第二章　平面構(gòu)成　29                   
 2.1　平面構(gòu)成概述　29                   
 2.1.1　平面構(gòu)成的概念　29                   
 2.1.2　平面構(gòu)成在網(wǎng)頁設(shè)計(jì)領(lǐng)域中的運(yùn)用　29                   
 2.2　平面構(gòu)成的形態(tài)要素　30                   
 2.2.1　形態(tài)的分類　30                   
 2.2.2　點(diǎn)的構(gòu)成　31                   
 2.2.3　線的構(gòu)成　33                   
 2.2.4　面的構(gòu)成　35                   
 2.3　平面構(gòu)成的形態(tài)變化　37                   
 2.3.1　空間　37                   
 2.3.2　運(yùn)動　38                   
 2.3.3　光　39                   
 2.3.4　變形　40                   
 2.3.5　質(zhì)感　41                   
 2.4　平面構(gòu)成美的外在形式　42                   
 2.4.1　統(tǒng)一與變化　42                   
 2.4.2　對稱與平衡　43                   
 2.4.3　節(jié)奏與韻律　44                   
 2.5　平面構(gòu)成的形式　45                   
 2.5.1　重復(fù)構(gòu)成形式　45                   
 2.5.2　近似構(gòu)成形式　46                   
 2.5.3　漸變構(gòu)成形式　47                   
 2.5.4　變異構(gòu)成形式　49                   
 2.5.5　對比構(gòu)成形式　49                   
 2.5.6　密集構(gòu)成形式　50                   
 2.5.7　分割構(gòu)成形式　51                   
 2.5.8　圖與底構(gòu)成形式　52                   
 2.5.9　反常態(tài)構(gòu)成形式　53                   
 2.5.10　空間構(gòu)成形式　57                   
 2.5.11　肌理構(gòu)成形式　58                   
 2.5.12　視覺感應(yīng)構(gòu)成形式　60                   
                   
 第三章　色彩構(gòu)成　61                   
 3.1　色彩的性質(zhì)　61                   
 3.1.1　光與色彩　61                   
 3.1.2　物體色　62                   
 3.1.3　計(jì)算機(jī)色彩顯示　62                   
 3.2　視覺的生理特性　63                   
 3.2.1　視覺的適應(yīng)　63                   
 3.2.2　色感覺恒常　63                   
 3.2.3　視覺的閾值　64                   
 3.3　色彩的混合　64                   
 3.3.1　原色　64                   
 3.3.2　色彩的正混合　65                   
 3.3.3　色彩的負(fù)混合　66                   
 3.3.4　色彩的中性混合　66                   
 3.4　色彩的三要素與色立體　67                   
 3.4.1　色彩的三要素　67                   
 3.4.2　色立體　69                   
 3.5　色彩與心理　71                   
 3.5.1　色彩的感覺　71                   
 3.5.2　色彩的聯(lián)想與象征　73                   
 3.5.3　各色相的心理分析　74                   
 3.6　色彩對比　77                   
 3.6.1　同時對比　77                   
 3.6.2　連續(xù)對比　78                   
 3.6.3　以對比為主的色彩構(gòu)成法　78                   
 3.7　色彩調(diào)和　81                   
 3.7.1　同一調(diào)和構(gòu)成　82                   
 3.7.2　類似調(diào)和構(gòu)成　83                   
 3.7.3　秩序調(diào)和構(gòu)成　84                   
 3.7.4　色彩的調(diào)和與面積　84                   
 3.7.5　色彩與作品內(nèi)容的統(tǒng)一　85                   
 3.8　網(wǎng)頁色彩技術(shù)　85                   
 3.8.1　安全調(diào)色板　85                   
 3.8.2　HTML語言中的顏色值表示　87                   
 3.9　網(wǎng)頁中色彩的合理配置　87                   
                   
 第四章　字體及版式設(shè)計(jì)　89                   
 4.1　字體　89                   
 4.1.1　平面中的字體設(shè)計(jì)　89                   
 4.1.2　網(wǎng)頁中的字體　94                   
 4.2　字體格式　96                   
 4.2.1　字重　97                   
 4.2.2　字體寬度　98                   
 4.2.3　字形　99                   
 4.3　字體在頁面布局　100                   
 4.3.1　字號和比例　100                   
 4.3.2　方向　101                   
 4.3.3　行間距　102                   
 4.3.4　字符間距與字母間距　103                   
 4.3.5　字體顏色　104                   
 4.3.6　字體組合　105                   
 4.4　Web的排版技術(shù)　107                   
 4.4.1　實(shí)現(xiàn)Web排版　108                   
 4.4.2　字體類型和字體　113                   
 4.4.3　字體格式　117                   
 4.4.4　其它需要考慮的排版問題　121                   
 4.4.5　顏色和字體　125                   
                   
 第五章　網(wǎng)頁動畫　127                   
 5.1　動畫與網(wǎng)頁設(shè)計(jì)　127                   
 5.2　動畫原理分析　129                   
 5.3　GIF動畫　130                   
 5.3.1　動畫素材的準(zhǔn)備　132                   
 5.3.2　動畫制作詳細(xì)過程　136                   
 5.3.3　動畫動作的調(diào)試　140                   
 5.3.4　動畫的后期處理　141                   
 5.4　Flash動畫　143                   
 5.4.1　Flash動畫特點(diǎn)　143                   
 5.4.2　Flash制作過程　144                   
 5.5　Java動畫　152                   
 5.6　其它動畫生成軟件　158                   
 5.7　動畫的壓縮方法與技巧　160                   
                   
 第六章　樣式設(shè)計(jì)　161                   
 6.1　網(wǎng)頁構(gòu)圖與樣式設(shè)計(jì)　161                   
 6.2　CSS樣式定義的便捷性　163                   
 6.3　樣式與HTML結(jié)合方式　165                   
 6.3.1　在文檔中定義　165                   
 6.3.2　在行內(nèi)定義CSS　166                   
 6.3.3　CLASS和ID　167                   
 6.3.4　用CSS文件進(jìn)行廣域定義　169                   
 6.4　樣式的組合與繼承　173                   
 6.4.1　組合　173                   
 6.4.2　繼承　176                   
 6.5　CSS屬性　178                   
 6.5.1　顏色和背景屬性　178                   
 6.5.2　字體屬性　184                   
 6.5.3　文本屬性　194                   
 6.5.4　margin　208                   
 6.5.5　padding　212                   
 6.5.6　border　213                   
 6.5.7　float　214                   
 6.5.8　鼠標(biāo)的屬性　217                   
 6.6　樣式的單位　219                   
 6.6.1　定義長度　219                   
 6.6.2　百分比單位　221                   
 6.6.3　定義顏色　222                   
 6.6.4　URL單位　225                   
 6.7　提醒鏈接的樣式　226                   
                   
 第七章　動態(tài)網(wǎng)頁　239                   
 7.1　Java Applet技術(shù)　240                   
 7.2　對象技術(shù)　242                   
 7.2.1　OBJECT嵌入對象技術(shù)　243                   
 7.2.2　EMBED嵌入對象技術(shù)　243                   
 7.3　推送與拖曳技術(shù)　244                   
 7.3.1　服務(wù)器推送　244                   
 7.3.2　客戶端拖曳　248                   
 7.4　腳本程序技術(shù)　251                   
 7.5　動態(tài)技術(shù)實(shí)現(xiàn)　254                   
 7.5.1　對象動態(tài)控制技術(shù)　254                   
 7.5.2　鍵盤. 鼠標(biāo)動態(tài)控制技術(shù)　268                   
 7.5.3　字體. 菜單和樹形目錄動態(tài)控制技術(shù)　279                   
 7.5.4　多媒體動態(tài)技術(shù)　305                   
                   
 第八章　圖像處理　315                   
 8.1　圖像壓縮及圖像格式　315                   
 8.1.1　GIF格式　315                   
 8.1.2　JPEG格式　319                   
 8.1.3　PNG格式　321                   
 8.2　網(wǎng)頁中的圖像　323                   
 8.2.1　網(wǎng)頁中的照片類圖像　323                   
 8.2.2　網(wǎng)頁中的繪畫類圖像　325                   
 8.3　圖像采集　327                   
 8.3.1　拍攝圖片　327                   
 8.3.2　軟件繪圖　328                   
 8.3.3　網(wǎng)站下載　332                   
 8.4　圖像加工　333                   
 8.4.1　圖像模式　333                   
 8.4.2　圖像色彩與亮度　335                   
 8.4.3　圖像修改　340                   
 8.4.4　圖像分辨率及尺寸　342                   
 8.5　圖像特效　345                   
 8.5.1　圖層特效　345                   
 8.5.2　內(nèi)置濾鏡　348                   
 8.5.3　外掛濾鏡　350                   
                   
 第九章　網(wǎng)頁設(shè)計(jì)要點(diǎn)及評價　351                   
                   
 9.1　評價標(biāo)準(zhǔn)　351                   
 9.1.1　內(nèi)容　351                   
 9.1.2　結(jié)構(gòu)組織　353                   
 9.1.3　可用性/性能　354                   
 9.1.4　外觀　355                   
 9.1.5　語言　356                   
 9.1.6　其它　357                   
 9.2 優(yōu)秀站點(diǎn)主頁示例分析　357