目 的： 下一节
制作一个简单的、带美工的模板。
模板的效果图
效果图从 Photoshop 中导出生成，并经 Dreamweaver 加工后的文件夹及文件
制作前的准备： 上一节 下一节 回顶部
1、用 txt 方式打开由网站效果图导出、经 Dreamweaver 加工过的 html 文件。
操作方法：选中该文件，鼠标右键单击，弹出右键菜单，在其中选择“打开方式”－“记事本”即可。（如没有显示“打开方式”，可在右键的同时，按住键盘中的“ Shift ”键。）
2、整理模板所需的图片及 css 、 js 等文件到同一个文件夹中。
在切割后导出的小图片中整理出模板所需的所有图片，存放在一个名为 gzeduweb 的文件夹中。同时如果模板中有用到 css 、 js 等文件的，也一并存放到该文件夹中，这样上传完图片后，不需再更换目录，直接更改上传的参数设置就可以接着上传此类文件。为方便起见，我把该文件夹放到了电脑桌面的 testmodlepage 文件夹下。
制作步骤： 上一节 回顶部
第一步 进入模板管理信息页面
第二步 添加模板操作
第三步 编辑模板——使用“模板图片路径修正工具”修正模板源码的图片路径
第四步 编辑模板——使用“上传助手工具”上传所需的所有文件
第五步 编辑模板——删除多余内容，插入拖动区域
第六步 查看、调整并保存
第一步 进入模板管理信息页面
图 1 单击“ 网站模板管理 ”菜单项进入
第二步 添加模板操作
图 2 单击“ 添加 ”按钮,添加新的布局模板