1.3 网页基本组成元素的介绍
在制作网站之前，先要确定网页的内容。在一个网页中，通常由文本、图像、超链接以及表单等元素组成，图1-14列出了组成网页的常用元素。
图1-14
1.3.1 网页文字
文本是网页中最基本的元素，也是网页的主体，规划合理、美观的文本能带给用户一种清新的感觉，如图1-15所示。
图1-15
添加文本既可以手工逐字逐句地输入，也可以把别的应用程序中的文本直接粘贴到网页编辑窗口中。
技巧与提示
文本的大小、颜色和其他样式也需要仔细考虑，然后再配合精美的图片，才能创造精美的页面。网页中的文本样式繁多、风格不一，吸引用户的网页通常都具有美观的文本样式。
1.3.2 网页图片
网页之所以丰富多彩，都是因为有了图像，可见图像在网页中的重要性。在网页中既可以通过图像的形式表达主题，也可以通过图像对网页进行装饰。
图片在网页中的作用是无可替代的，一幅精美得体的图片，往往可以胜过数篇洋洋洒洒的文字，如图1-16所示。
图1-16
此外，绝大多数网站还需要有一个Logo，如图1-17所示。Logo是一种视觉化的信息表达方式，是具有一定含义并能够使人理解的视觉图形，其有简洁、明确及一目了然的视觉传递效果。
图1-17
技巧与提示
Logo是徽标或者商标的英文说法，起到对徽标拥有个人或团体的识别和推广的作用，企业通过公布形象的Logo可以让消费者记住公司主体和品牌文化。网络中的Logo徽标主要是各个网站用来与其他网站链接的图形标志，代表一个网站或网站的一个板块。
1.3.3 网页动画
一个引人注目的网站，仅有文字和图片是远远不够的，也很难吸引用户的目光。适当地添加一些精美的网络动画，不仅可以给网页锦上添花，而且还可以使展示出来的内容变得栩栩如生。
图1-18所示为使用Flash制作的网页小游戏。
图1-18
动画是网页上最活跃的元素，通常制作优秀、创意出众的动画是吸引用户最有效的方法。网页中的Banner一般都是动画的形式，如图1-19所示。
除了这些最基本的元素，网页中还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频以及视频等。
图1-19
技巧与提示
Banner可以是网站页面的横幅广告，也可以是进行展示活动时用的旗帜，还可以是报纸杂志上的大标题。Banner的主要作用是体现中心意旨，形象鲜明地表达最主要的情感思想或宣传中心。
1.3.4 网页表格
网页表格是网页排版的灵魂，使用表格排版是现在网页的主要制作形式，如图1-20所示，通过表格可以精确地控制各网页元素在网页中的位置。注意网页表格并非指直观意义的表格，其范围要更广一些。网页表格是HTML语言中的一种元素，主要用于网页内容的排列，组织整个网页的外观等。
图1-20
技巧与提示
表格由一行或多行单元格组成，用于显示数字和其他项，以便快速引用和分析。表格用于工作、学习以及生活等方面时，能很好地发挥它的作用，能很清晰简明地表达所需要表达的东西。网页设计中，页面布局是一个重要的部分。Dreamweaver提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏以及定位页面上的文本和图像等。
通过在表格中放置相应的图片或其他内容，即可有效地组合符合设计效果的页面。使用了表格后，可将网页中的元素方便地固定在设计的位置上。一般表格的边线不在网页中显示。
1.3.5 网页超链接
超链接是网站的灵魂，是从一个网页指向另一个目的端的链接。这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者是本页中的其他位置。超链接可以是文本或者图片，如图1-21所示，其中既有文本链接，又有图像链接，而且还有导航栏超链接。
图1-21
技巧与提示
在网页中，一般设为超链接的文字都是蓝色（当然，用户也可以自己设置成其他颜色），文字下面有一条下划线。网页上的超链接一般分为以下3种。
第一种是绝对URL的超链接。URL（Uniform Resource Locator）就是统一资源定位符，简单地讲就是网络上的一个站点或网页的完整路径。
第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去。
第三种称为同一网页的超链接，这种超链接又叫做“书签”。
1.3.6 网页表单
表单是用来收集站点用户信息的域集。站点用户填写表单的方式是输入文本、选中单选按钮与复选框，以及从下拉菜单中选择选项。在填写好表单之后，站点用户便送出所输入的数据，该数据就会根据所设置的表单处理程序，以各种不同的方式进行处理。
百度的搜索框就是一个很典型的文本框表单，如图1-22所示。
图1-22
技巧与提示
表单在网页中主要负责数据采集，一个表单有以下3个基本组成部分。
表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选按钮、下拉列表框和文件上传框等。
表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。