網頁構圖與設計

第一章　網頁的構圖　1                   
 1.1　網頁設計與平面設計的異同　1                   
 1.1.1　藝術效果的傳達　2                   
 1.1.2　載體的差異　2                   
 1.1.3　功能的異同　3                   
 1.2　網頁設計的基本元素　4                   
 1.2.1　頁面標題　4                   
 1.2.2　網站標識——Logo　5                   
 1.2.3　頁眉　5                   
 1.2.4　頁腳　6                   
 1.2.5　導航　6                   
 1.2.6　主體內容　7                   
 1.3　網頁空間與頁面尺寸　8                   
 1.3.1　頁面的安全寬度　9                   
 1.3.2　頁面的最佳長度　10                   
 1.4　網頁中常見的構圖布局　12                   
 1.4.1　左右對稱結構布局　12                   
 1.4.2　“同”字型結構布局　13                   
 1.4.3　“回”字型結構布局　14                   
 1.4.4　“匡”字型結構布局　15                   
 1.4.5　自由式結構布局　16                   
 1.4.6　“另類”結構布局　17                   
 1.5　構圖前的準備工作　18                   
 1.5.1　確立網站類型　18                   
 1.5.2　合理規(guī)劃網站目錄　19                   
 1.5.3　選擇網站鏈接結構　20                   
 1.5.4　確立網站CI要素　22                   
 1.5.5　網站特色定位　24                   
 1.6　構圖方法與步驟　24                   
 1.6.1　構思構圖　24                   
 1.6.2　繪制頁面草圖　25                   
 1.6.3　技術實現　28                   
                   
 第二章　平面構成　29                   
 2.1　平面構成概述　29                   
 2.1.1　平面構成的概念　29                   
 2.1.2　平面構成在網頁設計領域中的運用　29                   
 2.2　平面構成的形態(tài)要素　30                   
 2.2.1　形態(tài)的分類　30                   
 2.2.2　點的構成　31                   
 2.2.3　線的構成　33                   
 2.2.4　面的構成　35                   
 2.3　平面構成的形態(tài)變化　37                   
 2.3.1　空間　37                   
 2.3.2　運動　38                   
 2.3.3　光　39                   
 2.3.4　變形　40                   
 2.3.5　質感　41                   
 2.4　平面構成美的外在形式　42                   
 2.4.1　統(tǒng)一與變化　42                   
 2.4.2　對稱與平衡　43                   
 2.4.3　節(jié)奏與韻律　44                   
 2.5　平面構成的形式　45                   
 2.5.1　重復構成形式　45                   
 2.5.2　近似構成形式　46                   
 2.5.3　漸變構成形式　47                   
 2.5.4　變異構成形式　49                   
 2.5.5　對比構成形式　49                   
 2.5.6　密集構成形式　50                   
 2.5.7　分割構成形式　51                   
 2.5.8　圖與底構成形式　52                   
 2.5.9　反常態(tài)構成形式　53                   
 2.5.10　空間構成形式　57                   
 2.5.11　肌理構成形式　58                   
 2.5.12　視覺感應構成形式　60                   
                   
 第三章　色彩構成　61                   
 3.1　色彩的性質　61                   
 3.1.1　光與色彩　61                   
 3.1.2　物體色　62                   
 3.1.3　計算機色彩顯示　62                   
 3.2　視覺的生理特性　63                   
 3.2.1　視覺的適應　63                   
 3.2.2　色感覺恒?！?3                   
 3.2.3　視覺的閾值　64                   
 3.3　色彩的混合　64                   
 3.3.1　原色　64                   
 3.3.2　色彩的正混合　65                   
 3.3.3　色彩的負混合　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　以對比為主的色彩構成法　78                   
 3.7　色彩調和　81                   
 3.7.1　同一調和構成　82                   
 3.7.2　類似調和構成　83                   
 3.7.3　秩序調和構成　84                   
 3.7.4　色彩的調和與面積　84                   
 3.7.5　色彩與作品內容的統(tǒng)一　85                   
 3.8　網頁色彩技術　85                   
 3.8.1　安全調色板　85                   
 3.8.2　HTML語言中的顏色值表示　87                   
 3.9　網頁中色彩的合理配置　87                   
                   
 第四章　字體及版式設計　89                   
 4.1　字體　89                   
 4.1.1　平面中的字體設計　89                   
 4.1.2　網頁中的字體　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的排版技術　107                   
 4.4.1　實現Web排版　108                   
 4.4.2　字體類型和字體　113                   
 4.4.3　字體格式　117                   
 4.4.4　其它需要考慮的排版問題　121                   
 4.4.5　顏色和字體　125                   
                   
 第五章　網頁動畫　127                   
 5.1　動畫與網頁設計　127                   
 5.2　動畫原理分析　129                   
 5.3　GIF動畫　130                   
 5.3.1　動畫素材的準備　132                   
 5.3.2　動畫制作詳細過程　136                   
 5.3.3　動畫動作的調試　140                   
 5.3.4　動畫的后期處理　141                   
 5.4　Flash動畫　143                   
 5.4.1　Flash動畫特點　143                   
 5.4.2　Flash制作過程　144                   
 5.5　Java動畫　152                   
 5.6　其它動畫生成軟件　158                   
 5.7　動畫的壓縮方法與技巧　160                   
                   
 第六章　樣式設計　161                   
 6.1　網頁構圖與樣式設計　161                   
 6.2　CSS樣式定義的便捷性　163                   
 6.3　樣式與HTML結合方式　165                   
 6.3.1　在文檔中定義　165                   
 6.3.2　在行內定義CSS　166                   
 6.3.3　CLASS和ID　167                   
 6.3.4　用CSS文件進行廣域定義　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　鼠標的屬性　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)網頁　239                   
 7.1　Java Applet技術　240                   
 7.2　對象技術　242                   
 7.2.1　OBJECT嵌入對象技術　243                   
 7.2.2　EMBED嵌入對象技術　243                   
 7.3　推送與拖曳技術　244                   
 7.3.1　服務器推送　244                   
 7.3.2　客戶端拖曳　248                   
 7.4　腳本程序技術　251                   
 7.5　動態(tài)技術實現　254                   
 7.5.1　對象動態(tài)控制技術　254                   
 7.5.2　鍵盤. 鼠標動態(tài)控制技術　268                   
 7.5.3　字體. 菜單和樹形目錄動態(tài)控制技術　279                   
 7.5.4　多媒體動態(tài)技術　305                   
                   
 第八章　圖像處理　315                   
 8.1　圖像壓縮及圖像格式　315                   
 8.1.1　GIF格式　315                   
 8.1.2　JPEG格式　319                   
 8.1.3　PNG格式　321                   
 8.2　網頁中的圖像　323                   
 8.2.1　網頁中的照片類圖像　323                   
 8.2.2　網頁中的繪畫類圖像　325                   
 8.3　圖像采集　327                   
 8.3.1　拍攝圖片　327                   
 8.3.2　軟件繪圖　328                   
 8.3.3　網站下載　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　內置濾鏡　348                   
 8.5.3　外掛濾鏡　350                   
                   
 第九章　網頁設計要點及評價　351                   
                   
 9.1　評價標準　351                   
 9.1.1　內容　351                   
 9.1.2　結構組織　353                   
 9.1.3　可用性/性能　354                   
 9.1.4　外觀　355                   
 9.1.5　語言　356                   
 9.1.6　其它　357                   
 9.2 優(yōu)秀站點主頁示例分析　357