1.1.1  网页

1.1.1 网页

网页和网站是有差别的,例如平常说的搜狐、新浪和网易等都是网站,而新浪上的一则体育新闻就是一个网页。从严格意义上讲,网页是Web站点中使用HTML等标记语言编写而成的单位文档。它是Web中的信息载体。网页由多个元素构成,一个典型的网页由如下几个元素构成。

(1)文本

文本就是文字,是网页中的最重要的信息,在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。在网页概念中的文本是指文字,但不是图片中的文字。在网页制作中,文本可以方便地设置成各种字体、大小和颜色。

(2)图像

图像是页面中最重要的构成部分,图像就是网页中的图,不管是明星图片还是自然风光图片。在网页中只有加入图像后才能使页面达到完美的显示效果,可见图像在网页中的重要性。在网页设计中用到的图片一般为JPG和GIF格式。

(3)超链接

超链接是指从一个网页指向另一个目的端的链接,是从文本、图片、图形或图像映射到全球广域网上的网页或文件的指针。在因特网上,超链接是网页之间和Web站点之中主要的导航方法。由此可见,超链接是一个神奇的功能,移动你的鼠标就可以逛遍全世界。

(4)表格

表格大家都知道,平常生活中经常见到小如值日轮流表,大到国家统计局的统计表。其实表格在网页设计中的作用远不止如此,它是传统网页排版的灵魂,即使CSS标准推出后也能够继续发挥不可限量的作用。通过表格可以精确地控制各网页元素在网页中的位置。

(5)表单

表单的作用很重要,它是用来收集站点访问者信息的域集,是网页中站点服务器处理的一组数据输入域。当访问者单击按钮或图形来提交表单后,数据就会传送到服务器上。它是非常重要的通过网页与服务器之间传递信息的途径,表单网页可以用来收集浏览者的意见和建议,以实现浏览者与站点之间的互动。

(6)Flash动画

Flash一经推出后便迅速成为最重要的Web动画形式之一。Flash利用其自身所具有的关键帧补间、运动路径、动画蒙版、形状变形和洋葱皮等动画特性,不仅可以建立Flash电影,而且可以把动画输出为不同的文件格式的播放文件。

(7)框架

框架是网页中的一种重要组织形式之一,它能够将相互关联的多个网页的内容组织在一个浏览器窗口中显示。从实现方法的定义上讲,框架由一系列相互关联的网页构成,并且相互间通过框架网页来实现交互。框架网页是一种特别的HTML网页,它可将浏览器视窗分为不同的框架,每一个框架可显示一个不同网页。

如图1-1所示的雅虎中国主页是由上述元素构成的典型网页。

978-7-111-53392-4-Part01-1.jpg

图1-1 雅虎中国的主页

上述各种网页元素组合在一起,为所有的浏览者呈现了绚丽的界面效果。在本书后面的章节中,将和读者一起来领略HTML 5的神奇,共同开始我们的网页设计神奇之旅。