![Dreamweaver CC网页设计自学经典](https://wfqqreader-1252317822.image.myqcloud.com/cover/362/27110362/b_27110362.jpg)
1.3 构成网页的基本元素
网页是构成网站的基本元素。不同性质的网站,其页面元素是不同的。通常网页是由文本、图像、超链接、表格、表单、动画等基本元素所组成的,其中文本和图像是构成网页最基本的两个元素。下面将对构成网页的各元素进行简单介绍。
1. 文本
网页中信息的传达主要以文本为主,用户可对网页字体的样式、大小、颜色、底纹、边框等属性进行设置。在网页制作构成中,文字可方便地设置成各种字体及大小,但建议用于正文的文字一般不要太大,字体颜色也不要使用过多,否则其效果会让人眼花缭乱。通常正文字体的大小设置为9磅或12像素即可,其颜色不超过3种,如图1-10所示。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0010.jpg?sign=1738982568-0dSAfdZPXu6xBsJtHEiaOeqpLUZVP4Z9-0-cfab094a04ec7f0d601c5be18dc9b5aa)
图1-10 字体大小及颜色设置
2. 图像
如果想制作出精美的网页效果,图像是必不可少的元素。图像在网页中具有提供信息、展示形象、美化网页、表达个人情趣和风格的作用。在网页中可以使用多种格式的图像,如GIF、JPEG和PNG等,其中使用最广泛的是GIF和JPEG两种格式。图1-11所示为网页中使用图像后的效果。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0011.jpg?sign=1738982568-mCXDFbOPCrb5x65JbJq5uypcHBc8oMPA-0-16126d362a30ed1ea608a5e5575c1b0b)
图1-11 网页中的图像
3. 超链接
超链接的功能是从一个网页链接至一个目的端。目的端可以是一个网页、一幅图像、一个电子邮件地址或一个程序等。超链接广泛地应用于网页的图像和文字中,例如将鼠标移至某张图像或按钮上,其光标变换成手指形后,单击鼠标左键,即可链接到相应地址的网页中,如图1-12所示。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0013.jpg?sign=1738982568-RJsnKesUWIJt8PzmivNSp49HE5fcM8az-0-f34865dc36b021ee827643b9b105e6a2)
图1-12 超链接
4. 表单
表单主要用作数据的采集,用来收集浏览者的用户名、密码、地址等用户信息,如图1-13所示。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0014.jpg?sign=1738982568-8AqyvUiejFQgh8ZmYYBRxWuw4TDsbwmO-0-4d2aa207d1a12ff452f13b68000af3ae)
图1-13 用户注册表单
5. 表格
现在使用表格排版是网页的主要制作形式,通过表格可以精确地控制各网页元素在网页中的位置,如图1-14所示。表格是HTML语言中的一种元素,并不一定是指网页中直观意义的表格;在排版时,表格的边线一般不在网页中显示。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0015.jpg?sign=1738982568-J9O8a2Pzax6oMMC65NQvb5Wu17t29RI1-0-7de4d7691845a2077ad00926ebfa9386)
图1-14 表格
6. 动画
动画是网页上最活跃的元素,按文件格式,分为GIF动画和Flash动画两种。GIF动画较为简单,在各种类、各版本的浏览器中都能播放;而Flash动画有很多重要的动画特征,如关键帧补间、运动路径、动画蒙板、形状变形和洋葱皮等,不是所有版本的浏览器都支持。在网页中适当插入动画,会有意想不到的效果,如图1-15所示的Flash动画。
![](https://epubservercos.yuewen.com/F9CB15/15477636905564206/epubprivate/OEBPS/Images/x0016.jpg?sign=1738982568-F8bLUDX6fX0wKmtKH6MJeddN7fOx2d3c-0-1ffc760ea9449b34520dad8fb352600c)
图1-15 Flash动画