網(wǎng)頁界面設計

目　錄

第1章　網(wǎng)頁平面構成　1
1.1　平面構成概述　1
1.1.1　平面構成設計的元素　1
1.1.2　平面構成的形式美　2
1.1.3　平面構成的骨骼及基本形式　2
1.2　網(wǎng)頁中的平面構成　4
1.2.1　網(wǎng)頁設計中的平面構成　4
1.2.2　構成設計在網(wǎng)頁設計中的應用　7
1.3　習題　10
第2章　網(wǎng)頁的色彩搭配　11
2.1　色彩構成的原理　11
2.1.1　色彩的形成　11
2.1.2　色彩的對比　12
2.2　網(wǎng)頁配色的原理　12
2.2.1　色彩的基本知識　12
2.2.2　色彩的心理感覺　13
2.2.3　網(wǎng)頁設計中色彩的基本原則　15
2.2.4　色彩均衡　16
2.3　網(wǎng)頁常用配色分析　17
2.3.1　常用的網(wǎng)頁色彩模式　17
2.3.2　網(wǎng)頁色彩搭配的技巧　18
2.3.3　3種以上的色彩搭配　20
2.4　習題　21
第3章　網(wǎng)頁編排設計　22
3.1　字體編排與編排的基本形式　22
3.1.1　網(wǎng)頁文字的形式概述　22
3.1.2　文字的設計要點　22
3.1.3　文字字體與版式設計　23
3.2　網(wǎng)頁設計中的排版布局　31
3.2.1　網(wǎng)頁文字的設計方法　31
3.2.2　網(wǎng)頁按鈕的設計方法　33
3.2.3　網(wǎng)頁版式設計的發(fā)展趨勢　34
3.3　網(wǎng)頁布局的基本結構　35
3.4　網(wǎng)頁中的圖像　38
3.5　習題　39
第4章　Photoshop設計制作網(wǎng)頁圖像　41
4.1　設計制作網(wǎng)站Logo　41
4.1.1　概述　41
4.1.2　制作步驟　42
4.1.3　案例回顧與總結　47
4.2　設計制作網(wǎng)站Banner　48
4.2.1　概述　48
4.2.2　制作步驟　48
4.2.3　案例回顧與總結　53
4.3　設計制作網(wǎng)頁導航欄　53
4.3.1　概述　53
4.3.2　制作步驟　53
4.3.3　案例回顧與總結　59
4.4　設計制作網(wǎng)站首頁版面　59
4.4.1　概述　59
4.4.2　制作步驟　60
4.4.3　案例回顧與總結　67
4.5　習題　67
第5章　Flash網(wǎng)頁動畫設計與制作　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　網(wǎng)頁特殊動畫　79
5.7.1　遮罩動畫實例　79
5.7.2　引導層動畫實例　80
5.7.3　骨骼動畫的創(chuàng)建　81
5.8　Flash基本網(wǎng)頁動畫綜合實例　84
5.9　總結與經(jīng)驗積累　89
5.10　習題　89
第6章　Flash交互式網(wǎng)頁動畫的創(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交互式網(wǎng)頁動畫實例　99
6.5.1　制作Logo及導航按鈕　99
6.5.2　制作主頁　101
6.5.3　制作子頁　102
6.5.4　動畫制作　103
6.5.5　腳本編寫　105
6.6　總結與經(jīng)驗累積　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)網(wǎng)頁的制作　129
7.4.1　文本編輯　129
7.4.2　網(wǎng)頁圖像編輯　136
7.4.3　網(wǎng)頁多媒體元素編輯　141
7.5　習題　145
第8章　Dreamweaver制作網(wǎng)站頁面　146
8.1　創(chuàng)建網(wǎng)站的本地站點　146
8.1.1　建立網(wǎng)站目錄結構的建議　146
8.1.2　創(chuàng)建本地站點　147
8.2　應用表格制作網(wǎng)站主頁面　149
8.2.1　利用表格對頁面進行布局　149
8.2.2　添加各類網(wǎng)頁元素　153
8.3　應用模板技術制作網(wǎng)站子頁面　155
8.3.1　模板的基本知識　155
8.3.2　制作網(wǎng)站子頁面　155
8.4　應用超鏈接建立網(wǎng)站頁面間超鏈接　159
8.4.1　超鏈接的概念和種類　159
8.4.2　建立網(wǎng)站頁面間超鏈接　160
8.5　應用CSS美化網(wǎng)站頁面　161
8.5.1　CSS種類　161
8.5.2　CSS美化網(wǎng)站頁面　162
8.6　利用表單設計用戶注冊頁面　164
8.7　習題　168
第9章　綜合案例　169
9.1　使用Photoshop設計頁面　169
9.1.1　設計首頁　169
9.1.2　設計內(nèi)頁　171
9.2　使用Dreamweaver排版網(wǎng)頁　173
9.3　使用Flash設計網(wǎng)頁動畫　174
9.3.1　首頁動畫的制作　174
9.3.2　網(wǎng)頁頁面動畫的制作　181
9.4　總結與經(jīng)驗累積　186
9.5　習題　187