设为首页 | 热门标签 | RSS 订阅 | 加入收藏
游客可以选择 高级搜索 | 成为会员 | 马上登陆

返回首页
当前位置: 主页 > 新手村 > 新手营讲义 > 正文

9月5日Dreamweaver8.0基本操作新手群讲义(下)

时间:2009-09-06 07:26 作者:飞雪鸿云 来源:菜鸟阵地 点击:
主讲:飞雪鸿云
  

模板

模板是一种特殊类型的文档,扩展名为.dwt。它用来产生带有固定特征和共同格式的文档基础,是用户进行批量生产文档的起点。它可以由设计人员自己设计生成,其中网页中相同的部分被固定下来,变化的区域要进行编辑。

创建模板

Dreamweaver中,可生成空白模板、将打开的文件保存成模板。

1.新建空白模板

操作步骤:

1)单击窗口”>“资源命令,在打开的资源面板上单击模板按钮,打开模板面板。

2)在模板面板上单击右上角的按钮,弹出下拉菜单。

3)在菜单中选择新建模板命令,或单击面板右下角的新建模板按钮,即可创建模板。

4)这时在面板上创建了一个无标题的空模板

5)在名称下输入新模板的名称,按Enter键确定。

2.将文件保存为模板

将当前编辑的文件保存为模板后,可将其作为模板使用。

操作步骤:

1)打开要保存为模板的文件。

2)单击文件”>“另存为模板命令,打开另存为模板对话框。

3)在站点列表中选择一个站点。

4现存的模板中显示的是当前系统中存在的模板。

5)在另存为文本框中输入名称。

6)单击保存按钮,完成设置。

设计模板

通过面板创建空白模板后,可以对该模板进行编辑。

操作步骤:

1)打开资源面板,单击模板按钮,打开模板面板。

2)在面板中选择要进行编辑的模板。

3)单击面板右下角的编辑按钮,打开模板编辑窗口。

4)在窗口中设计模板,然后保存。

 

 

 

设计模板文档的页面属性

创建一个模板后,应用此模板的文档会继承该模板中除页面标题外的所有部分,因此在应用了模板以后,用户只能更改文档的标题而不能更改其页面属性。所以,页面属性只能在模板中设置。

操作步骤:

1)打开模板文档。

2)单击修改”>“页面属性命令,在打开的页面属性对话框中,参照设置普通文档页面属性的方法设置文档模板的页面属性。

3)设置完后单击确定按钮。

定义模板区域

Dreamwever中共有4种类型的模板编辑区域:可编辑区域、重复区域、可选区域和可编辑的可选区域。

1.定义可编辑区域

可编辑区是指在页面中可以更改的部分;不可编辑区是指在页面中不可更改的部分。在模板文件上,可指定哪些元素可修改、哪些不可修改,即设置可编辑区和不可编辑区。

操作步骤:

1)将光标放在要插入可编辑区的位置。

2)单击插入”>“模板对象”>“可编辑区域命令,打开新建可编辑区域对话框。

3)在名称文本框中输入有关可编辑区域的说明。

4)单击确定按钮,即可在光标位置插入可编辑区域。

5)插入可编辑区后,在状态栏上会出现<mmtemplate:editable>标签项。

6)单击该标签项,可选定可编辑区域;按Delete键,可删除可编辑区域。

也可以将页面中己存的元素定义为可编辑区域,操作方法与新建可编辑区域相同。

2.  定义可选区域

可选区域可控制不一定基于模板的文档中显示的内容。它是由条件语句控制的,位于单词if之后。根据模板中设置的条件,可定义该区域在创建的页面中是否可见。

可编辑的可选区域可以让模板用户在可选区域内编辑内容。可编辑区域是由条件语句控制的。用户可以在新建可选区域对话框中创建模板参数和表达式,或通过在代码视图中输入参数和条件语句来创建。

操作步骤:

1)将光标放在要定义可选区域的位置。

2)单击插入”>“模板对象”>“可选区域命令,打开新建可选区域对话框。

3)在名称框中输入可选区域名称。

4选中默认显示复选框,可设置要在文档中显示的选定区域。清除该复选框将把默认值设置为假。

5)打开高级选项卡。单击使用参数单选框右端的下拉按钮,在下拉列表中选择要与选定内容链接的现有参数。

6)选定输入表达式单选框,在下面的组合框中输入表达式内容。

7)单击确定按钮,在模板文档上插入可编辑区域。

3.定义重复区域

重复区域不是可编辑区域。若要使重复区域中的内容可编辑,必须在重复区域中插入可编辑区域。  

操作步骤:

1)将光标放到要定义重复区域的位置。

2)单击插入”>“模板对象”>“重复区域命令,打开新建重复区域对话框。

3)在名称框中输入重复区域的提示信息。

4)单击确定按钮,即可在光标处插入重复区域。

4. 可编辑标签属性

操作步骤:

1)选定要设置可编辑标签属性的对象。

2)选择修改”>“模板”>“令属性可编辑命令,打开可编辑标签属性对话框

3)在属性下拉列表中选择可编辑的属性,若没有需要的属性,则单击添加按钮,打开Dreamweaver对话框。在文本框中输入要添加的属性名称,单击确定按钮。

4)选中属性可编辑复选框,则处于其下方的选项可使用。

5)在标签文本框中输入标签名称;单击类型右侧的下拉按钮,在弹出的下拉列

表中选择该属性允许具有的值的类型。在默认文本框中输入所选标签属性的值。

6)单击确定按钮。 

应用模板

可将设计好的模板应用于文档中。

1. 从模板新建

操作步骤:

1)选择文件”>“新建命令,打开新建文件对话框,选择模板选项卡,从中选择要应用的模板。

2)单击创建按钮,即可创建一个应用该模板的页面。在模板中的相应部分输入内容后,保存为网页即可。

2. 应用到有内容的文档

1)选择文件”>“新建命令,打开新建文件对话框,新建一个HTML文档,输入

文本。

2)在模板面板中选择要应用的模板文件,单击左下角的应用按钮。

3)在将内容移到新区域右侧的下拉列表中选择文档所插入的位置,单击确定按钮。

3. 页面与模板脱离

具体操作步骤如下:

1)打开应用模板的文档。

2)选择修改”>“模板”>“从模板中分离命令,就可以将当前文档与模板分离。

3)这时文档中的不可编辑区域会自动转变为可编辑区域。

此时的文档实际上已变成了普通文档,用户可以对文档的任何部分进行编辑。

管理模板

可将设计好的模板应用于文档中。

1.重命名模板

对模板文件进行重命名操作的方法有以下几种:

°  在模板列表中,单击要重新命名的模板项名称,激活文本编辑状态,输入文本。

°  单击面板右上角的三角形按钮,在弹出的下拉菜单中选择重命名命令。

° 选中要重新命名的模板项名称,单击鼠标右键,在弹出的快捷菜单中选择重命名命令。

2. 删除模板

删除模板的方法有以下几种:

°在模板列表中,选中要删除的模板项,单击面板右下角的删除按钮

° 选中要删除的模板项,单击鼠标右键,在弹出的快捷菜单中选择删除命令。

° 单击面板右上角的三角形按钮  ,在弹出的下拉菜单中选择删除命令。

库项目是避免重复输入具有相同格式和内容的文档元素组合。所谓库项目,实际上是文档内容的任意组合,可以将文档中的任意内容存储为库项目,使它在其他地方被重复使用。

创建库项目

Dreamweaver中,用户可以为网页中的任意元素创建库项目。

操作步骤:

1)选定要创建成库项目的元素。

2)执行下列操作之一:

°单击修改”>“”>“增加对象到库命令。

°单击窗口”>“资源命令,打开资源面板,单击按钮  ,打开库面板,单击新建按钮,在库面板中新建一个库项目。

3)为库项目输入名称,按Enter键,新建一个库项目。

编辑库项目

包括:更新库项目、重命名库项目、删除库项目。

1.  更新库项目

操作步骤:

1)单击修改”>“”>“更新页面命令,打开更新页面对话框。

2)单击查看右端的下拉按钮,从列表中选择需要的选项。

3)选定库项目复选项,可以更新站点中的所有库项目。

4)选定模板复选框,可以更新站点中的所有模板。

5)单击开始按钮开始更新。

2.  重命名库项目

每个库项目都有名称,库项目名称可自定义,也可重新命名。

操作步骤:

1)选定库面板上要重命名的库项目。

2)执行下列操作:

°  单击鼠标右键,在弹出的快捷菜单中选择重命名命令

°  单击库面板右上角的下拉按钮,从中选择重命名命令。

°  单击库项目,库项目可变成可编辑状态,直接输入新名称。

3)输入新的名称。

3.删除库项目

操作步骤:

1)打开面板且选择要删除的库项目。

2)单击删除按钮,或按Delete键。

应用库项目

1. 应用库项目

可以将创建好的库项目添加到页面上。

操作步骤:

1)打开网页, 选择窗口”>“资源命令,打开资源面板,选择库项目。

2)单击库面板右下角的插入按钮,即可将库项目应用到网页上。

2. 脱离库项目

操作步骤:

1)选择文档中应用的库元素,这时会显示其属性面板。

2)单击从源文件中脱离按钮,即可将库元素与库脱离,且可以在文档中对库元素进行修改。

顶一下
(0)
0%
踩一下
(0)
0%
本站声明:本站文章,如无特别说明,均为转载或者节选自其他网站。
如本文内容侵犯了您的合法权益,请与责任编辑联系。谢谢合作!
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
发布者资料
飞雪鸿云 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:1970-01-01 08:01 最后登录:2009-09-24 21:09
热点文章

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

相关教程

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

关于我们 | 站点地图 | 广告服务 | 友情链接 | 论坛 | 沪ICP备05017900号

本站驻搜搜问问特派团队:网页制作新手营

Copyright © 2009-2010 菜鸟阵地