第二章

 静态网页制作基础 

 

预备知识：静态网页概述

　　初期的网站都是由静态网页组成的，网页中只有文字、图形、图像等，用户只能被动地接受这些信息。
那时的

Web 页面的核心是 HTML(一种标记语言)，它编写很方便，不要求有特定的语言环境，可以用任

何 一 种 编 辑 器 写 好 ， 便 可 以 放 到 浏 览 器 观 看 结 果 。 现 在

HTML 已经有许多专门的编辑软件，如

FrontPage、Hotdog、Dreamweaver 等。
　　最初的

Web 是完全的静态，仅仅提供大量的信息服务，没有服务器端／客户端的概念。“静态”指的

就是网站的网页内容

“固定不变”。当用户浏览器通过互联网的 HTTP (Hyper text Transfer Protocol)协议向

Web 服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态 HTML 文档传送给用户浏览器。其
页面的内容使用的是标准

HTML 代码，再加上 GIF 格式的动态图片。

二、工作内容

　　静态网页制作概括起来，有如下几个部分：

1、网页素材搜集与制作（图像处理与动画制作）

　　经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸
引力。在

WWW 上通常采用 jpeg、GIF 格式的图片和 gif89a、flash 等格式的动画。

2、网页版式设计

　　规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大
方。

3、文本编写

　　自己的网页中需要大量的文字材料，这就要在网页编辑器中用

HTML 语言中的标签编写。也可以利

用网页编辑工具的

“所见即所得”功能，直接写入文字。

4、处理网页之间的关联

　　这主要是建立合理、高效的网页导航系统。

 

5、网页发布

　　主要是将建设好的网页上传到服务器中供用户浏览。

三、静态网页的制作工具

1、图像处理与动画制作工具

：

Photoshop、Flash 等。

2、网页编辑工具

：

1）纯文本编辑工具，如 Notepad 等；2）转换工具，如 word 等；3）专用工具，如

FrontPage、Dreamweaver 等。

3、网页上传工具

：

1)FTP 工具，如 WS-FTP，CuteFTP 等；2)专用网页编辑软件的文件传输功能。

4、网页优化工具

：网页减肥茶、网页优化大师等。

四、网页制作工作步骤

1、步骤：1）制作网页

-->

 2）浏览器预览

--

（满意）

--->

 4）发布

　　　　　　　　

个　　　　　　　　｜

　　　　　　　　

 L

--------(不满意)--|

 

　

　　　　　　

 

2、工作台： 网页编辑器

<=======>

网页浏览器