如何构建零成本的常规网站
网站构建，简单来说，是指通过页面架构定位、合理规划、图像文字处理、程序设计、数据库设计等一系列工作的综合，也是将网站设计师的图像以HTML（在标准通用标记语言下的一个应用）形式呈现出来。
网站构建属于前端工程师的职责范围，前端工程师的工作包括：网站设计、用户体验、前端JAVA效果、网站构建等。网站构建是策划师、网络程序员、网页设计师等岗位，运用各种网络开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建立站点，并包含域名注册和主机托管等服务的总称。
免费建站步骤：
1、首先明确要构建的是一个什么类型的网站，也就是说这个网站是用来做什么的；例如，我想构建的网站是一个企业网站，是做电子电器的，那么就要围绕这些内容进行构思，也可以参考一些同类的网站，
2、根据构思好的网站主题来选择一个域名，域名一定要选得好，这对你网站未来的发展非常重要，因此一定要根据你网站的主题来选择（如果是企业网站的话，一般都会以公司品牌名的全拼或者简拼来选择）；
3、域名选好后，接下来就是上面所说的网站构建最复杂的部分了（网页设计、程序开发），即网站程序源码，我是使用别人开发好的网站模板源码进行修改的，因为这样可以节省很多时间，实际上很多网站都会找一些相关性的网站模板根据自己想要做的网站进行修改的；
4、待网站程序源码完成并在本地测试正常后，根据网站所需的空间需求来租用服务器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：服务器分为国内和国外，最大的区别就是国内的空间需要进行备案而国外的空间不需要，购买后可直接使用；
5、服务器空间购买好后，就将网站的程序源码用FTP上传工具上传到服务器空间，并将后台数据导入到空间数据库，网站就可以在互联网上正常运行了。
如何免费构建网页
首先，可以告诉想要学习网页构建的朋友。学习网页构建和学习其他知识一样，需要具备一定的基础。在基础之上学习起来会更加轻松和高效。其次，要清楚学习它是用来做什么的。
建议你具备的条件：对电脑操作熟练，最好使用电脑一年以上，对网页设计感兴趣，有充足的学习时间，熟悉Office办公软件。当然，这些不是一定必须的。
第一阶段：开始时最好是学习一些网页编辑软件，如：FrontPage、Dreamweaver。这样可以使您更了解网页构建与运营的原理。最好拿本教程来学习，结合教程边学习边构建。
第二阶段：学会使用网页构建软件后，已经可以制作一个较为完整的网站了。但为了使自己的设计制作的网页更加完美，还是学习网页的核心技术吧！网页编辑语言（包括：html、css、javascript、asp、xml等）。你可以有选择地学习。
第三阶段：结合自己已经掌握的知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。
如何构建网页，不是一篇文章能够说清楚的。以上介绍的是构建网页的主要框架，希望能够给想要学习构建网页的朋友一个参考。
二
一、工具
1、空间
网页做好了肯定是要发布上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。
2、软件
推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也就是制作过程中看到的，就是发布到网络上看到的。
二、教程
花点时间，找个比较易懂的教程看一看是很有必要的。每个网页的组成，不外乎是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何构建网页了。推荐一个教程地址，有空可以去看看，
三、构建
开始时建议去下载一个比较简单的网页，在构建软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教程，进度会快很多，记得也牢一些。
其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。
一点个人的浅显体会，不妥之处敬请指正。
三
网站设计八个步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以构建网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会构建网页，于是他们认为网页构建非常简单，就匆匆忙忙构建自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、收集素材
一、首先明确你要构建的网页的核心主题，即你构建这个网站要传达的内容是什么（注：网站与网页的关系类似于书籍与其中某一页面的关系）；
二、确定你的网页的目标受众，即你的网页是为哪些人准备的；
三、挑选制作网页的软件工具，常见的有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，最好不要使用“文件->转换->3.0浏览器兼容”命令，因为这一选择会把所有3.0浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver到底做了什么，具体发生了哪些变化。而且要提醒你，在对一批页面执行此操作时，一定要先备份，否则可能无法挽回。
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
9. Animagic GIF Animator V1.22
一款优秀的网页动画制作软件，提供六种特效，
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款制作网页照片集及其缩略图的软件
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一款优秀的网页动画制作软件
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1汉化版
一套制作网页横幅广告及按钮的软件。特点包含：可以调整
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
一套制作网页横幅广告及按钮的软件。特点包含：可以调整
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22汉化补丁
一款优秀的网页动画制作软件，提供六种特效，
www.skycn.com/soft/2407.html
15. Mapedit 3.16
制作网页Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
一套制作网页横幅广告及按钮的软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色
www.onlinedown.net/soft/9507.htm
17. 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
21. Macromedia Contribute 3.11
Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简，制作网页，现在就
www.onlinedown.net/soft/20135.htm
22.酷网宝典(CoolWEB) V2.0
酷网宝典(coolweb)是一款用于制作网页特效的软件。能够制作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
一款专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker是一款专门制作网页按钮的绘图软
www.skycn.com/soft/8697.html
25. Mapedit V3.16
制作网页Image Maps的工具，小巧、使用方便。
www.skycn.com/soft/7725.html
26.网建博士 V1.01
无需掌握制作网页的专业技术，无需了解网页编程，无需具备专业背景知识，任何人只要
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
一款快速制作网页动态GIF图片的优秀工具，使用者只要移动操作视窗上的浮标组，来调整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所见即所得的背景制作软件，制作网页背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
一款快速制作网页动态 GIF图片的优秀工具，使用者只要
www.skycn.com/soft/2417.html
30.网建博士 V1.01
无需掌握制作网页的专业技术，无需了解网页编程，无需具备专业背景知识，任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05汉化版
制作网页Image Maps的工具，小巧、使用方便。本
www.skycn.com/soft/16664.html
32.网页特效王 Beta 1
制作网页特效的得力助手，正在进一步开发中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但使用方便的制作网页ImageMaps的工具！
精致却操作简便的网页ImageMaps制作工具！
www.onlinedown.net/soft/9690.htm
34. 图片转网页 V2.3.1
图片转网页是一款优秀的网页电子相册制作工具。它
www.skycn.com/soft/6878.html
35. 横幅制作** Pro V6.0.1
这是一款制作网页横幅广告及按钮的软件，具备：可调节看板及按钮大小、挑选背景色调等功能。
download.21cn.com/list.php?id=10850
36. 按钮魔法师 4.0
一款专注于制作网页广告横幅和按钮的软件，支持保存为BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. 魔法相册 4.5.13
魔法相册是一款制作网页照片集及其缩略图的软件，能够轻松调整图片尺寸。
www.onlinedown.net/soft/22860.htm
38. 魔法相册 V4.5.13
魔法相册是一款制作网页照片集及其缩略图的软件，
www.skycn.com/soft/16474.html
39. 雨中网页特效** RD2.0
制作网页的得力助手，该软件集成了丰富的javascript特效和vbscript特效。您只需简单
download.21cn.com/list.php?id=42907
40. BSC轮廓教程 V5.10
一款用于制作网页Java applet导航条的软件，类似于文件管理器
www.skycn.com/soft/494.html
