如何制作网站模板？从设计到模板完成具体步骤是怎么样的？请详细说明一下Photoshop和Dreamweaver的操作
网站制作流程：
1.用Photoshop制作出效果图，也有用Firework的。
2.把效果图转成Html文件。早期用Photoshop里的切片工具做成全站表格形式的，现在已经不提倡使用全站表格，当前主流制作是用Div+CSS布局。
使用Div+CSS的好处一是网页加载快，二是对搜索引擎友好，三是后期网站维护方便。
3.Div+CSS的布局过程就是写Html代码，多用到Dreamweaver来制作。基本操作是：
先新建一个html文件，然后给这个html文件创建一个CSS样式表。细节方面需要你自己多看看教程。
4.Html文件称为静态页面，当你的网站有用到数据库时(一般现在的网站都有使用)，你还要会使用一门网站开发语言。如asp,asp.net,php,jsp，配合静态页里的布局，把代码穿插进去。
5.调试，上线。因为我们主要是为了制作一个漂亮的光盘盘面，所以本文主要讲述一下磁盘盘面的制作过程。 1、插入图片 1.1 单击“磁盘1”选项卡，调出用于磁盘盘面的模板。百度搜一下“静态网页模板”，楼主可以下载一些做参考和制普通网页是一样的。 不样，保存的时候，另存为模板，这时候是dwt文件。 也可以新建模板。 要应用模板也很简单，新建一个空的网页，打开文件面板，资源选项卡，模板，找到已存在的模板，右键，应用就行了。 个人认为dw的模板功能会增加大量的无效代码，使页面体积增大，所以从来不用。
网页设计模版是什么,怎么利用网页设计模版?
网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。
创建和设置
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网页设计模板分几种，一种是纯HTML的，一种是PSD模板，也就是可以在photoshop简称（PS）里面进行再设计的，还有一种是FLASH模板。网上一般以PS模板为多，大多数是韩国风格，FLASH的一般是欧美风格的。 如何利用网页设计模板，对于本身是设计，会使用PS的，可以进行相应的根据自己要求修改设计，往往模板只是作为参考，并不sketch.cm建议直接拿过来使用，做好模板就是切图了，这个工作很重要，切图的好坏，直接影响你的版面中制作时候的布局，最后是用网页制作软件来制作网页。大体上这样的步骤来，详细的真不是一句话两句话能说的清楚的，希望能帮到你！
希望采纳dw了
相关文章
