网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。
创建和设置
1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。
2)模板的作用：有利于保持网页风格的一致;提高工作效率。
1.创建模板
1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开：Window菜单--Templates
2)创建基于文档的模板：File菜单-SaveAsTemplate
2.设置模板页面属性
1)用模板创建的文档继承模板的页面属性，页标题除外。
2)设置：Modify菜单-PageProperties
3.定义模板的可编辑区
1)定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion
2)取消可编辑区标记
Modify菜单-Templates-RemoveEditableRegion
应用和更新
1.应用模板创建文档
1)应用模板创建文档
使用模板创建新文档：File菜单-NewFromTemplate
或：File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板：Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select
或：从模板面板中拖一个模板到文档中
或：从模板面板中选定一个模板，单击Apply
2)可编辑区和锁定区
在应用了模板的文档中，只有可编辑区的内容才可以修改。
3)把页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。
具体操作：Modify菜单-Templates-DetachFromTemplate
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-UpdatePages
网页设计模版是什么?应该怎么设计_网页设计与制作模板
网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。
创建和设置
1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可编辑,哪些元素可以编辑。其扩展名为.dwt。
2)模板的作用:有利于保持网页风格的一致;提高工作效率。
1.创建模板
1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开:Window菜单--Templates
2)创建基于文档的模板:File菜单-SaveAsTemplate
2.设置模板页面属性
1)用模板创建的文档继承模板的页面属性,页标题除外。
2)设置:Modify菜单-PageProperties
3.定义模板的可编辑区
1)定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion
2)取消可编辑区标记
Modify菜单-Templates-RemoveEditableRegion
应用和更新
1.应用模板创建文档
1)应用模板创建文档
使用模板创建新文档:File菜单-NewFromTemplate
或:File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板:Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select
或:从模板面板中拖一个模板到文档中
或:从模板面板中选定一个模板,单击Apply
2)可编辑区和锁定区
在应用了模板的文档中,只有可编辑区的内容才可以修改。
3)把页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。
具体操作:Modify菜单-Templates-DetachFromTemplate
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-UpdatePages
如何制作网页模板首先你要明白网页制作的流程:
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)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入图片,输入文字等媒体内容。然后可以保存为模板。
ps怎么设计网页模板ps怎么设计网页模板?ps怎么设计网页模板?我们在看网站的时候会发现设计师们也越来越注重模式设计,不同的网站设计风格,需要不同的设计思路,网站的设计需要什么要求呢?接下来小编就带大家来看看网页的设计方法。在网站设计中使用字体的步骤。首先,我们需要先确定一个网站的类型和类型。如果是企业网站,我们就需要将网站的内容编写成标题、副标题和正文,然后根据内容的主题来设计网站的页面,同时也要注意网站中的字体的统一性。如果是商城网站,我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式,如站酷、淘。最主要的是表现网站的内容。这是因为其他网站从来也不是为了好看而设计的,都是为了让用户感到舒适。
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
扩展资料：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
参考资料：百度百科：设计
转载请注明：片头模版 » 网页设计与制作模板教程(网页设计制作详细流程)
