網頁界面設計

目　錄

第1章　網頁平面構成　1
1.1　平面構成概述　1
1.1.1　平面構成設計的元素　1
1.1.2　平面構成的形式美　2
1.1.3　平面構成的骨骼及基本形式　2
1.2　網頁中的平面構成　4
1.2.1　網頁設計中的平面構成　4
1.2.2　構成設計在網頁設計中的應用　7
1.3　習題　10
第2章　網頁的色彩搭配　11
2.1　色彩構成的原理　11
2.1.1　色彩的形成　11
2.1.2　色彩的對比　12
2.2　網頁配色的原理　12
2.2.1　色彩的基本知識　12
2.2.2　色彩的心理感覺　13
2.2.3　網頁設計中色彩的基本原則　15
2.2.4　色彩均衡　16
2.3　網頁常用配色分析　17
2.3.1　常用的網頁色彩模式　17
2.3.2　網頁色彩搭配的技巧　18
2.3.3　3種以上的色彩搭配　20
2.4　習題　21
第3章　網頁編排設計　22
3.1　字體編排與編排的基本形式　22
3.1.1　網頁文字的形式概述　22
3.1.2　文字的設計要點　22
3.1.3　文字字體與版式設計　23
3.2　網頁設計中的排版布局　31
3.2.1　網頁文字的設計方法　31
3.2.2　網頁按鈕的設計方法　33
3.2.3　網頁版式設計的發(fā)展趨勢　34
3.3　網頁布局的基本結構　35
3.4　網頁中的圖像　38
3.5　習題　39
第4章　Photoshop設計制作網頁圖像　41
4.1　設計制作網站Logo　41
4.1.1　概述　41
4.1.2　制作步驟　42
4.1.3　案例回顧與總結　47
4.2　設計制作網站Banner　48
4.2.1　概述　48
4.2.2　制作步驟　48
4.2.3　案例回顧與總結　53
4.3　設計制作網頁導航欄　53
4.3.1　概述　53
4.3.2　制作步驟　53
4.3.3　案例回顧與總結　59
4.4　設計制作網站首頁版面　59
4.4.1　概述　59
4.4.2　制作步驟　60
4.4.3　案例回顧與總結　67
4.5　習題　67
第5章　Flash網頁動畫設計與制作　70
5.1　Flash基本操作　70
5.1.1　創(chuàng)建Flash文檔　71
5.1.2　打開Flash文檔　71
5.1.3　保存Flash文檔　71
5.1.4　繪圖工具的使用　72
5.2　Flash時間軸及幀操作　73
5.2.1　時間軸　73
5.2.2　幀和關鍵幀　74
5.2.3　圖層　74
5.3　Flash元件和實例　74
5.3.1　元件和實例　74
5.3.2　元件類型　74
5.3.3　元件的創(chuàng)建　74
5.4　Flash文件的發(fā)布和播放　75
5.4.1　Flash文件的發(fā)布設置　75
5.4.2　Flash動畫文件的播放　75
5.5　逐幀動畫　76
5.5.1　逐幀動畫的概念　76
5.5.2　逐幀動畫制作實例——花開動畫　76
5.6　補間動畫　77
5.6.1　補間動畫的種類　77
5.6.2　補間動畫的制作實例——水滴動畫　77
5.7　網頁特殊動畫　79
5.7.1　遮罩動畫實例　79
5.7.2　引導層動畫實例　80
5.7.3　骨骼動畫的創(chuàng)建　81
5.8　Flash基本網頁動畫綜合實例　84
5.9　總結與經驗積累　89
5.10　習題　89
第6章　Flash交互式網頁動畫的創(chuàng)作　92
6.1　ActionScript腳本語言　92
6.1.1　腳本語言屬性設置　92
6.1.2　動作面板　93
6.1.3　影片瀏覽器面板　93
6.2　按鈕腳本動畫制作　94
6.2.1　按鈕元件　94
6.2.2　利用按鈕庫編輯按鈕動畫　94
6.2.3　自定義按鈕動畫實例　95
6.3　幀腳本動畫制作　96
6.3.1　幀動作　96
6.3.2　幀腳本動畫實例　96
6.4　影片剪輯腳本動畫制作　97
6.4.1　影片剪輯腳本動畫　97
6.4.2　影片剪輯腳本實例　97
6.5　Flash交互式網頁動畫實例　99
6.5.1　制作Logo及導航按鈕　99
6.5.2　制作主頁　101
6.5.3　制作子頁　102
6.5.4　動畫制作　103
6.5.5　腳本編寫　105
6.6　總結與經驗累積　114
6.7　習題　114
第7章　Dreamweaver靜態(tài)基本頁面的制作　117
7.1　Dreamweaver基本概念　117
7.2　Dreamweaver基本工作環(huán)境　118
7.2.1　工作環(huán)境　118
7.2.2　工具欄　119
7.2.3　“屬性”面板　120
7.2.4　面板組　121
7.3　Dreamweaver基本操作　122
7.3.1　站點的基本操作　122
7.3.2　文件的命名和管理　124
7.3.3　HTML基本概念　124
7.4　Dreamweaver靜態(tài)網頁的制作　129
7.4.1　文本編輯　129
7.4.2　網頁圖像編輯　136
7.4.3　網頁多媒體元素編輯　141
7.5　習題　145
第8章　Dreamweaver制作網站頁面　146
8.1　創(chuàng)建網站的本地站點　146
8.1.1　建立網站目錄結構的建議　146
8.1.2　創(chuàng)建本地站點　147
8.2　應用表格制作網站主頁面　149
8.2.1　利用表格對頁面進行布局　149
8.2.2　添加各類網頁元素　153
8.3　應用模板技術制作網站子頁面　155
8.3.1　模板的基本知識　155
8.3.2　制作網站子頁面　155
8.4　應用超鏈接建立網站頁面間超鏈接　159
8.4.1　超鏈接的概念和種類　159
8.4.2　建立網站頁面間超鏈接　160
8.5　應用CSS美化網站頁面　161
8.5.1　CSS種類　161
8.5.2　CSS美化網站頁面　162
8.6　利用表單設計用戶注冊頁面　164
8.7　習題　168
第9章　綜合案例　169
9.1　使用Photoshop設計頁面　169
9.1.1　設計首頁　169
9.1.2　設計內頁　171
9.2　使用Dreamweaver排版網頁　173
9.3　使用Flash設計網頁動畫　174
9.3.1　首頁動畫的制作　174
9.3.2　網頁頁面動畫的制作　181
9.4　總結與經驗累積　186
9.5　習題　187