网页设计与制作
上QQ阅读APP看书,第一时间看更新

1.2 网页组成元素

网页通常由文本、图片、超链接以及表单等元素组成。本节主要向读者介绍网页中的组成元素,让读者对网页的框架有一个大概的了解,为后面的学习打下坚实的基础。

1.2.1 网页文本

在网页设计中,文本内容的展示是最基本的元素,也是网页的核心内容,设计师应该合理规划网页文本的内容,设计出独具美观的文本效果,给用户在浏览时带来良好的视觉体验效果。

网页中文本内容的制作,既可以通过键盘手动输入,也可以将其他软件中的文本复制粘贴到网页编辑窗口中,然后根据网页需要展示的内容,设置文本的大小、颜色、字体等多种文本属性,再配上精美的图片作为衬托,可以使网站在视觉上更上一个台阶。在网页中,吸引用户眼球的网页通常都是非常美观的文本样式,如图1-12所示。

图1-12 网页文本

1.2.2 网页图片

网页设计师必须重视图片的应用,它在网页中占有非常重要的地位,网页因为有了图片的衬托才显得丰富多彩。图片既能直观地表达主题内容,又起到装饰画面的作用。

图片在网页中的作用是无可替代的,一幅精美合适的图片,往往可以胜过数篇洋洋洒洒的文字,如图1-13所示。

图1-13 网页图片

1.2.3 网页动画

一个访问量很高的优质网站,仅有文本和图片的展示是不全面的,也很难长期吸引用户的眼球。设计师们需要在网页中加入必要的动画效果作为装饰,为网页锦上添花,使展示出来的内容更加生动、形象。图1-14所示为使用Flash制作的网页动画。

图1-14 使用Flash制作的网页动画

1.2.4 网页表格

表格在网页中非常重要,它也是HTML中的一种语言元素,常用来排列和布局网页的内容,使整个网页的外观更加完美。表格也是网页设计中排版的灵魂,是现代网页制作的主要形式,如图1-15所示,通过表格可以在网页中精准地控制各元素的显示方式和显示位置,如图片、视频、动画文件的摆放位置等。

图1-15 网页表格

说明

在整个网站的设计制作过程中,网页内容的布局属于核心,在Dreamweaver工作界面中,常用来控制网页布局的方法就是使用表格进行多种元素的分布排列,在表格中还可以导入相关的数据文件、对内容进行分栏操作以及定位图片与视频的位置等。

1.2.5 网页超链接

超链接是网站中的主体部分,是指从一个网页链接到另一个网页的方式。例如,指向另一个网页或相同网页上的不同位置。超链接的对象可以是文本、图片、视频、动画、电子邮件或其他网页元素。

图1-16所示的网页超链接中,既包含了文本链接,又有图像链接。

图1-16 网页超链接

1.2.6 网页表单

表单的作用主要在于收集用户的相关信息和需求。用户在网页的表单中可以输入相应的文本内容、选中相应的单选按钮和复选框,以及从下拉列表中选择相关的选项。当用户填写好表单内容后,站点会送出用户所输入的信息内容,以各种不同的方式进行处理,如图1-17所示。

图1-17 网页表单