2023年11月28日发(作者：)

网页制作与网站维护

摘要：制作网站也就是制作网页，从中有很多的注意事项和细

节问题。既然要做，我们就要先了解什么是网页，制作前要有准备，

要选好制作的软件， 把握好网页的布局，根据事先的计划规划站点、

设置站点、制作模板、制作首页、最后套用模板修改模板。网站做好

了，但之后的维护是必不可少的。一个好的网站是否能运营长久，关

键就是看能不能将网站维护到位，通过对计算机知识的专业了解，设

计一套合理、健全的方案，将网站维护到位。

认识网页

网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识

和翻译成页面显示出来的文件。

www是“World Wide Web"的缩写；HTML的意思则是“Hypertext Markup

Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包

含图片、链接、甚至音乐，程序等非文字的元素。

网页就是由HTML语言编写出来的。

制作主页前的准备

1、主页题材

下面开始着手策划制作主页。首先面临的问题便是要制作什么内容，选择

什么样的主页题材。 网络上的主页题材千奇百怪、琳琅满目。只要想的到，就

可以把它制作出来。以下列出一些常见的题材：

(1)一般来说，个人主页的选材要小而精。如果想制作一个包罗万象的站

点，把所有认为精彩的东西都放在上面，那么往往会事与愿违的，给人的感觉是

没有主题，没有特色，样样有却样样都很肤浅，因为不可能有那么多的精力去维

护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更

新甚至几小时更新一次。

(2)题材最好是自己擅长或者喜爱的内容。比如：对诗歌感兴趣，可以放置

自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才

不会觉得无聊或者力不从心。

(3)不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目

标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，要超过它是很

困难的。

2、规划框架

选定了一个好的题材，是不是可以立刻动手制作了？经验告诉我们，必须

规划框架，这是很重要的一步！

每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，

盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，

虎头蛇尾。

全面仔细规划架构好网站，不要急于求成。

规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当

你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，

也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十

分累人，也十分费钱。

大纲列出来后，还必须考虑每个页面之间的链接关系。是星形、树形，或

是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点

会造成浏览困难，影响内容的发挥。

为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，

即所有的主要链接都在首页上，每个主链接再分别展开，主链接之间相互链接。

框架定下来了，然后开始一步一步有条理、有次序地做来，就胸有成竹得

多，也为你的主页将来发展打下良好的基础。

下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。

3、资料收集

题材选定，框架选定，接下来就开始往主页里面填内容。就是称作资料收

集。

就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高

手能够提供自己编的软件，文章或者音乐，是我非常佩服的！）

大部分人的方法是：从报纸、杂志、光盘等媒体中把相关的资料收集整理，

再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，只要到雅虎、搜狐等搜索引擎上查找

相应的关键字，就可以找到一大堆的资料。

网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，

随时供大家方便的查找，主页就已经有做不完的活了。

但是，有一点必须注意！在复制或引用他人的资料文章时，请您尊重知识

版权。有特别声明、禁止复制的请不要盗为己用。允许复制的也应该在引用时注

明作者、出处。一般来说，个人主页是非商业站点，只要你发封Email给作者，

都会征得同意的

选择网页制作工具

工欲善其事，必先利其器。制作网页第一件事就是选定一种网页制作软

""

件。在校期间我们学习了它简单易学，功能强大，用它做出的

Dreamweaver8，

网页垃圾代码也比较少，另外，它还可以在我们用所见即所得的环境制作网页的

同时可以在代检视窗中看到对应的HTML代码，这对我们学习HTML有很大好

处。所以制作工具就用它了。

把握网页布局

最开始，网页呈现在你面前的时候，它就好像一张白纸，它需要你任意挥洒

你的设计才思。在开始的时候，你需要明白，虽然你能控制一切你所能控制的东

西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，

那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，

但如果你是初学者，那么最好明白网页布局的基本概念。

1.页面尺寸

由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突

破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得

越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象

素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率

在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，

分辨率越高页面尺寸越大。

浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可

以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的

尺寸是不一样的。

在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方

法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问

者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能

在上面做上页面内部连接，方便访问者浏览。

2.整体造型

什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这

种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏

览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它

们的组合：矩形，圆形，三角形，菱形等。

对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你

注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温

暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权

威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整

体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体

造型。虽然不同形状代表着不同意义，但目前的网页制作多数是接合多个图形加

以设计，在这其中某种图形的构图比例可能占的多一些。

3.页头

页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字

多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整

个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放

置站点名字的图片和公司标志以及旗帜广告。

4.文本

文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个

页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性

非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何

位置。

5.页脚

页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者

公司信息的地方。你能看到，许多制作信息都是放置在页脚的。

6.图片

图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位

置成了整个页面布局的关键。而你的布局思维也将体现在这里。

7.多媒体

除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常

能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。

规划站点

规划站点，不像直接设计编写那么简单，事先需要做许多准备工作，不仅要

准备建设站点需要的素材文字资料、图像以及媒体文件），还要设计好资料整合

的方式，并根据资料确定站点的风格特点；同时在内部还要整齐、有序地排列归

类站点中的文件，否则杂而乱的资料堆积到一起，不仅不利于将来的维护和（包

括站点的管理,) 同时还会因为页面间极为混乱的关系而导致站点容易出现错

误。

1.确定站点风格

访问互联网时，可以看到形形色色的站点，每一个站点都有自己的特色，不

同类型的站点风格特色更不 相同.站点的风格是整个网站的灵魂，没有风格，就

不具有自己的特色，更谈不上吸引用户访问站点。因此站 点设计者通常在设计

之前都要规划好站点的风格。

一个站点究竟使用什么样的主题，要根据建站的性质来确定。公司站点主要是向

外界展示公司的形象，介绍公司情况以及推销自己的产品；政府站点侧重网上办

公，将办公的材料放置到网上供人查阅；个人站点则希望将个人的兴趣爱好展示

出来，让别人通过自己的站点了解自己，因此个性化更强一些。

2. 规划站点结构

一般来说,一个站点包含的文件很多,大型站点更是如此.如果将所有的文件

混杂在一起,则整个站点显得杂乱无章,自己看起来也很不舒服且不易管理,因此

需要对站点的内部结构进行规划。应该将各个文件分门别类地放到不同的文件夹

下，这样可以使整个站点结构看起来条理清晰，井然有序，使人们通过浏览站点

的结构，就可知道该站点大概内容。这样做主要是为网页设计人员在修改管理页

面文件时提供方便。在电脑里除C盘外要新建一个站点的文件夹，命名如Myweb,

也可以叫“我的站点”。然后在站点文件夹里再新建几个文件夹。

设置站点

有了空间后，我们就可以在 Dreamweaver 8 里做网页了。也可以先做好再

申请空间，这个由你自己定。先申请一个空间后，再动手做网站。设置站点分为

动态和静态二种，在这里重点介绍静态站点的设置。

第一步：打开Dreamweaver 8 在菜单栏单击“站点”指向“新建站点”。

第二步：在弹出的对话框里给站点起一个名子，并在下面打上网站域名，然

后点“下一步”。

第三步：在弹出的对话框里选择“否，我不想使用服务器技术”。然后点“下

一步”。

第四步：选择站点文件夹存放的位置。

第五步：按提示连接用FTP、并打上由服务商给你的FTP地址，用户名和密

码，并进行测试。

第六步：测试服务器，提示成功。

至此，站点设置工作完成。

制作模板

新建模板

在新建模板前，还是要对你的网站要在纸上画一个草图，再根据你的图纸来

定你的模板。打开 Dreamweaver 8后，可以通过“窗口”下面的“资源”面板

创建新的模板。

下一步就是在这个空白的文档中建模板了。（这个空白文档和你做网页一样

的）

当然也可以用别的方法来创建模板，如通过“插入”面板或者菜单选项可以

完成模板文档的创建，新建模板与创建模板略有不同。创建模板的操作方法如下：

(1)选择“窗口”面板|“插入”菜单选项，打开“插入”面板。

(2)在“插入”面板中选择“模板对象”向右点“创建模板”。 也可以在一

般页面中像平时做网页一样，把页面做好，然后点左上“文件”“另存为模板”

等。

下面我们开始在刚才打开的文件中建模板。

第一步：设置页面属性

(1)选择菜单“修改”向下单击“页面属性”，在弹出的对话框里设置字体

和边距。Dreamweaver8默认设置网页都留有间隙，不怎么好看，所以要全部设

置为“0” 再选择“链接”根据自己的喜好设置下划线和链接的颜色。

(2)选择菜单“编辑”向下单击“首选参数”， 在弹出的对话框里将“允许

多个连续的空格”打上钩，否则你在Dreamweaver 8按空格键它是不动的，没有

像在Word里那么顺手。

第二步：使用表格布局网页。

当然也可以用层。表格是网页布局设计的常用工具，它可以使插入页面中的

图像和文本等对象被限定在某一固定位置。相对于没有使用表格的页面，使用表

格的页面显得更加整齐有序。

(1)绘制表格

将光标置于需要插入表格的位置，然后选择菜单“插入”，向下单击“表

格”， 根据以上草图确定行和列的数字。注：宽度通常设置在780以内，这可

以在800X600、1024X768两种分辨率情况下使你的网页不变样，如果过大超过

800，那么使用800X600分辨率的电脑看你的网页就会出现下滑块。

(2)设置表格属性

在“对齐”处选“居中”，在“填充”、“间距”、“边框”处全部设置为

“0”。再根据需要设置表格的详细属性。

制作首页

模板出来了，下面我们开始制作首页，首页是一个网站的门面,要注意的问

题很多,前面我们已做了些说明,在这里就不再进行理论研究了。

(1)启动中文版Dreamweaver8,选择"文件"|"新建"菜单选项,在弹出的"新

建文档"对话框中打开"常规"选项卡,选择"基本页"单击下面的"创建"按钮,创建

一个新的文档。

(2)在新建文档上边框处单击鼠标右键,在弹出的对话框中选择"另存为"。

(3)在弹出的对话框“文件名”处输入"index",并单击“保存”按钮。首页

文件一般要在网站根目录下，文件命名要根据你注册的空间要求来决定的。

(4)使用表格构架页面,鼠标单击菜单栏"插入".选择"表格"在弹出的对话框

中设置表格一行,一列,宽为778像素对齐标题为“顶部”然后单击下面的“确

定”按钮。用同样方法再插入一行一列的表格。

(5)设置表格属性。鼠标在表格第一行里点一下，然后在属性栏里设置表格

高度为22，去掉“标题”前面的小钩表格第二行设置高度为680。(注)这个680

高度数字是根据你首页内容来定的。去掉“标题”前面的小钩。

(6)在表格第一行里输入内容： 当前页：首页。

(7)在表格第二行里单击鼠标右键,选择 "表格"|"拆分单元格", 设置为3

列,然后单击"确定"。

(8)鼠标在表格第二行的左边栏里点一下,然后在属性里设置宽度为160,同

样在右边栏设置为160 。数字输入后要按一下回车, 然后点"文件","保存"。

(9)以上设置在浏览器里是看不到边框的，下面我们设置二边有边框，中间

不显示边框。将光标指向第二行左边栏，然后选择菜单“插入”|“表格”，插

入一行一列，宽度为100%的表格，单击下面的“确定”按钮。鼠标在表格里点

一下，然后将属性栏“标题”前面的小钩去掉。在左边表格里单击鼠标右键，指

向“表格”|“选择表格”，在属性栏里进行如下设置：高680，填充为0，间距

为1，边框为0，对齐为“默认”，背景颜色为cccccc。用同样方法在右边栏插

入表格进行设置。

(10)显示表格细线条。 方法如下：将鼠标在带有背景颜色的表格里单击，

然后在下面的属性栏里“背景颜色”设置为白色，或者你自己喜欢的颜色，用同

样的方法设置右边栏，然后保存，进行预览。

(11)填充内容.表格设置好后,下一步就是按事先准备好的内容进行填充。

套用模板和修改模板

一、套用模板方法如下：

(1)在做好的首页或者在别的页面中选择菜单“ 修改”|指向“模板”向

右，单击“套用模板到页”。

(2)在弹出的对话框中,鼠标选择我们在实例中创建的020模板,并单击"选

定"按钮"。

(3)在弹出的对话框中用鼠标单击Document body选项,"将内容移到新区域"

处选择 "EditRegionl"。再用鼠标单击Document head d 在“将内容移到新区

域”选择“不在任何地方”单击“确定”按钮。

通过以上操作便完成了套用模板的工作。

二、修改模板方法如下：

(1)在模板文档中直接修改

打开Dreamweaver8 后,选择"文件"|"打开" 在站点根目录下双击

"Templates"文件夹,在里面找到你要修改的模板,选择"打开",便可以进行修改。

(2)直接打开修改

双击站点Templates文件夹,再双击要修改的模板,也可以很方便的进行修

改。修改后的模板要选择“文件”|“保存”菜单选项，这时将弹出“更新模板

文件”对话框。该对话框中的几个按钮含义如下：

a.更新：单击该按钮，将会使所有的套用被修改模板的文档全部被更新

b.不更新：单击该按钮，所有套用被修改模板的文档将不被更新。

c.查看：在该下拉列表框中，如果选择“文件使用”选项，可以根据特定模

板更新文件，使用该选项将更新当前站中的所有文件。若从相邻的下拉列表框中

选择站点名称，使用该项将根据相应的模板更新所选站点中的所有页面。

d.更新：在该选项区中选择更新的对象，可以选中“库项目”或“模板”复

选框。

e.显示记录：选中该复选框，可以查看站点更新的文件记录。

注：凡修改模板后，都要进行“页面更新”其方法如下：选择菜单“修

改”|“模板”| “更新页面”。

到此，网站就设计具体步骤就完了，具体做什么样的网站就要具体对待了。

剩下的就是网站的维护了。

网站维护

1、网站的软硬件日常维护，包括服务器、操作系统、和Internet联接线路

等等，以确保网站的24小时不间断正常运行。

2、网站内容的更新，一个好的网站需要定期或不定期地更新内容，才能不

断地吸引更多的浏览者，增加访问量。

3、网站的软硬件维护

计算机硬件在使用中常会出现一些问题，同样，网络设备也同样影响企业网

站的工作效率，网络设备管理属于技术操作，非专业人员的误操作有可能导致整

个企业网站瘫痪。

没有任何操作系统是绝对安全的。维护操作系统的安全必须不断的留意相

关网站，及时的为系统安装升级包或者打上补丁。其他的诸如SQL Server等等

服务器软件也要及时打上补丁。

服务器配置本身就是安全防护的重要环节。有不少黑客案例是利用了没有

正确配置的微软的IIS服务而产生的漏洞。

Windows2000 Server里面本身已经提供了复杂的安全策略措施。充分利

用这些安全策略，可以大大降低系统被攻击的可能性和伤害程度。

4、网站内容更新方法

建站容易维护难。对于网站来说，只有不断地更新内容，才能保证网站的生

命力，否则网站不仅不能起到应有的作用，反而会对企业自身形象造成不良影响。

如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。现在网页制

作工具不少，但为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲

于应付是普遍存在的问题。

内容更新是网站维护过程中的一个瓶颈。网站的建设单位可以考虑从以下

五个方面入手，使网站能长期顺利地运转。

第一，在网站建设初期，就要对后续维护给予足够的重视，要保证网站后

续维护所需资金和人力。很多单位是以外包项目的方式建设网站的，建设时很舍

得投入资金。可是网站发布后，维护力度不够，信息更新工作迟迟跟不上。网站

建成之时，便是网站死亡的开始。

第二，要从管理制度上保证信息渠道的通畅和信息发布流程的合理性。网

站上各栏目的信息往往来源于多个业务部门，要进行统筹考虑，确立一套从信息

收集、信息审查到信息发布的良性运转的管理制度。既要考虑信息的准确性和安

全性，又要保证信息更新的及时性。要解决好这个问题，领导的重视是前提。

第三，在建设过程中要对网站的各个栏目和子栏目进行尽量细致的规划，

在此基础上确定哪些是经常要更新的内容，哪些是相对稳定的内容。由承建单位

根据相对稳定的内容设计网页模板，在以后的维护工作中，这些模板不用改动，

这样既省费用，又有利于后续维护。

第四，对经常变更的信息，尽量用结构化的方式（如建立数据库、规范

存放路径）管理起来，以避免数据杂乱无章的现象。如果采用基于数据库的动态

网页方案，则在网站开发过程中，不但要保证信息浏览环境的方便性，还要保证

信息维护环境的方便性。

第五，要选择合适的网页更新工具。信息收集起来后，如何"写到"网页上

去，采用不同的方法，效率也会大大不同。比如使用Notepad直接编辑HTML文

档与用Dreamweaver等可视化工具相比，后者的效率自然高得多。倘若既想把信

息放到网页上，又想把信息保存起来以备以后再用，那么采用能够把网页更新和

数据库管理结合起来的工具效率会更高。

而使用信息发布系统，网站管理人员无需懂得任何的网页制作技术，只要

了解基本的计算机文本处理方法，就能利用动态网页技术，方便地在网站上定制

信息格式，更新或维护信息内容信息发布系统的具体功能包括：

1、添加、修改及删除信息。

2、按不同栏目对信息分类，易于信息的管理及查找；

3、信息可按标题、发布日期、关键字等不同分类进行查询。

4、可将网站维护人员输入的信息即时自动按照模板生成页面，发布到网站前台，

使用信息发布系统具有显著的优越性，它不仅操作简单，实时性强，而且由于使

用了计算机系统代替人手完成所有的信息发布过程，避免了许多人为的技术性错

误，确保了网站的稳定性和安全性。

总之,网站维护是一项很专业很复杂的技术,包括的专业知识很全面。