这里所说的网页是指包含javascript代码在内的html静态网页(在做动态网站时称之为模版页)。我接触页面制作的时候连基本的css语法都不会，之前也很少用table的方式写，所以直接从div+css学起，开始是看别人写好的网页，然后分析他们的每一行代码，后来发现这样学习不太适合我，于是就把一个结构不太复杂的网页截图，然后照着图片来写html结构的网页。
开始的时候连基本的margin、padding这样基本的语句我都不会，但是我并没有用dreamweaver、frontpage这些有代码提示和控件拖拽功能的软件来写网页，因为师兄告诉我说初学网页制作一定不要用代码提示类的软件。当时不懂为啥，后来写熟练了甚至不去碰那些软件，才明白其中的道理，这些软件是提高工作效率用的，有时候时间短、任务重，必须要提高代码书写效率，迫不得已用一下(虽然这样说，但实际中我觉得不用这些软件效率会更高)。
用什么软件写html并不是那么重要，你入门时可能用过Editplus、Notepad++、sublime text2、ultra edit、vim等代码编辑器，也可能和我一样会在百度和谷歌中疯狂的搜索用那种软件写页面最好，甚至不惜浪费时间用不同的编辑器写相同的代码来体验生活，这都是新手学习初期很容易遇到的问题。我们大可不必在选择编辑器上下功夫，那些所谓的神一样级别的编辑软件我们其实只能用到它们所有功能的1%，而我们能用到的功能所有的编辑器都有，所以看着哪个比较顺眼拿来用就行了，代码还是要自己一个一个的敲出来，不要用代码提示功能，如果软件默认开启了代码提示，就主动把它关掉，如果你一心想成为一个高手，那么告诉你，真正的高手就算用windows自带的记事本也能写出华丽丽的代码。
建议新手不要去一条条的看那些网上的教程，而是从一个简单的只有框架的页面入手，自己动手看能否实现这个html页面效果，遇到解决不了的问题可以像别人请教，css中涉及的那些语法还有要记住的单词，写一两遍肯定是记不住的(我不是天才)，至少要写好几十遍才能记住，然后逐渐提高页面结构的难度，想办法实现javascript的动态效果。最后，也是最重要的，就是在不同浏览器中的显示效果一致的问题，这是个困扰前端页面制作人员多年的难题，不过都有办法来解决，遇到了正常显示的网页在另一个非同类浏览器(或者同类不同版本)中显示错乱时，不要怀疑自己的代码，那就是浏览器的解析差异导致的，这些问题早有高人已经遇到过，去百度搜索一下就能得到解决办法。