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

文档编号:JYX052  文档字数:16178.页数:43

摘要

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

ABSTRACT

 With the rapid development of Internet and increasing number of people use internet, People’s requests on the webpage are constantly improving. The webpage should not only be nice, conform to no conventional pattern, but also be facilitating the operation, be powerful. This paper will analysis and research the webpage with its layout and methods, the visual elements and design principles, web standards, the traditional form layout and DIV+CSS layout and so on, in order to find out those criteria which are followed by a good web page on the aspects of design of layout and visual elements. This paper can give people some references when they are doing some design in the future, at the same time, explores new technology of the web page layout, to make the web page layout simple, convenient, easy to operate, increase the readability and alterability of the code, to reduce the redundancy of code program, to increase efficiency of the persons who are producing the web.
 
Keywords: webpage layout, the visual elements, web standards, DIV+CSS layout.

目录

摘要 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

相关论文