免费网站搭建工具详解：掌握轻松制作网页的技巧

a351910080 · 浏览 1 · 点赞 0 · 刚刚

如何进行网页制作

一.网页设计工具的挑选

构建网站首页的首要任务是挑选合适的工具软件，目前流行的网页制作工具包括FrontPage和DreamWave。它们各有长短，FrontPage是微软开发的网页编辑工具，也是Office系列软件的一部分。最新的中文版可在Office2000软件包中找到。若对Office有一定了解，熟悉Word的用户，很快就能掌握FrontPage的使用，其一大优势在于易学易用。此外，使用FrontPage制作的网页在IE浏览器中的表现也尤为出色。然而，若希望网页在Netscape或其他浏览器上也能有良好表现，使用FrontPage则略显繁琐。虽然并非不可行，但出错的可能性较高。在这方面，DreamWave的表现则更为出色，毕竟是第三方软件。DreamWave是由MacroMedia公司推出的网页制作工具，最新版本为3.0，功能同样强大。不过学习起来相对困难，且无法实现IE浏览器的一些高级功能。各有千秋，需自行权衡。另外，不建议同时使用这两个编辑工具，否则可能会造成混乱。

二.网络服务提供商的挑选

目前提供免费主页空间的网站众多，当然也有收费的。如何选择呢？切勿误以为“无限主页空间”就是最佳选择。这里面的讲究颇多。首先需明确服务商提供的服务器操作系统，若使用FrontPage制作主页，最好选择WindowsNT服务器，这样效果最佳。此外，Linux和Unix的服务器也较为常见，使用这些服务器时要注意一点，就是文件名的大小写需区分。一般Windows用户可能觉得这不是问题，因为微软的习惯，文件名大小写不区分。但Linux和Unix并非如此，例如你上传了一个名为top.jpg的图片，然后在HTML超链接中写成了top.JPG，扩展名大写了。在本地查看这个HTML文件时很正常，图片也能正确显示。但等你上传到服务器上，你会发现图片无法显示。解决这个问题的最简单方法是，所有文件名和扩展名都使用小写英文字母，且不要使用长文件名。当然，如果是WindowsNT服务器，就无需担心这个问题。

若只是制作简单的主页，只需获得相应的主页空间即可。但若制作较为复杂的主页，则涉及到一些网络程序的执行，这就需要CGI权限甚至数据库权限。一般网络服务器不会免费提供这些功能，且费用往往不菲。对于一般个人主页来说，完全无需过分追求这些，否则维护费用会很高，除非确实想打造一个优秀的站点。免费主页空间的另一个问题是服务商随时有权关闭服务，因为他们不承担任何承诺，这样你的成果可能会付诸东流，所以要选择一些较为可靠的主页空间，最好是已经提供较长时间服务且有一定知名度的。

另外，不同的服务商使用的网络服务器和线路也不尽相同，访问速度差异也很大。要选择线路速度快一些的主页空间，否则会大大影响访问者的兴趣。最好使用本地的网络服务器，因为跨区域的网络线路往往较为拥挤。

还有，网络服务商提供的主页维护方式也很重要。如果提供FrontPage扩展的HTTP维护，那就最为方便，可以实现全自动维护。如果是传统的FTP方式，也不错。同样可以用FTP自动上传，且可以使用许多FTP管理软件。但还有一种是基于WEB的主页维护，这种主页空间只能到服务商的网站上按其特定方式编辑维护主页。这样很不方便，最好不要使用。

三.主页内容的选择

评价一个主页的优劣，主要不是看外观而是看内容。选择适当的内容至关重要，最好是自己感兴趣的内容，否则会缺乏长期维护的热情。另外，不要设置过多的主题，没有重点的四面出击往往都不会吸引人。许多著名的个人主页都是凭借一个优秀的栏目而广受欢迎的，如飞翔鸟硬件就是一个很好的例子。维护主页贵在坚持，一定要不断上传新的内容来丰富更新网站。但同样要注意不要随意抄袭别人的内容，如果对方的内容可以转载，自然没问题，但如果是版权所有，可能会遇到纠纷，甚至会被强制关闭个人主页。知识产权还是需要尊重的，因此在转载其他网站内容时，最好征求对方的同意。

还有，主页内容切勿含有违法成分，特别是不要含有色情内容。

四.主页制作的技巧

主页制作是一门综合性技术，也是一门艺术，包括策划、美工、设计等方面。这里仅列举一些需要注意的问题。许多商业网站都有“广告条”，点击广告可以为网站带来收入，甚至像Yahoo这样的网络公司也主要依靠这些广告的收入维持。但一般的个人主页，在建设初期最好不要放置广告条，尤其是不要放置过多。在访问量不大时，广告是赚不到钱的。反而会让访问者觉得主页很乱，全是无聊的广告，给人留下不好的印象。

还有一些个人主页因为访问量很低而感到没面子，就修改网页计数器，增加访问量。这其实是自欺欺人，以后别人也不会相信你的主页流量了。一个好的主页，总会有越来越多的访问者，如果主页质量不高，做手脚又有何用？

另外，如果是免费主页空间，一般速度都不太快，空间也不大。最好不要提供过多的软件下载，这样会严重影响访问速度。到头来会得不偿失的。一般较好的软件下载站点都提供独立的FTP线路下载软件，这样才能保证网站的访问速度不受影响。同样的，主页上也不要使用分辨率过高的图片，一般一张图片尽量控制在20KB以下。个人主页中也不要过多使用Javaclass的小程序和过于复杂的Java脚本，这些只起到点缀的作用，用得太多，浏览网页的速度也会变得非常缓慢。

还有，若为免费主页空间，通常速度较慢，容量亦有限。不宜提供过多软件下载，此举将大大降低访问速度。最终结果可能适得其反。优质软件下载站点通常提供独立FTP线路下载软件，以确保网站访问速度不受影响。同样，主页图片分辨率亦不宜过高，一般一张图片控制在20KB以内为宜。个人主页中亦不宜过多使用Javaclass小程序和复杂Java脚本，它们仅起到装饰作用，过多使用会使网页浏览速度变得缓慢。

制作主页时，还需特别注意语言版本问题，尤其是中文。若选用错误的内码或字体，访问时可能出现乱码或字体变形等问题。

五.域名与无形资产

每个个人主页都有其域名，犹如人名。取名亦需讲究。许多人模仿知名网站名称，稍作修改。实则不利于彰显个性，反而不易给人留下深刻印象。建议自行取名。此外，常有人提及“永久域名xxx.yeah.net”等，实则均为二级域名，由网络公司免费提供。这些不能算作永久域名，因为公司可随时停止服务。最好拥有自己的国际顶级域名，这才是真正属于你的。其实这并非一笔昂贵费用，却是主页长期发展的根本保障。当然，若认为无需，使用免费二级域名亦无妨。

如何免费制作网页

首先，可告知欲学习网页制作的朋友。学习网页制作与学习其他知识相同，需有基础。在基础之上学习会更为轻松快捷。其次，要明确学习目的。

建议具备以下条件：熟练操作电脑，使用电脑一年以上，对网页设计感兴趣，有充足学习时间，熟悉Office办公软件。当然，这些并非一定必须。

第一阶段：开始时最好学习网页编辑软件，如FrontPage、Dreamweaver。这样可更了解网页制作与运营原理。最好结合教程学习，边学习边制作。

第二阶段：学会网页制作软件后，可制作较完整的网站。但为使网页更完美，还需学习网页核心技术，如HTML、CSS、JavaScript、ASP、XML等。可选择性地学习。

第三阶段：结合所学知识开发网站，可制作出符合他人定义的目标网站。此时，你已成为真正的网站开发者。

制作网页并非一篇文章所能说清。以上仅为制作网页的主要纲要，希望能为学习制作网页的朋友提供参考。

二

一、工具

1、空间

网页制作完成后，需发布上网，因此需先申请空间；免费空间不稳定，容量小，申请也麻烦，建议到大型网站如新浪、网易购买个人空间，20M以上即可。

2、软件

推荐使用Dreamweaver 6.0中文版，该软件特点为“所见即所得”，即在制作过程中所见即为发布到网络上的效果。

二、教程

花时间学习易懂的教程很有必要。网页主要由文字、表格、图片、动画和背景音乐等元素组成。了解如何将这些元素摆放，即可掌握网页制作。推荐一个教程地址，有空可查看。

三、制作

开始时建议下载简单网页，在制作软件中打开，观察其构成，模仿填充各种元素，实践配合教程，学习效果更佳。记住，实践出真知。

其实做网页并不难，但要制作出有特色的网页，并非一朝一夕之功。

以下为个人粗浅体会，仅供参考。

三

网站设计八步骤

由于所见即所得类型的工具越来越多，使用也越来越方便，制作网页已成为轻松工作。初学者经过短暂学习即可学会制作网页，于是他们认为网页制作很简单，匆匆忙忙制作网站。然而，与别人比较后，发现网站粗糙。原因何在？常言道：“心急吃不了热豆腐”。建立网站就像盖楼一样，是一个系统工程，有特定工作流程。只有遵循步骤，按部就班地进行，才能设计出满意的网站。

一、确定网站主题

网站主题即网站要包含的主要内容。一个网站必须有一个明确的主题。特别是个人网站，不可能像综合网站那样内容丰富。因此，要找准自己感兴趣的内容，深入研究，办出自己的特色，给用户留下深刻印象。网站主题无定则，只要是自己感兴趣的，任何内容都可以。但主题要鲜明，内容要做到大而全、精而深。

二、搜集材料

明确了网站主题后，开始搜集材料。搜集的材料越多，制作网站越容易。材料可从图书、报纸、光盘、多媒体和互联网上获取。对搜集的材料去粗取精，去伪存真，作为制作网页的素材。

三、规划网站

网站设计成功与否，很大程度上取决于设计者的规划水平。规划网站就像设计师设计大楼一样，图纸设计好了，才能建成漂亮的楼房。网站规划包括网站结构、栏目设置、风格、颜色搭配、版面布局、文字图片运用等方面。在制作网页之前，要充分考虑这些方面，才能在制作时游刃有余，设计出有个性、有特色、具有吸引力的网页。下面将详细介绍如何规划网站的每一项具体内容。

一网站的设计成败，很大程度上取决于设计者的策划能力，规划网站犹如建筑师设计大楼一般，图纸设计完善，方能构建一座美观的楼房。网站策划涵盖诸多方面，例如网站架构、栏目设置、风格定位、色彩搭配、版面布局、图文运用等，只有提前充分考虑这些要素，才能在制作过程中游刃有余，心中有数。唯有如此，制作出的网页才能独树一帜，富有特色，具备吸引力。关于如何策划网站的各项具体内容，我们将在下文进行详细介绍。四、挑选合适的制作工具

尽管工具的选择并不会直接影响网页设计的优劣，但一款功能强大、操作简便的软件往往能事半功倍。网页制作涉及多种工具，首先是网页制作工具，目前大多数网民使用的都是所见即所得的编辑工具，其中佼佼者无疑是Dreamweaver和Frontpage。对于初学者来说，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；以及网页特效工具，如有声有色等，网上有许多此类软件，可以根据需求灵活运用。

五、制作网页

拥有材料，选择好工具后，接下来就需要按照策划一步步将想法付诸实践，这是一个复杂而细致的过程，一定要按照先整体后局部、先简单后复杂的原则进行制作。所谓先整体后局部，即在制作网页时，先设计好整体结构，再逐步完善局部结构设计。所谓先简单后复杂，即先设计简单内容，再设计复杂内容，以便在出现问题时便于修改。在制作网页时，要灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完成后，最后需要将其发布到Web服务器上，才能让全球的朋友观看。目前上传工具众多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地将网站发布到自己申请的主页存放服务器上。网站上传后，要在浏览器中打开自己的网站，逐页逐个链接进行测试，发现问题及时修改，然后再上传测试。全部测试完成后，就可以将网址告诉朋友，让他们来浏览。

七、推广宣传

网页制作完成后，还需不断进行宣传，这样才能让更多朋友了解它，提高网站的访问量和知名度。推广方法有很多，例如在搜索引擎上注册、与其他网站交换链接、加入广告链等。

八、维护更新

网站要注意定期维护更新内容，保持内容的新鲜度，不要一做好就置之不理，只有不断补充新内容，才能吸引住浏览者。

四

一、首先确定你要制作的网页的主题，即你建这个网站的内容是什么（注：网站与网页的关系与区别就好比一本书与其中的一页的关系）；

二、确定你的网页的阅读对象，即你的网页是准备给哪些人看的；

三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，我建议你使用frongpage，因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，就可以很快制作出网页，如果你想成为专业的网页制作人员，我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。

四、如果你制作好了页面，就需要考虑你的网页放到什么地方发布，也就是我们常说的发布空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。

五、找到发布空间后，你需要将自己的网页上传到发布空间，这需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的2.0中文版不能正确使用，我建议使用1.31版。

六、制作网页需要的其他相关软件：ACDSEE，这是查看图片的最佳软件，也可以对图片进行简单的处理，目前的版本是4.0，网上很多地方可以下载；另外，如果你对图片需要进行复杂处理，最好选择使用PHOTOSHOP，目前的版本是7.0，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对较难。

7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。

8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。

9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。

10、如果对一张图片不满意，想更换另一张，最简单的方法是双击此图片，直接选择要替换的图片即可。

11、在预览网页之前最好先保存一下，有时候在不能正确预览网页时，保存一下就可能会解决这个问题。

12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file->convert->3.0 browser compatible”命令，因为这一选择会把所有3.0浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver到底做了什么，具体发生了哪些变化。而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。

五---资源

1.水晶情缘--网页特效专家 2006情人节特别版

这个软件是专为那些想在网上安家而苦于制作网页特效的人设计的。

这个软件是专为那些渴望在网上安营扎寨却苦于制作网页特效的人们量身定制的。

网站构建大师 1.01

不谙制作网页的专业技术，无需掌握网页编程技巧，无需具备任何专业背景知识，只要会使用

www.onlinedown.net/soft/7597.htm
网页背景挑选器 2.5.1

在您制作网页时，您是否为了在众多素材中挑选一张背景，常常需要使用看图软件进行查看--修改网

www.onlinedown.net/soft/11406.htm
Animagic GIF 动画制作器 1.22

一款十分实用的制作网页动画的软件，它提供了六种特效，还支持拖拽功能，它不仅支持gif

www.onlinedown.net/soft/4904.htm
Animagic GIF 动画制作器 1.22 汉化补丁

一款十分实用的制作网页动画的软件，它提供了六种特效，还支持拖拽功能，它不仅支持gif

www.onlinedown.net/soft/6612.htm
Macromedia Authorware V7.0

先进的、丰富的视音频、可视媒体集成制作解决方案，适用于制作网页和在线学习应用软件

download.21cn.com/list.php?id=31900
Picture2Web 2.3.1

一款用于制作网页电子相册的优质工具

download.pchome.net/design/homepage/9539.html
SCP 按钮魔法师 4.0

一款专门用于制作网页广告横幅和按钮的软件

download.pchome.net/design/webpic/2138.html
Animagic GIF 动画制作器 V1.22

一款十分实用的制作网页动画的软件，它提供了六种特效，

www.skycn.com/soft/2406.html
Magic Gallery 4.5

一款用于制作网页照片集及其缩略图的软件

download.pchome.net/design/homepage/17444.html
Animagic GIF 动画制作器 1.22

一款十分实用的制作网页动画的软件

download.pchome.net/design/animation/633.html
Banner Maker Pro V4.0.0.1汉化版

是一套制作网页横幅广告及按钮的软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

www.skycn.com/soft/2507.html
Banner Maker Pro V6.0.6

是一套制作网页横幅广告及按钮的软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

www.skycn.com/soft/2506.html
Animagic GIF 动画制作器 V1.22汉化补丁

一款十分实用的制作网页动画的软件，它提供了六种特效，

www.skycn.com/soft/2407.html
Mapedit 3.16

制作网页Image Maps的工具

download.pchome.net/development/html/13659.html
Banner Maker Pro 6.0.6

是一套制作网页横幅广告及按钮的软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

www.onlinedown.net/soft/9507.htm
GIF 分发器 1.0

是一个快速制作网页动态GIF图片的优质工具

download.pchome.net/design/animation/923.html
自助建站专家 5.0

不谙制作网页的专业技术，无需掌握网页编程技巧，无需具备任何专业背景知识，只要会使用

www.onlinedown.net/soft/13044.htm
酷网宝典(CoolWEB) 2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态

www.onlinedown.net/soft/6658.htm
下雨天网页特效王 RD2.0

制作网页的好助手，提供大量特效代码

download.pchome.net/development/html/17686.html
Macromedia Contribute 3.11

Macromedia推出的全新概念网页设计工具，可以将网页编写程序化繁为简，制作网页，现在就

www.onlinedown.net/soft/20135.htm
酷网宝典(CoolWEB) V2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作

www.skycn.com/soft/10742.html
Button Magic V4.0

一款专门用于制作网页广告横幅和按钮的软件，可存成 BMP、JPG

www.skycn.com/soft/2508.html
Liatro 按钮制作器 V2.2

Liatro 按钮制作器是一套专门用于制作网页按钮的绘图软

www.skycn.com/soft/8697.html
Mapedit V3.16

制作网页Image Maps的工具，小巧、使用方便。

www.skycn.com/soft/7725.html
网站构建大师 V1.01

不谙制作网页的专业技术，无需掌握网页编程技巧，无需具备任何专业背景知识，任何人只要

www.skycn.com/soft/9476.html
GIF 分发器 1.0

是一个快速制作网页动态GIF图片的优质工具，使用者只需移动操作视窗上的浮标组，来调整

www.onlinedown.net/soft/14222.htm
Reptile V3.0

所见即所得的背景制作软件，制作网页背景再也不需要求

www.skycn.com/soft/2541.html
GIF 分发器 V1.0

是一个快速制作网页动态 GIF 图片的优质工具，使用者只需

www.skycn.com/soft/2417.html
网站构建大师 V1.01

不谙制作网页的专业技术，无需掌握网页编程技巧，无需具备任何专业背景知识，任何人只要

download.21cn.com/list.php?id=24329
MapEdit V3.05汉化版

制作网页Image Maps的工具，小巧、使用方便。本

www.skycn.com/soft/16664.html
网页特效王 Beta 1

制作网页特效的得力助手，正在进一步开发中

www.onlinedown.net/soft/24073.htm
MapEdit 3.16

小巧但使用方便的制作网页ImageMaps的工具!

www.onlinedown.net/soft/9690.htm
Picture2Web V2.3.1

Picture2Web是一个用来制作网页电子相册的优质工具。它

www.skycn.com/soft/6878.html
Banner Maker Pro V6.0.1

制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、

download.21cn.com/list.php?id=10850
Button Magic 4.0

一款专门用于制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。