第七章 模板和库
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 更改并保存模板时，Dreamweaver CS3可以 自动更新基于该模板的所有文档。
• 也可以手动更新这些文档。
19
7.6 库的使用
• 库是一种特殊的Dreamweaver文件，是存放 已创建的存在于网页中的单独的资源或资源 副本的集合。库里的这些资源称为库项目。 每当更改某个库项目的内容时，可以更新所 有使用该项目的页面。用户可以在库中存储 各种各样的页面元素，如图像、表格、声音 和Flash文件等。
20
“资源”面板中的库
单击“资源”面板（选择“窗口”|“资源” 命令）中的“库”按钮 ，进入“库”类别。
21
创建库项目
• 若要基于选定内容创建库项目，应先选择 “文档”窗口中要另存为库项目的内容或 对象，然后执行以下任意操作。
• 将选择的内容拖到“资源”面板的“库” 类别中。
• 单击“资源”面板的“库”类别底部的 “新建库项目”按钮。
12
7.3 创建可编辑区域
• 创建模板后要创建可编辑区域。可编辑区域 可以控制模板页面哪些区域可以编辑，哪些 区域不可以编辑。
13
插入可编辑区域
• 常用工具栏
14
• 插入菜单
15
删除可编辑区域
• 如果已经将模板文件的一个区域标记为可编 辑，而现在想再次锁定它（使其在基于模板 的文件中不可编辑），可先选中该可编辑区 域，然后单击【修改】|【模板】|【删除模 板标记】命令，可编辑区域即会被删除，而 之前其中的内容会被保留。如果要删除某个 可编辑区域和其中的内容，选中该可编辑区 域后按Delete键即可。
16
更改可编辑区域的名称
• 已经插入的可编辑区域仍然可以再次更改它 的名称。
• 从属性面板修改
17
7.4 创建基于模板的文档
• 在创建模板后，就可以向空白文档中应用模 板了。
• 可以使用【资源】浮动面板,将模板文件直 接拖入空白页面，或单击菜单【文件】| 【新建】命令。
18
7.5 更新模板及基于模板的网页
3
• Dreamweaver CS3中的模板是一种特殊类型 的文档，它用于设计布局比较固定的页面。 用户可以创建基于模板的页面布局。
4
模板的作用
• 模板最大的作用就是可以大大提高设计者的 工作效率。当设计者对模板进行修改后，所 有使用了这个模板的网页内容都将随之被修 改。简单地说，就是一次可以更新多个页面， 这也是模板强大的功能之一。在实际工作中， 尤其是针对一些大型的网站，其效果更是非 常明显。所以，模板与基于模板的网页之间 保持了一种连接的状态，这两者之间共同的 内容也将能够保持完全的一致。
第七章
模板和库
信息工程系 张婷婷
目标
• 7.1 模板和库的简介 • 7.2 创建模板 • 7.3 创建可编辑区域 • 7.4 创建基于模板的文档 • 7.5 更新模板及基于模板的网页 • 7.6 库的使用 • 7.7 模板实例
2
7.1 模板和库的简介
• 在实际的网页制作过程中，有时会遇到很多 的页面（如不同的栏目）具有相同的布局。 制作时为了避免这种重复的操作，设计者可 以使用Dreamweaver CS3提供的“模板”功 能，将具有相同整体布局结构的页面制作成 模板，将相同的布局对象（如页面头部，页 脚等）制作成库文件。这样，当设计者再次 制作该页面时，可以直接使用模板或库文件， 从而可以节省很多不必要的重复操作。
22
利用库项目更新网站
• 在Dreamweaver中可以使用库项目一次更新 网站中所有含有该库项目的网页，也可以只 更新特定模板的网页。 • “修改”菜单----“库”-----“更新页面” ，打 开“更新页面”对话框，进行相关设置后， 单击“开始”按钮即可更新网站。
23
分离库项目
• 中断库项目与源文件的链接，可以独立编辑。
24
7.7 模板实例-பைடு நூலகம்-我的博客
25
• 背景颜色 #FF1E70 • 创建css规则
– 标签样式：body、table、p – 类样式：.index_footer、.index_img、.index_main_td
.footer_img、footer_main_td、
26
634*451
27
5
适合使用模板的网页
• 如果一个网站的布局比较统一，拥有相同的 导航，且显示不同栏目内容的位置基本保持 不变，那么这种布局的网站就可以考虑使用 模板来创建。这类似于前面章节中介绍的框 架技术。
6
7
7.2 创建模板
• 模板实际上就是一种文档，其扩展名为.dwt， 存放在站点根目录下的Templates文件夹中。 如果该文件夹在站点中不存在， Dreamweaver将会在保存新建模板时自动创 建。
8
• 在Dreamweaver CS3中有两种创建模板的方 法：一种是将现有的网页文件另存为模板， 然后根据需要进行修改；另一种是直接新建 一个空白模板，再在其中插入需要显示的文 档内容。
9
使用网页另存为的方法创建模板
10
使用新建空白模板的方法创建模板 -资源模板
11
使用新建空白模板的方法创建模板 -文件新建
• 也可以手动更新这些文档。
19
7.6 库的使用
• 库是一种特殊的Dreamweaver文件，是存放 已创建的存在于网页中的单独的资源或资源 副本的集合。库里的这些资源称为库项目。 每当更改某个库项目的内容时，可以更新所 有使用该项目的页面。用户可以在库中存储 各种各样的页面元素，如图像、表格、声音 和Flash文件等。
20
“资源”面板中的库
单击“资源”面板（选择“窗口”|“资源” 命令）中的“库”按钮 ，进入“库”类别。
21
创建库项目
• 若要基于选定内容创建库项目，应先选择 “文档”窗口中要另存为库项目的内容或 对象，然后执行以下任意操作。
• 将选择的内容拖到“资源”面板的“库” 类别中。
• 单击“资源”面板的“库”类别底部的 “新建库项目”按钮。
12
7.3 创建可编辑区域
• 创建模板后要创建可编辑区域。可编辑区域 可以控制模板页面哪些区域可以编辑，哪些 区域不可以编辑。
13
插入可编辑区域
• 常用工具栏
14
• 插入菜单
15
删除可编辑区域
• 如果已经将模板文件的一个区域标记为可编 辑，而现在想再次锁定它（使其在基于模板 的文件中不可编辑），可先选中该可编辑区 域，然后单击【修改】|【模板】|【删除模 板标记】命令，可编辑区域即会被删除，而 之前其中的内容会被保留。如果要删除某个 可编辑区域和其中的内容，选中该可编辑区 域后按Delete键即可。
16
更改可编辑区域的名称
• 已经插入的可编辑区域仍然可以再次更改它 的名称。
• 从属性面板修改
17
7.4 创建基于模板的文档
• 在创建模板后，就可以向空白文档中应用模 板了。
• 可以使用【资源】浮动面板,将模板文件直 接拖入空白页面，或单击菜单【文件】| 【新建】命令。
18
7.5 更新模板及基于模板的网页
3
• Dreamweaver CS3中的模板是一种特殊类型 的文档，它用于设计布局比较固定的页面。 用户可以创建基于模板的页面布局。
4
模板的作用
• 模板最大的作用就是可以大大提高设计者的 工作效率。当设计者对模板进行修改后，所 有使用了这个模板的网页内容都将随之被修 改。简单地说，就是一次可以更新多个页面， 这也是模板强大的功能之一。在实际工作中， 尤其是针对一些大型的网站，其效果更是非 常明显。所以，模板与基于模板的网页之间 保持了一种连接的状态，这两者之间共同的 内容也将能够保持完全的一致。
第七章
模板和库
信息工程系 张婷婷
目标
• 7.1 模板和库的简介 • 7.2 创建模板 • 7.3 创建可编辑区域 • 7.4 创建基于模板的文档 • 7.5 更新模板及基于模板的网页 • 7.6 库的使用 • 7.7 模板实例
2
7.1 模板和库的简介
• 在实际的网页制作过程中，有时会遇到很多 的页面（如不同的栏目）具有相同的布局。 制作时为了避免这种重复的操作，设计者可 以使用Dreamweaver CS3提供的“模板”功 能，将具有相同整体布局结构的页面制作成 模板，将相同的布局对象（如页面头部，页 脚等）制作成库文件。这样，当设计者再次 制作该页面时，可以直接使用模板或库文件， 从而可以节省很多不必要的重复操作。
22
利用库项目更新网站
• 在Dreamweaver中可以使用库项目一次更新 网站中所有含有该库项目的网页，也可以只 更新特定模板的网页。 • “修改”菜单----“库”-----“更新页面” ，打 开“更新页面”对话框，进行相关设置后， 单击“开始”按钮即可更新网站。
23
分离库项目
• 中断库项目与源文件的链接，可以独立编辑。
24
7.7 模板实例-பைடு நூலகம்-我的博客
25
• 背景颜色 #FF1E70 • 创建css规则
– 标签样式：body、table、p – 类样式：.index_footer、.index_img、.index_main_td
.footer_img、footer_main_td、
26
634*451
27
5
适合使用模板的网页
• 如果一个网站的布局比较统一，拥有相同的 导航，且显示不同栏目内容的位置基本保持 不变，那么这种布局的网站就可以考虑使用 模板来创建。这类似于前面章节中介绍的框 架技术。
6
7
7.2 创建模板
• 模板实际上就是一种文档，其扩展名为.dwt， 存放在站点根目录下的Templates文件夹中。 如果该文件夹在站点中不存在， Dreamweaver将会在保存新建模板时自动创 建。
8
• 在Dreamweaver CS3中有两种创建模板的方 法：一种是将现有的网页文件另存为模板， 然后根据需要进行修改；另一种是直接新建 一个空白模板，再在其中插入需要显示的文 档内容。
9
使用网页另存为的方法创建模板
10
使用新建空白模板的方法创建模板 -资源模板
11
使用新建空白模板的方法创建模板 -文件新建