2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

3）静态网页的内容相对稳定，因此容易被搜索引擎检索；

4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

5）静态网页的交互性较差，在功能方面有较大的限制。

动态网页是指使用网页脚本语言（比如php、asp、asp.net、jsp等），通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。网站上主要是一些框架基础，网页的内容大都存储在数据库中，当然可以利用一定的技术使动态网页内容生成静态网页，这样有利于网站的优化，方便搜索引擎搜索。

静态网页和动态网页最大的区别，就是网页是固定内容还是可在线更新内容。 超文本（Hypertext）是把一些信息根据需要连接起来的信息管理技术，人们可以通过一个文本的链指针打开另一个相关的文本。只要用鼠标点一下文本中通常带下划线的条目，便可获得相关的信息。我们通常所说的网站或网页，就是由一个或多个超文本组成的，而我们进入网站首先看到的那一页称首页或主页（Homepage）。网页的出色之处在于能够把超链接（Hyperlink）嵌入网页中，这使用户能够从一个网页站点方便地转移到另一个相关的网页站点。它可以指向其他网页、文、多媒体文件、图像甚至程序。超链接是内嵌在文本或都图像中的，文本的超链接在浏览器中通常是带下划线，而图像的超链接是看不到的，但如果用户的鼠标碰到它，鼠标的指标通常会变成手指状（文本的超链接也是如此）。 2．网页制作的基本设计思路

要设计出一个精美的网站，前期工作是必不可少的。一个网页的成功与否，很重要的一个因素在于它的构思，好的创意及丰富详实的内容才能够让您的网页充满勃勃生机。 1）网页的选题

在制作自己的网页之前，首先要确定自己网页的内容。个人网页的设计内容可以从自己的专业或兴趣爱好多做些考虑。例如自己在计算机、书法、绘画等方面有独到的工夫，可以以此专题作为网页的内容。但网页涉及的内容切勿过广，这样虽然内容比较丰富，但往往涉及各个方面的内容会比较肤浅。 2）网页的组织结构

网页的选题确定好以后，接下来就要确立网站的总体结构了。总体结构的确立至关重要，它是网站设计能否成功的关键所在，如果我们对网站的总体结构了如指掌，设计起来就会得心应手，游刃有余，但是如果网站的总体结构比较混乱，在设计的过程中也就会颠三倒四，无法将自己的想法表达出来，这样的网站一般不会很成功。一般网页的组织结构是采用树形结构。

3）资料的收集与整理

在对自己未来的网页有了一个初步的构思后，还需要有丰富的内容去充实。网页的基本组成元素有三个：文字内容、图片和超级链接。而Internet的最迷人之处在于它信息的极大丰富，如果你的网而只有漂亮的外观而实质内容很少，那么就不会有多少人在你的网页中停留，要注意的一点是，网站的内容必需合法。 4）选择网页的设计方法

要建立一个网站，要选择用何种方法来实现它。现在，能够用来设计网站的方法有很多，可以使用HTML语言来编辑，也可以使用网页制作工具（如：FrontPage，Dreamweaver等）来设计网站。对于一个初学者来说，建议您使用所见即所得的网页制作工具来设计出网站的框架，然后再用Java和JavaScript等编辑语言来对网站进行修饰。

3．设计网页要注意的问题

1）网页的标题要简洁，明确。

2）在文本要使用水平线，以分割不同部分。

3）对重点段落要强调显示。

4）网页中插入的图片大小要适中，不宜过大或过小。

5）图形要附加文字说明，以便关闭图片时可以查看相应内容。 6）网页中引用的资料及商标（或图标），不能侵犯版权。

1..15 HTML语言简介

HTML英语意思是：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作WWW 的信息表示语言，用于描述网页的格式设计和它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。

所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

HTML是一种解释性语言，通过在超文本网页中插入HTML标签来描述网页结构及其中的组成元素，当用户采用浏览器访问相应的网页文件时，由WEB浏览器对网页中各种HTML标签进行“翻译”，并在浏览器窗口实现相应的显示或播放效果。

现在可以利用可视化网页制作软件来制作网页，可以不需要自己写HTML代码，但了解HTML的结构和代码仍然非常重要。 1．HTML的结构

HTML语言使用标志的方法编写文件，既简单又方便。它通常使用<标志名>来表示标志的开始和结束（例如 标志对），因此在Html文档中这样的标志对都必须成对使用。

HTML标记不区分大小写，可用任何文本编辑器（如记事本、写字板等）创建和编辑HTML文档。使用HTML语言编写的网页文件可以用.htm或.html作为文件扩展名保存。 HTML的结构包括头部（HEAD）、主体（BODY）两部分。头部对这个文档进行一些必要的定义，主体中包含要显示的各种文档信息。其基本格式如下：

头部信息

文档主体，正文部分

i

其中在最外层， 表示这对标记间的内容是HTML文 档，有时一些Homepage会省略标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。 之间包括文档的头部信息，如主页标题（显示于标题栏）、主页系统信息（包括字符编码类型、链接目标浏览器窗口或框架名等主页通用参数）等，若不需头部信息则可省略此标记。 标记一般不省略， 表示正文内容的开始。之间给出主页的内容，一般显示于浏览器窗口的内容显示区。 2．HTML中的标签

标签，是用来分割和标记文本的元素，用于定义文本的布局、文字的格式等。 1） 单标签：只需单独使用就能完整地表达意思，其语法是： <标签名称>

最常用

的单标签是
， 它表示换行。

2） 双标签：由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。其语法是：<标签>内容 其中“内容” 部分就是要被这对标记施加作用的部分。 例如:

3） 标签属性：许多单标记和双标记的始标记内可以包含一些属性，其语法是： < 标

签名字 属性1 属性2 属性3 ? > 各属性之间无先后次序，属性也可省略（即取默认值）。例如单标签

---

表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，带一些属性：如

---

下面是一段简单的超文本文档的源代码：

欢迎光临

MY FIRST HOMEPAGE

---

我的第一个主页

其在浏览器中显示的效果如图6－8所示。

图6-8 一个简单的网页

3．如何在浏览器中查看网页的HTML源代码

1）在浏览器中用鼠标右键点击任意一个正在打开的网页；

2）在弹出的快捷菜单中点击“查看”菜单下的“源文件”命令，即可看到该页面的HTML源代码。

4．几点注意事项

1）HTML标记可以嵌套，标记中可以有其他标记，如：

欢迎访问我的主页<／CENTER>

1） HTML标记的属性值，也可以使用半角的双引号引起来，如：

和的效果相同； 2） 不同的浏览器支持不同标记的格式，同一个HTML文件在不同的浏览器的显示效果

可能有所不同； 3） HTML文档中需要加上注解文字时，可以“<！”开始和以“－－>”结尾。

1..16 FrontPage应用软件概述

HTML是制作网页的基础，早期的网页都是直接用HTML代码编写的，不过现在有很多智能化的网页制作软件（常用的如FrontPage，DreamWeaver等），通常不需要人工去写代码，而是由这些软件自动生成，这里我们主要介绍FrontPage软件的应用。

FrontPage是由Microsoft公司推出，全中文操作界面，FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，也可建立和管理网站，具有直观的网页制作和网站管理方法，满足多数用户的需求。 1．FrontPage软件安装

微软公司开发的中文Office套装软件中含有中文网页编辑器软件FrontPage，用户安装中文版Office软件的时候将同时可以选择是否安装中文FrontPage。

2．基本操作

FrontPage 的启动和退出、文件的打开和保存与Office中其它应用程序基本相同。用户在电脑桌面上的双击FrontPage应用程序图标后，将启动中文FrontPage并打开其窗口（如图6-9所示）：

标题栏 工作编辑区

工具栏

菜单栏

网页视图切换标签

图6-9 中文网页编辑器软件FrontPage 窗口

图6-9 FrontPage程序界面

状态栏

窗口由标题栏、菜单栏、工具栏（常用工具栏和格式工具栏）、视图栏、状态栏（用于显示当前操作的相关信息、超链接的URL地址、预计的下载时间及数字键的锁定状态等）和工作编辑区（用于编辑和显示网页内容）。

在编辑区左下方有四个网页视图切换标签，“设计”、“拆分”，“代码”和“预览”。单击标签后，系统将在对应的视图中显示当前网页的内容。

1） 设计方式：编辑网页最常用的显示方式，一般在此方式下工作，系统会自动产

生由HTML标记语言产生的网页文件 2） 拆分方式：将编辑区拆分成代码窗口和设计窗口，可以同时显示HTML代码和设

计页面两种内容。 3） 代码方式：在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。 4） 预览方式：可预先查看网页在浏览器内的显示效果

1..17 创建网页与编辑文本

FrontPage 为网页制作提供了常规、框架网页、样式表3套共几十种模板供选择，如图6-10所示，利用网页模板可以方便地制作各种专业网页。