网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：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．网页的主体内容将写在( A)标签内部。
A．<BODY> B．<HEAD> C．<HTML> D．<P>
2．HTML中可以指定的最大字体size=（ C）。
A．1 B．7 C．36 D．12
3．超级链接主要可以分为文本链接、图像链接和（ A）。
A．锚链接 B．瞄链接 C．卯链接 D．瑁链接
4．Firework中PNG是什么意思（ A）
A.可移植的网络图形 B.设计主页图形
C.三维图形 D.平面图形
5．在指定网页背景图像在页面的显示方式时，如果作为背景的图像铺满网页应选择“重复”选项为（ B）。
A．不重复 B．重复 C．横向重复 D．纵向重复
6．在Dreamweaver8.0中“创建网站相册”命令在（ D）菜单可以找到。
A．文件 B．插入 C．编辑 D．命令
7．在Dreamweaver中，下面对象中可以添加热点的是( C)。
A．帧 B．文字 C．图像 D．任何对象
8．下列关于元件的正确解释是（ D）。
A．元件与实例是同一个概念 B．一个元件可以在动画文档中多次使用
C．元件不能在多个文档中使用 D．上面三种解释都正确
9．在( D)文本框中输入数据后，数据以*号显示。
A．单行文本框 B．多行文本框 C．数值文本框 D．密码文本框
10．在CSS语言中下列哪一项是"左边框"的语法？（ C）
A.border-left-width:<值> B.border-top-width:<值>
C.border-left:<值> D.border-top-width:<值>
11．在Dreamweaver中，( D)不是动作类型。
A．打开浏览器窗口 B．弹出菜单
C．显示-隐藏层 D．网页错误
12．在导出图像切片时，Fireworks默认的保存类型是( A)。
A．HTML和图像 B．仅图像 C．doc D．htm
13．Dreamweaver保存当前文档的快捷操作是( A)。
A．Ctrl+S B．Ctrl+Shift+S C．Ctrl+F12 D．Ctrl+F7
14．为链接定义目标窗口时，_blank表示的是（ B）。
A．在上一级窗口中打B．在新窗口中打开
C．在同一个帧或窗口中打开D．在浏览器的整个窗口中打开，忽略任何框架
15．使用dreamweaver在IE浏览器中预览网页的快捷键是（ D）。
A．F9 B．F10 C．F11 D．F12
16．在帧上做形变动画后，中间帧的颜色为（ D）。
A.红色 B.紫色 C.白色 D.绿色
17．Dreamweaver模板文件的扩展名是( A)。
A．.html B．.htm C．.dwt D．.txt
18．变换图像实质是当鼠标位于该图像时，触发了一个( C)动作。
A．OnClick B．OnDbClick C.OnMouseOver D．OnMouseDown
19．在Dreamweaver中，下面可以用作代码编辑器的是( A)。
A．记事本程序 B．Photoshop C．Flash D．以上都不可以
20． HTML的段落标志中,标注行中断的是?（ A）
A.<Hn></Hn> B.<PRE></PRE> C.<P></p> D.<br/>
填空题：
1．红色的颜色代码是。
2．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为(0)。
3．建立与电子邮件的超链接时，在属性面板的链接文本框中输入(mailto:)+电子邮件地址。
4．单元格间距是指单元格与之间的距离。
5．通常用于网页的三种图像格式是(jpg)格式、(gif)格式和（png）格式。
6．在Flash中，三种元件类型是图形、(影片剪辑)、(按钮)
7．行为由和两部分组成。
8．如果页面中有n个框架，则需要保存的网页文件有个。
9．要确保浏览器显示的表格没有单元格边距和间距，应将单元格边距和间距设为(0)。
10．Dreamweaver8.0中三种“视图”是代码，(设计)和（代码和设计）
转载请注明：片头模版 » 网页设计与制作模板(网页设计模版是什么应该怎么设计)
