模板与库

在Dreamweaver 8中,如果设计了一种好的布局,页面看上去很美观,那么可以把它生成相应的模板保留下来,必要时可以直接套用该模板,会迅速生成风格一致的页面。模板是制作风格统一网站最快捷、最方便以及提高工作效率的方法之一。为了避免重复劳动,可以将网页中具有相同版面结构的页面制作成模板,只在基于模板新建的文档中制作不同的网页元素即可。在制作完毕后如果想要更改模板中的网页元素,还可以直接在模板文档中更改,保存模板文档的同时也更新了基于模板制作的网页。

在网页设计过程中,会发现经常有文本、图像或者其他元素在不同的网页中被反复地使用,如果逐个地去更新这些元素的话,需要做大量且繁琐的工作。通过使用库技术和资源管理,可以方便、快捷地管理和更新这些元素。对于较复杂的网页,则需要使用Dreamweaver 8的【资源】面板,从而使工作变得轻松愉快起来。

功能扩展是一些可以容易添加到Dreamweaver中的新功能。可以使用许多类型的功能扩展,比如设置网页中的快捷菜单、IE浏览器窗口中的滚动条颜色设置,以及浏览器标题栏显示带有时间的滚动网站标题等。

创建与应用模板

模板是一种将较好的格式保留以备反复使用的文件,其扩展名为.dwt。通常在一个网站中会有几十个甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航栏、各类图标就会显得非常麻烦,借助Dreamweaver 8的模板功能可以简化操作。

创建模板

方法一:【窗口】→【资源】,打开【资源】面板→【资源】面板左边【模板】→【资源】面板下方【+】(新建模板)

方法二:【文件】→【新建】→【模板页】

方法三:【文件】→【另存为模板】(将现有的HTML页保存为模板)

应用模板

方法一:【文件】→【新建】→【常规】→【页面设计(CSS)】(【入门页面】或【页面设计(有辅助功能的)】

方法二:打开需要应用模板的HTML页→【窗口】→【资源】,打开【资源】面板→选择已经创建的模板→点击【资源】面板左下方【应用】

设置模板属性

在Dreamweaver 8中模板是一种特殊的文档,可以按照模板创建新的网页。模板中有些区域是不能编辑的,称为锁定区;有些区域则是可以编辑的,称为可编辑区。通过编辑可编辑区中的内容,可以得到与模板相似但又有所不同的新网页。使用模板创建网页的最大好处就是,当修改模板时使用该模板创建的所有网页可以一次自动更新,这就大大提高了网页更新维护的效率。Dreamweaver 8提供了4种模板区域类型,分别是可编辑区域、重复区域、可选区域和可编辑标签属性。

模板中定义可编辑区域

打开模板文件→选择需要定义为可编辑区域的网页元素→【插入】→【模板对象】→【可编辑区域】→在【新建可编辑区域】对话框的名称栏目填入可编辑区域的名称→【确定】

模板中定义重复区域

打开模板文件→选择需要定义为重复区域的网页元素→【插入】→【模板对象】→【重复区域】→在【新建重复区域】对话框的名称栏目填入重复区域的名称→【确定】

模板中定义可选区域

打开模板文件→选择需要定义为可选区域的网页元素→【插入】→【模板对象】→【可选区域】→在【新建可选区域】对话框的名称栏目填入可选区域的名称→【确定】

模板中定义可编辑标记属性

【可编辑标签属性】对话框中的主要参数与功能
参数 功能
属性

选择想要使其可编辑的属性,可以在下拉列表中选择。如果该属性没有列在【属性】下拉列表中,可以单击【添加】按钮,然后在打开的对话框中输入想要添加的属性的名称,再单击【确定】按钮。在此对话框中是选择TD标签的属性,这些都是HTML置标语言中指定的属性

令属性可编辑

确保此项被选定,否则无法使用可编辑标签属性

标签

此文本框用来输入属性的唯一名称。这里需要填写易于记住含义的名称

类型

在此下拉列表中选择该属性所允许具有的值的类型。若要为属性输入文本值,可以选择“文本”;若要可编辑元素的链接,可以选择“URL”;若要使模板用户可以输入数值以更新属性,例如更改图像的高度,或者表格高宽和单元格高宽,可以选择“数字”;或者选择“颜色”;“真/假”极少使用

默认

表示模板中所选标签属性的值。可在此文本框中输入一个新值,为基于模板的文档中的参数设置初始值

 

应用库元素

在Dreamweaver 8中【库】对于网页的设计和开发人员来说有着重要的意义。它可以用来保持整个用户站点的一致性。如果想在每一个页面上都有一个导航栏,其中包含着到站点中所有其他页面的链接。在绝大多数的情况下,需要修改该导航栏。在传统的网页开发环境中,必须修改每一个单独的页面,这样错误的几率较高,很容易遗漏某个页面,或者把代码添加到错误的地方。而且整个过程的工作量是巨大和重复的。Dreamweaver 8提供了一个更好的方法,可以通过使用重复元素库,来轻松地完成页面上相关的更新工作。【库】使那些重复性的更新工作更快、更容易和尽可能地没有差错。

创建库项目

选择需要定义为库项目的网页元素→【修改】→【库】→【增加对象到库】

选择需要定义为库项目的网页元素→【资源】面板→【库】→【新建库项目】

设置库属性

【库】面板中各按钮的名称及功能
图标 名称 功能

刷新站点列表

将站点中的列表进行刷新

新建库项目

将当前选定的内容作为一个新项目

编辑

编辑选中的库项目

删除

删除库项目

 

资源管理器

所谓资源,就是在页面中或整个站点中使用的元素,比如图像和电影文件等。构建一个站点通常需要用到各种各样的资源,如何有效管理它们是非常头疼的事情。从Dreamweaver MX 2004开始新增加了一项功能,即资源管理。使用该功能,可以方便地管理站点的每一种资源,使得网页设计变成了一件轻松愉快的事情。

认识和编辑资源

使用收藏列表方式管理资源

在站点中应用资源

扩展管理器

网页三剑客(Dreamweaver、Flash和Firework)作为一个整体被Macromedia公司推出后引起了很大的轰动。但是尽管三剑客的版本不断升级,功能不断提高,但是仍然无法跟上网页制作者日益增长的对更强大和更简便的操作的迫切要求。Macromedia公司的软件工程师们意识到了这一点,他们为三剑客留出了插件接口,允许网页设计人员编写插件,用以提升功能、简化操作,这就需要用到扩展管理器。

扩展管理器基础

Dreamweaver插件应用

Dreamweaver中的插件类型及其位置
插件类型 位置
对象类

可以在【插入】工具栏找到,也执行【插入】菜单中的命令

命令类

打开【命令】菜单,显示出所有的命令

行为类

单击【行为】面板的“+”号按钮,所有的行为都会显示出来。不同的行为适用于不同的对象,有些是层,有些是图像,有些是Flash电影等,只有选择了相应的对象,相应的行为命令才为可选

套件类

套件类实质是由多个插件组合而成的插件组合,有英文的中文解释也可这样理解,它们有的出现于【插入】工具栏,有的出现于【行为】面板

 

IE5.5 Custom Scrollbars对话框中的参数属性
参数名称 属性
Scrollbar face color

面部颜色

Scrollbar highlight color

高光颜色

Scrollbar shadow color

阴影颜色

Scrollbar 3d light color

3D光颜色,可以通过这里的设置来产生滚动轴立体或者平面的感觉

Scrollbar arrow color

箭头颜色

Scrollbar track color

滚动轴轨道的颜色

Scrollbar darkshadow color

阴影暗处的颜色

【返回】