开门见山吧。
1、软件选择
常用的有dreamweaver, expression blender等，建议先学习dreamweaver，dreamweaver自带的代码提示功能与可视视图。对于小白来说，是个容易上手的工具。
2、书本与网络教程
书本先熟悉html标签与css语言的用法，书本上的实例，跟着做。有时间经常做练习。对于一些理解困难的问题多做笔记，去网上查，一些博客分享的案例都写的很详细。网上有一部分免费的课程，如腾讯课堂、YY教育学习平台等。还有一些问答平台。如在头条的悟空问答里提问，里面有不少高手。
3、案例分析
在网上多看看如头条、阿里、腾讯网站的布局。网页布局是一个个DIV盒子组成，分析DIV的层级结构，学习制作页面的规范，如DIV的命名、注释等。规范对网站的维护与团队协作起到了很重要的作用，提高了效率。还有一点，你跳槽了，工作交接到另一位小伙伴手上，不至于另一个人接手看不懂。
4、借助工具
借助浏览器自带的检查工具。一些浏览器都自带检查工具。如谷哥浏览器的“检查元素”、IE的“检查元素”、火狐的“查看元素”等。如谷哥右健的“检查元素”，可以清晰的 看到代码层级、标签元素、对应的CSS样式，可以让你马上检查出问题的所在。
5、向高人请教
项目比较急的情况下，自己研究费时间、到网上找答案不全面。这个时候就要找你的同事、朋友请教了，注意对别人客气一点，有求于别人嘛。把问题用笔记本一次性全部记录下 来，再向别人请教。解决问题的方法与结论做详细的笔记，免得一个问题反复的问别人，大家都很忙的。
6、总结经验
在做项目的时候，定期总结，碰到的一些难题，刻意的多做几次，有利于加深理解。下次做同样的项目，问解就很快的解决了。这样提升了效率，不至于每一次都去百度上找答案。
7、加强JS的学习
建议先学习原生的Javascript后面对熟悉各种框架非常有用。如Jquery ,Vue, Angular等。
最后保持持续学习的心态。欢迎大家补充！
1. 首先, 明确概念
做网页 vs 做网站
做网页：这里就只代表制作静态网页。静态网页是一切网站的基础。制作静态网页非常之简单，少看个电影就能入门了。而且很多童鞋很多时候其实就只需要几个静态网页。本文会集中火力讲解怎样学习静态网页的制作。
做网站：这里就指动态网页了。这个需要有高级程序语言的基础，这里不讲，等下篇吧。
设计网页 vs 制作网页
设计网页：简单地说，就是指将网页画出来。这个属于美工的范畴，而不是程序。程序猿们还是先使劲学程序吧，你学的那点很难上得了厅堂。
制作网页：简单地说，就是指将美工画出来的网页做成静态网页。目前国内这个还是程序猿的活。但国外很多美工都能做出代码质量很高的静态网页。因为静态网页的制作真的很好学，很简单。看到这里，你的信心增强不少了吧！
2. Web标准
什么是W3C？（官方网站）
Web标准的含义
这个部分第一次看的时候，不用看得太明白。等掌握了HTML和CSS之后应该再复习一下这个部分。
3. HTML
HTML并非是单纯的一行一行的代码，而应该有严禁的结构——DOM。您写的不是代码，您写的也不是寂寞，您写的是一棵树。
HTML就是网页的骨骼，就是网页的结构。
关于HTML的教程，网上有很多，但很多都有些过时或者繁琐。个人比较推荐 网页设计师 和 W3School (英文版)。
这个阶段需要看的内容为：
HTML教程 只看其中的基础教程
好了，对于HTML，就只需要学习这么多。不要惊讶，这就是基础，就这么少，但一定要全部掌握。
4. CSS
CSS就是网页的皮肤。学会CSS之后你就可以随心所欲地控制网页的样式了。
CSS教程 也要注重实践哦！
5/6
5.XHTML+CSS
6.Javascript
原创文章，作者：普尔小编，如若转载，请注明出处：http://www.puerpx.cn/pxwd/1913.html
