建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。
第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。
第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。
第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。
怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。
二
一、工具
1、空间
网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。
2、软件
推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。
二、教程
花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，http://www.goeway.com/WEB/INDEX.ASP
三、制作
开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。
其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。
一点个人的粗浅体会，不妥之处敬请指正。
三
网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是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 情人节特别版
这个软件是专为那些想在网上安家而苦于制作网页特效源
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的工具!
www.onlinedown.net/soft/9690.htm
34. Picture2Web V2.3.1
Picture2Web 是一个用来制作网页电子相簿的好工具。它
www.skycn.com/soft/6878.html
35. Banner Maker Pro V6.0.1
制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. Magic Gallery 4.5.13
MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节图片尺寸。
www.onlinedown.net/soft/22860.htm
38. 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
40. BSCOutline Tutorial V5.10
用来制作网页上的Java applet导航条，类似于文件管理器
www.skycn.com/soft/494.html
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
那么我们应该怎么学习web前端开发这门技术呢 ？
现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是四 四 五，中间是I 零 七，最后是四 八 六！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。
随着近两三年来RIA（Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序）的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和服务器端语言（PHP、.NET，JSP、Python）等语言，前端开发工程师也需要掌握。
前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。
HTML 甚至不是一门语言，他仅仅是简单的标记语言！CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript 的基础部分相对来说不难，入手还算快。
也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
Web前端技术有一些江湖气，知识点过于琐碎，技术价值观的博弈也难分伯仲，即全局的系统的知识结构并未成体系，这些因素也客观上影响了“正统“前端技术的沉淀！而且各种“奇技淫巧”被滥用，前端技术知识的传承也过于泛泛，新人难看清时局把握主次。因此，前端技术领域，为自己觅得一个靠谱的师兄，重要性要盖过项目、团队、公司、甚至薪水。
另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。
随着手持设备的迅猛发展，带动了 HTML5行业标准的快速发展。web领域的技术，大概有10年都没有大的更新了！现在市场很需要优秀的、高级的前端工程师。一方面是因为这是一个比较新的细分行业，而且前端程序员大都自学一部分，知识结构不系统；另一方面，大学里面没有这种课程。
吴亮在《JavaScript 王者归来》第一张的序里面说：大多数程序员认为 Javascript 过于简陋，只适合一些网页上面花哨的表现，所以不愿花费精力去学习，或者以为不学习就能掌握。实际上，一门语言是否脚本语言，往往是她的设计目标决定，简单与复杂并不是区分脚本语言和非脚本语言的标准。事实上，在脚本语言里面，Javascript 属于相当复杂的一门语言，他复杂度即使放在非脚本语言中来衡量，也是一门相当复杂的语言！Javascript 的复杂度不逊色于 Perl 和 Python！
如何学习前端知识？
我们生活在一个充满规则的宇宙里面。社会秩序按照规则运行，计算机语言几乎全部是规则的集合。计算机前辈们定义规则，规则约束我们，我们用规则控制数据。大部分时候，对数据的合理控制，来自于你对规则的掌握。
学习 HTML，CSS 应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。而学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！如果你只想当一个普通的前端程序员，你只需要记住大部分 Javascript 函数，做一些练习就可以了。如果你想当深入了解Javascript，你需要了解 Javascript 的原理，机制。需要知道他们的本源，需要深刻了解Javascript 基于对象的本质。还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。
因为历史原因，Javascript一直不被重视，有点像被收养的一般！ 所以他有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript 的这些缺陷。
那么一名优秀的、甚至卓越的 前端开发工程师的具备什么条件？
首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是就技术的延伸。
二、制作自己的网站;[可以用Dreamwever2008、PS配合,也可以在硅谷动力看视频教程];
三、把自己做好的站上传上去-推荐上传软件FlashFXP;
四、网站的后期维护与管理
有需要可以找我我可以帮你
这个比较好免费申请的，他们有很多个服务器...
建议你使用Dreamweaver这个软件制作，里边也有简单教程，很简单的。