网页视觉设计中的布局研究

摘要

随着互联网的飞速发展及互联网使用人数的急剧上升，人们对网页的要求也在不断地提高，网页不仅要美观大方、不落俗套，而且要方便操作、功能强大。本论文将就网页的布局及方法、网页视觉构成要素及设计原则、Web标准、传统的表格布局及DIV+CSS布局等方面进行分析与研究，从而寻找网页布局、视觉构成要素设计等方面所遵循的一些准则，给今后人们在进行网页设计时以一定参考的同时，探究网页布局的新技术，使网页的布局简单、方便、易于操作、增加代码的可读性和可改性，降低程序代码的冗余性，提高网页制作人员的工作效率。

关键词： 网页布局，视觉要素，Web标准，DIV+CSS布局

目录

摘要 I

ABSTRACT II

第一章 绪论 1

1.1 课题的提出 1

1.2 课题的背景及研究现状 1

1.3 课题的主要内容 2

1.4 课题的目的与意义 2

第二章 网页布局 4

2.1 网页布局的含义 4

2.2 网页布局的类型 4

2.3 网页布局的方法 6

第三章 网页视觉构成要素及设计原则 7

3.1 网页视觉构成的要素 7

3.1.1 图像 7

3.1.2 文字 9

3.1.3 色彩 10

3.1.4 导航 11

3.1.5 版面编排 12

3.2 网页视觉构成要素的设计原则 15

3.2.1 根据网站主题内容确定风格和形式 15

3.2.2 合理使用标准色彩来体现网站特色 15

3.2.3 合理建设网站的目录结构 15

3.2.4 网站导航设计要清晰 15

3.2.5 控制页面设计的大小 16

3.2.6 善用图像及适当变化网页中的字体 16

3.2.7 考虑浏览器的兼容性 16

3.2.8 完善测试网站 16

3.2.9 及时更新网页 16

第四章 Web标准及网站布局技术 18

4.1 什么是Web标准 18

4.1.1 结构标准语言 18

4.1.2 表现标准语言 18

4.1.3 行为标准 18

4.2 为什么要使用Web标准 19

4.3 网站布局技术及案例分析 19

4.3.1 传统方式: 基于表格的方式 20

4.3.2 网站标准方式 20

第五章 总结 21

致谢 22

参考文献 23

附录1 25

附录2 34