首先你要明白网页制作的流程：
1、网页设计师（主要是用PS）先将网页设计出来。
2、进行网页制作，就是切片，div+css布局，将图片变成网页。
3、后台制作。可以自己开发，也可以套用cms，如dedecms，phpcms。等
4、具体步骤就是这样。详细的牵扯到一些技术，就是html，div+css,js，（jquery,js框架）。
后台目前流行PHP语言。这些都是基础
5、需要学习的有，html，div+css ， js （jquery） ， php等。
教程网站，百度“W3C”，即可
如果你只是制作模板，那么就学习html，div+css ， js （jquery）即可
网页设计模板是什么
网页模板, 必须添加可编辑区,套用模板生成的网页可随模板更新，但可编辑区的内容是可编辑的。不随模板的改变而改变。
1、新建〉html模板
2、编辑网页（ 需要的样式、或是依 设计的）
3、在 需要更改内容的地方添加可编辑区：插入〉模板对象〉可编辑区域（ctrl+alt+a）
4、文件〉另存为模板。 模板扩展名为.dwt;
5、可以通过修改〉模板〉应用模板到页&更新页面来操作
如何设计网页的模版，
你想从事网页页面制作的，个人觉得dreamweaver不错。它可以有直接code编辑（自己写代码，然后自己看效果图）和直接页面设计（直接类似画图的，画完后有代码显示给你参考）；而图片制作的ps是很好的，狠需要下功夫
推荐下
这个网站，它上面有html，css，javascript等变成语言，支持在线编辑。可以边看边学。不过这个线上，都是基本的，让你熟悉够了。如果深入，建议你可以找个书看看，比较深入的。