企业网站建设网页的构成要素

发布：2019-03-04 12:08:30 浏览：4493

网页由网址来识别与存取，当访问者在浏览器的地址栏中输入网址后，通过一段复杂而又快速的程序，网页文件会被传送到访问者的计算机内，然后浏览器把这些HTML代码“翻译”成图文并茂的网页。

虽然网页的形式与内容不同，但是组成网页的基本元素是大体相同的，一般包含文本、图像、超链接、动画、音频和视频等内容。

1、文字

文本是网页中最基本的构成元素，目前所有网页中都有它的身影。网页中的信息以文本为主。文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文本虽然不如图像那样能够引起浏览者的注意，但却能准确地表达信息内容和含义。为了丰富文本的表现力，人们可以通过文本的字体、字号、颜色、底纹和边框等来展现信息。

文本在网页中的主要功能是显示信息和超链接。文本通过文字的具体内容与不同格式来显示信息的重要内容，这是文本的直接功能。此外，文本作为一个对象，往往又是超链接的触发体，通过文本表达的链接目标指向相关的内容。只要设计得当，文字也可以充满设计感。

2、图像

当前网页设计领域可谓是色彩横行，图片当道，因此合理使用和处理图片元素也成为了评判网页设计的重要标准。依托先进的图片压缩技术，可以在保证图像丰富的同时，又压缩到了一个合适的体积。图像的功能是提供信息、展示作品、装饰网页、表现风格和超链接。网页中使用的图像主要是GIF、JPEG、PNG等格式。

3、超链接

网页中的链接又可分为文字链接和图像链接，只要访问者用鼠标来单击带有链接的文字或图像，就可自动链接到对应的其他文件中，这样才使网页能够链接成为一个整体，超链接也是整个网络的基础。

4、多媒体

网页界面中的多媒体元素主要包括GIF、音频和视频。这些多媒体元素中的应用能够使网页更时尚、更炫酷，但使用前需要确认用户的宽带是否能够快速下载这样的高数据量。不要单纯地为了炫耀高新技术而降低了用户的体验，这种做法很不明智。

GIF动画

GIF原意是“图像互换格式”，是一种基于LZW算法的连续色调的无损压缩图像格式。它不属于任何应用程序，目前几乎所有相关软件都支持它。在网页中使用动画可以有效地吸引浏览者的注意。由于活动的对象比静止的对象更具有吸引力，因而网页上通常有大量的动画。动画的功能是提供信息、展示作品、装饰网页和动态交互。

HTML5动画

HTML5动画有三种实现方式：一是canvas代码元素结合JavaScript语言，二是纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE），三是CSS3结合Jquery框架实现。

音频

音频是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件和格式，也有不同的方法将这些声音添加到Web页中。在决定被添加声音的格式和方式之前，需要考虑的因素是声音的用途、声音文件的格式、声音文件的大小、声音的品质和浏览器的差别等。不同的浏览器对于声音文件的处理方法是非常不同的，彼此之间很可能不兼容。

用于网络的声音文件格式非常多，常用的是MIDI、WAV、MP3和AIF等。一般来说，不要使用声音文件作为网页的背景音乐，那样会影响网页的下载速度。可以在网页中添加一个链接来打开声音文件作为背景音乐，让播放音乐变得可以控制。

视频

在网页中视频文件格式也非常多，常见的有RealPlayer、MPEG、AVI、DivX和MP4等。视频文件的采用让网页变得非常精彩而且有动感。网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。