网页界面设计

目　录

第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　网页版式设计的发展趋势　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　创建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　元件的创建　74
5.4　Flash文件的发布和播放　75
5.4.1　Flash文件的发布设置　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　骨骼动画的创建　81
5.8　Flash基本网页动画综合实例　84
5.9　总结与经验积累　89
5.10　习题　89
第6章　Flash交互式网页动画的创作　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静态基本页面的制作　117
7.1　Dreamweaver基本概念　117
7.2　Dreamweaver基本工作环境　118
7.2.1　工作环境　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静态网页的制作　129
7.4.1　文本编辑　129
7.4.2　网页图像编辑　136
7.4.3　网页多媒体元素编辑　141
7.5　习题　145
第8章　Dreamweaver制作网站页面　146
8.1　创建网站的本地站点　146
8.1.1　建立网站目录结构的建议　146
8.1.2　创建本地站点　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