免费构建个人网站指南：揭秘零成本制作网页的秘诀-夫唯域名网

如何无偿构建网页

首先，可以向想要学习网页构建的朋友推荐。学习网页构建与其他知识学习一样，需要具备一定的基础。在基础之上学习，会感到更加轻松和迅速。其次，要明确学习它的目的。

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

第一阶段：起初最好是学习一些网页编辑软件，如：FrontPage、Dreamweaver。这样可以使你更深入地了解网页构建与运营的原理。最好结合教程学习，一边学习一边制作。

第二阶段：学会使用网页制作软件后，已经能够制作一个较为完整的网站。但为了使自己的网页设计更加完美，还是学习网页的核心技术吧！网页编辑语言（包括：html、css、javascript、asp、xml等）。你可以有选择地学习。

第三阶段：结合自己已掌握的知识来开发网站，可以开发出符合他人定义的目标网站。到了这个时候，你就成为了真正的网站开发者。

如何构建网页，并非一两篇文章就能讲清楚。以上介绍的是构建网页的主要框架，希望能够为想要学习构建网页的朋友提供参考。

二

一、工具

1、空间

网页构建完成后，肯定需要发布到网上，因此必须先申请一个空间；免费的空间不稳定，容量小，申请也不方便，建议到大型网站如新浪、网易购买一个个人空间，大约20M以上即可。

2、软件

推荐使用Dreamweaver6.0中文版，这个软件最大的特点是“所见即所得”，即在制作过程中看到的，就是发布到网络上看到的。

二、教程

花些时间，找一份通俗易懂的教程看看是很有必要的。每个网页的组成，不外乎是文字、表格、图、动画以及背景音乐等几个主要元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何构建网页了。推荐一个教程地址，有空可以去看看。

三、制作

起初建议下载一个简单的网页，在制作软件中打开，然后仔细观察别人的网页结构，模仿它填充各种元素，实践中再配合教程，进度会快很多，记得也更牢。

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

以下是我的一些粗浅体会，如有不妥之处，敬请指正。

三

网站设计八步骤

由于所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前那样需要手工编写一行行的源代码。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，然而与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集资料

明确了网站的主题以后，你就要围绕主题开始搜集资料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集资料，搜集的资料越多，以后制作网站就越容易。资料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的资料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上取决于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时游刃有余，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们会在下面详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的佼佼者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

材料备齐了，工具也挑选妥当，接下来便需按照计划逐步将心中的构思化为现实，这乃是一项既繁杂又细致的工程，务必遵循先宏观后微观、先易后难的原则来实施。所谓先宏观后微观，即在构建网页时，先搭建起整体的框架结构，继而逐步优化局部的设计。所谓先易后难，即先设计简单的内容，再着手复杂的内容，以便在出现问题时便于修改。在网页制作过程中，要灵活运用模板，这样可以显著提升工作效率。

六、发布检验

网页制作完成后，需将其发布至Web服务器，方能供全球的朋友们浏览。目前市面上有许多上传工具，部分网页制作软件本身即具备FTP功能。借助这些FTP工具，你可以轻松地将网站发布至所申请的主页存放服务器。网站上传后，需在浏览器中打开自己的网站，逐页逐个链接进行测试，发现问题后及时修改，然后再次上传测试。全部测试完毕后，便可将网址告知朋友，让他们前来浏览。

七、推广宣传

网页制作完成后，还需持续进行宣传，以便让更多的朋友了解它，提升网站的访问量和知名度。推广方式众多，如至搜索引擎注册、与其他网站交换链接、加入广告链等。

八、维护更新

网站需经常维护更新内容，保持内容的新鲜度，切勿一成不变。只有不断补充新内容，才能吸引住浏览者。

四

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

二、确定你的网页的受众，即你的网页是为哪些人准备的；

三、选择制作网页的工具软件，常见的有dreamweaver和office组件中的frontpage，如果你是初学者，我建议你使用frontpage，因为这个软件的入门比较简单（当然功能也很强大），如果你会使用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情人节特别版

这个软件是专为那些想在网上安家而苦于制作网页特效源

www.skycn.com/soft/14150.html

2.网建博士 1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

www.onlinedown.net/soft/7597.htm

3.网页背景选择器 2.5.1

当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网

www.onlinedown.net/soft/11406.htm

4. Animagic GIF Animator 1.22

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

www.onlinedown.net/soft/4904.htm

5. Animagic GIF Animator 1.22汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

www.onlinedown.net/soft/6612.htm

6. Macromedia Authorware V7.0

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

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

7. Picture2Web 2.3.1

用来制作网页电子相簿的好工具

download.pchome.net/design/homepage/9539.html

8. SCP Button Magic 4.0

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

download.pchome.net/design/webpic/2138.html

Animagic GIF Animator V1.22

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

www.skycn.com/soft/2406.html

Magic Gallery 4.5

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

download.pchome.net/design/homepage/17444.html

Animagic GIF Animator 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 Animator 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 Dispenser 1.0

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

download.pchome.net/design/animation/923.html

18.自助建站专家 5.0

不懂得制作网页的专业技术，不懂得网页编程技术，不需要任何专业背景知识，任何人只要会用

www.onlinedown.net/soft/13044.htm

19.酷网宝典(CoolWEB) 2.0

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

www.onlinedown.net/soft/6658.htm

20.下雨天网页特效王 RD2.0

制作网页的好助手,大量的特效代码

download.pchome.net/development/html/17686.html

Macromedia Contribute 3.11

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

www.onlinedown.net/soft/20135.htm

22.酷网宝典(CoolWEB) V2.0

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

www.skycn.com/soft/10742.html

Button Magic V4.0

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

www.skycn.com/soft/2508.html

Liatro Button Maker V2.2

Liatro Button Maker是一套专门制作网页按钮的绘图软

www.skycn.com/soft/8697.html

Mapedit V3.16

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

www.skycn.com/soft/7725.html

26.网建博士 V1.01

不懂得制作网页的专业技术，不懂得网页编程技术，不需要任

www.skycn.com/soft/9476.html

GIF Dispenser 1.0

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

www.onlinedown.net/soft/14222.htm

Reptile V3.0

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

www.skycn.com/soft/2541.html

GIF Dispenser V1.0

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

www.skycn.com/soft/2417.html

30.网建博士 V1.01

不懂得制作网页的专业技术，不懂得网页编程技术，不需要任何专业背景知识，任何人只要

download.21cn.com/list.php?id=24329

MapEdit V3.05汉化版

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

www.skycn.com/soft/16664.html

32.网页特效王 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格式。

www.onlinedown.net/soft/8830.htm

Magic Gallery 4.5.13

MagicGallery是一款制作网页图片集及其缩略图的软件，可以方便的调节图片尺寸。

www.onlinedown.net/soft/22860.htm

Magic Gallery V4.5.13

Magic Gallery是一款制作网页图片集及其缩略图的软

www.skycn.com/soft/16474.html

39.下雨天网页特效王 RD2.0

制作网页和好助手，该软件包含了大量的javascript特效和vbscript特效。你只需简单

download.21cn.com/list.php?id=42907

BSCOutline Tutorial V5.10

用来制作网页上的Java applet导航条，类似于文件管理器

www.skycn.com/soft/494.html

如何免费做网站

1、首先打开浏览器，输入“自助建站”。

2、以“凡科”为例，点击打开（免费建站空间很多的，只是举个例子）。

3、点击进入凡科建站，出现注册页面，点击“马上体验，免费注册”。

4、进入注册页面，输入手机号注册，输入密码，点击“获取验证码”，输入正确的验证码。

5、点击“免费注册”，还有可以用微信扫描二维码注册，还是需要手机验证的。

6、接下来界面你的帐号已注册成功，选择下面的选项，咱们选择“其他个人”，点击“免费使用”。