网页设计 百分网手机站

Dreamweaver制作网页学习教程

时间:2020-10-11 20:19:32 网页设计 我要投稿

Dreamweaver制作网页模板学习教程

  何用Dreamweaver制作网页模板呢?下面小编将为大家分享一种学习方法,希望对您的学习有所帮助!更多内容请关注应届毕业生考试网!

  如何制作网页模板第一步、建立模板

  1、创建模板的页面

  最简单的方法是就将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板的文件夹——Templates来保存这个模板。

  当然,其实也可以新建一个模板:Window→Templates,会出现Templates面板,单击右下角的New Template这个按钮,输入文件名之后,就建立好了一个空模板;再单击Open Template按钮打开这个模板,保存后自动存放在网站模板文件夹Templates当中。

  新建、打开的模板页面和普通的网页基本没什么不同,同样还可以加入表格、层、图片、动画、脚本和设置页面属性等。

  2、要设定可编辑区域

  设定模板可编辑区域,一般来说是有两种方法的。

  新建一个可编辑的区域:选择命令按钮:Modify→Template→New Editable Region。在空白区域中单击后执行该命令就可以将该区域变为可编辑的区域。

  标记某一个区域为可编辑的区域:选择命令按钮:Modify→Template→Mark Selectin as Editable Region。如果某个区域已经有一些文字了,并且希望以后在新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令就可以了。

  取消可编辑的状态:选择命令:Modify→Template→Unmark Editable Region。执行命令后会弹出一个对话框,其中有当前已有的`可编辑的区域列表,选中要取消的区域名称,点击确认即可。

Dreamweaver制作网页模板学习教程

  如何制作网页模板第二步、使用模板

  1、根据模板来新建页面

  弹出该对话框,从模板列表中选取一个模板,出现的新页面中除了可编辑的区外均有背景,这个是不能进行修改的部分。空白处的Main编辑区就可一直接进行插入表格、文字或者图片等操作,Exp编辑区要保留有原来的文字,修改或重新编辑也都可以。

  2、对一个已有内容的页面应用模板

  选择模板之后还会弹出一个对话框,让您选择现有的孤的立内容保存到那个可编辑的区域。要是不想保留就直接选择“(none)”。

  3、以全面更新站点更新模板

  基于某一个模板建立了一些页面之后,对模板进行修改保存的时候,就自动弹出了一个对话框,列出所有的使用了该模板的页面,询问是不是要更新。

  还有另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages的对话框中选择一个站点或站点的某一种模板,单击右变的Start按钮,软件会自动搜索与该模板相关联的网页并对其进行更新。也是非常方便的!

【Dreamweaver制作网页模板学习教程】相关文章:

1.Dreamweaver怎样制作网页模板

2.dreamweaver怎么制作网页

3.Dreamweaver定义模板批量制作网页技巧

4.Dreamweaver定义模板批量制作web网页

5.Dreamweaver网页设计制作技巧

6.制作网页,dreamweaver的基本步骤

7.提高 Dreamweaver网页设计制作技巧

8.Dreamweaver网页设计制作的技巧

9.Dreamweaver制作网页实用技巧