Dreamweaver CC网页设计自学经典
上QQ阅读APP看书,第一时间看更新

1.3 构成网页的基本元素

网页是构成网站的基本元素。不同性质的网站,其页面元素是不同的。通常网页是由文本、图像、超链接、表格、表单、动画等基本元素所组成的,其中文本和图像是构成网页最基本的两个元素。下面将对构成网页的各元素进行简单介绍。

1. 文本

网页中信息的传达主要以文本为主,用户可对网页字体的样式、大小、颜色、底纹、边框等属性进行设置。在网页制作构成中,文字可方便地设置成各种字体及大小,但建议用于正文的文字一般不要太大,字体颜色也不要使用过多,否则其效果会让人眼花缭乱。通常正文字体的大小设置为9磅或12像素即可,其颜色不超过3种,如图1-10所示。

图1-10 字体大小及颜色设置

2. 图像

如果想制作出精美的网页效果,图像是必不可少的元素。图像在网页中具有提供信息、展示形象、美化网页、表达个人情趣和风格的作用。在网页中可以使用多种格式的图像,如GIF、JPEG和PNG等,其中使用最广泛的是GIF和JPEG两种格式。图1-11所示为网页中使用图像后的效果。

图1-11 网页中的图像

3. 超链接

超链接的功能是从一个网页链接至一个目的端。目的端可以是一个网页、一幅图像、一个电子邮件地址或一个程序等。超链接广泛地应用于网页的图像和文字中,例如将鼠标移至某张图像或按钮上,其光标变换成手指形后,单击鼠标左键,即可链接到相应地址的网页中,如图1-12所示。

图1-12 超链接

4. 表单

表单主要用作数据的采集,用来收集浏览者的用户名、密码、地址等用户信息,如图1-13所示。

图1-13 用户注册表单

5. 表格

现在使用表格排版是网页的主要制作形式,通过表格可以精确地控制各网页元素在网页中的位置,如图1-14所示。表格是HTML语言中的一种元素,并不一定是指网页中直观意义的表格;在排版时,表格的边线一般不在网页中显示。

图1-14 表格

6. 动画

动画是网页上最活跃的元素,按文件格式,分为GIF动画和Flash动画两种。GIF动画较为简单,在各种类、各版本的浏览器中都能播放;而Flash动画有很多重要的动画特征,如关键帧补间、运动路径、动画蒙板、形状变形和洋葱皮等,不是所有版本的浏览器都支持。在网页中适当插入动画,会有意想不到的效果,如图1-15所示的Flash动画。

图1-15 Flash动画