如何制作网页模板
首先你要明白网页制作的流程：
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）即可
你可以用Photoshop来制作网页模板，然后用Photoshop的切片工具把模板分割好，点文件→另存为web格式文件就可以把其存储为一个网页，然后需要怎么样加工就要利用到网页设计软件了，如：Dreamweaver
,
Front
page
在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
1.网页顶端的标题“我的主页”是一段文字。
2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。
3.网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始制作了。
1
解决方法与步骤：
1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。
2
2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。
3.进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。
2
4.使用插入栏：单击插入栏对象按钮>选按钮，弹出“选择图像源文件”对话框，其余操作同上。
5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。
6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样编辑完毕了。
5
7.在页面编辑器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。
6
在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。
<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容
<body bgcolor>=背景色；</body>：网页主体部分
<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内
<meta name=关键字 content=IT，教育，网络”>：设定搜索关键字
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。
设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。
用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
创建和设置
1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。
2)模板的作用：有利于保持网页风格的一致提高工作效率。
1.创建模板
1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开：Window菜单--Templates
2)创建基于文档的模板：File菜单-Save As Template
2.设置模板页面属性
1)用模板创建的文档继承模板的页面属性，页标题除外。
2)设置：Modify菜单-Page Properties
3.定义模板的可编辑区
1)定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、New Editable Region
2)取消可编辑区标记
Modify菜单-Templates-Remove Editable Region
应用和更新
1.应用模板创建文档
1)应用模板创建文档
使用模板创建新文档：File菜单-New From Template
或：File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select
或：从模板面板中拖一个模板到文档中
或：从模板面板中选定一个模板，单击Apply
2)可编辑区和锁定区
在应用了模板的文档中，只有可编辑区的内容才可以修改。
3)把页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。
具体操作：Modify菜单-Templates-Detach From Template
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-Update Pages
