dreamweaver课件.ppt

电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
2．在“资源”面板中从模板创建新网 页
➢在“资源”面板中只能使用当前站点的 模板创建网页。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
3．将当前网页应用模板
➢如果要为当前编辑的网页应用已有模 板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.2.1 认识“资源”面板
➢选择“窗口/资源”命令或按F11键，打 开“资源”面板。
➢将把dt.htm网页文档存为模板文档，并 为其创建可编辑区域，然后将“大唐双 龙传”网页应用该模板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
电脑基础·实例·上机系列丛
清华大学出版社

11.2
Dreamweaver中文版网页制作教程
使用资源列表
➢ 在网页中用到的各种元素，如图像或影片等就 是资源。在网页制作的过程中通常会往站点里 添加资源，如果资源太多，查找起来就会不太 方便，所以需要进行资源管理，而资源列表就 是资源管理的场所。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.2 编辑模板
➢1．创建可编辑区域 ➢2．更改可编辑区域的名称 ➢3．取消对可编辑区域的标记
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
1．创建可编辑区域
➢可编辑区域是指通过模板创建的网页中 可以进行添加、修改和删除网页元素等 操作的区域。
电脑基础·实例·上机系列丛
清华大学出版社
11.1
Dreamweaver中文版网页制作教程
使用模板
➢11.1.1 创建模板 ➢11.1.2 编辑模板 ➢11.1.3 用模板创建网页 ➢11.1.4 更新已有网页的模板 ➢11.1.5 应用举例——创建和应用模板
电脑基础·实例·上机系列丛
清华大学出版社
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
2．更改可编辑区域的名称
➢插入可编辑区域后，可对其名称进行更 改。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
3．取消对可编辑区域的标记
➢单击可编辑区域左上角的可编辑区域标 签，选择“修改/模板/删除模板标记” 命令即可取消对该可编辑区域的标记。
清华大学出版社
本章要点
Dreamweaver中文版网页制作教程
➢使用模板 ➢使用资源列表
电脑基础·实例·上机系列丛
清华大学出版社
11.1
Dreamweaver中文版网页制作教程
使用模板
➢同一网站的网页需统一风格，统一网页风格 可采用大致相同的网页布局结构、同样的版 式、导航条和Logo等，若为每个页面都添加 这些相同的内容会很麻烦，此时可以利用模 板。将一个包含共用网页元素的网页保存为 模板，在该模板中添加可编辑区域，再通过 这个模板创建其他的网页，在可编辑区域中 输入新的内容即可。
电脑基础·实例·上机系列丛
清华大学出版社
学习目标
Dreamweaver中文版网页制作教程
➢模板是统一站点网页风格的工具。本章 将介绍模板的使用方法，从中学习模板 的创建、模板的编辑以及模板的套用， 以及资源列表的相关知识，让读者掌握 模板及资源列表的使用，以提高网页制 作的效率。
电脑基础·实例·上机系列丛
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.4 更新已有网页的模板
➢当对已有的模板不满意时可对其进行修 改，模板修改后，需将对应该模板的网 页进行更新。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.5 应用举例——创建和应用模板
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.3 用模板创建网页
➢若要用模板创建新网页，可以使用“从 模板新建”对话框，并从任意站点中选 择模板，也可以使用“资源”面板从已 有模板创建新的网页，还可以给当前网 页应用模板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.1 创建模板
➢在创建模板前需先创建站点，因为模板 必须保存在站点中，否则创建模板时系 统会提示创建站点。创建模板有两种方 式：将现有网页另存为模板和直接创建 空白模板。
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
Dreamweaver中文版网页制作教程
11.1.3 用模板创建网页
➢1．使用“从模板新建”对话框创建网 页
➢2．在“资源”面板中从模板创建新网 页
➢3．将当前网页应用模板
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
1．使用“从模板新建”对话框创建网 页
➢在“从模板新建”对话框中可选择任一 站点的模板创建新网页。
1．将现有网页另存为模板
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
2．直接创建空白模板
电脑基础·实例·上机系列丛
清华大学出版社
Dreamweaver中文版网页制作教程
11.1.2 编辑模板
➢模板创建好后需对模板进行编辑，如创 建可编辑区域、更改可编辑区域的名称 和取消对可编辑区域的标记等。
Dreamweaver中文版网页制作教程
第11章 模板与资源列表的应用
➢本章导读 ➢学习目标 ➢本章要点 ➢上机练习 ➢习 题
电脑基础·实例·上机系列丛
清华大学出版社
本章导读
Dreamweaver中文版网页制作教程
➢学会创建模板 ➢掌握编辑模板的操作 ➢掌握应用模板的操作 ➢学会使用资源列表
课时安排：3学时
➢ “资源”面板提供了站点和收藏两种查看资源 的方式。站点资源包括整个站点的所有资源， 收藏资源包括添加到收藏列表中的资源。
电脑基础·实例·上机系列丛
清华大学出版社
11.2
Dreamweaver中文版网页制作教程
使用资源列表
➢11.2.1 认识“资源”面板 ➢11.2.2 使用站点列表 ➢11.2.3 使用收藏资源