1.2 认识网页和网站

网页和网站是相互关联的两个因素。两者之间相互作用，共同推动了互联网技术的飞速发展。在本节内容中，将对网页和网站的基本概念进行简要说明。

1.2.1 网页

网页和网站是有差别的，例如，我们平常说的搜狐、新浪和网易等代表一个网站，而新浪上的一则体育新闻就是一个网页。所谓的网页是指目前在互联网上看到的丰富多彩的站点页面。从严格定义上讲，网页是Web站点中使用HTML等标记语言编写而成的单独文档。它是Web中的信息载体。网页由多个元素构成，是这些构成元素的集合体。一个典型的网页由如下几个元素构成。

1.文本

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

2.图像

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

3.超链接

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

4.表格

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

5.表单

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

6.Flash动画

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

7.框架

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

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

上述各种网页元素组合在一起，为浏览者呈现了天堂般的绚丽画面。在本书后面的章节中，我们一起来领略它们的神奇，共同开始网页设计神奇之旅。

1.2.2 网站

搜狐、新浪、CSDN、网易都是网站，每天我们可能登录到多个站点上去。网站是由网页构成的，它是一系列页面构成的整体。一个网站可能由一个页面构成，也可能由多个页面构成，并且这些构成页面相互间存在着某种联系。一个典型网站的具体结构如图1-2所示。

上述结构中的各网站元素在服务器上将被保存在不同的文件夹内，一般如图1-3所示。