网页设计与制作(Dreamweaver)《模板与库》
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
模板与库
应用模板
2．从“资源”面板中的模板创建新文档：
在站点的“资源”面板中，选择“模板”，右击欲应用的模板， 选择“从模板新建”。然后在可编辑区域中添加内容，在网页标 题区输入每一个网页的标题等。
模板与库
应用模板
3．将模板应用到现有文档
选择“文件/打开”命令，打开要应用模板的文档。在“文档”窗 口中单击，然后选择“修改/模板/套用模板到页”命令。从列表 中选择一个模板并单击“选择”。
模板与库
使用库项目
1、库项目插入到网页中
简易方法：将“资源”面板中“库”列表 中的库项目直接拖动到文档中的合适位置。 在文档中将光标移至需要链接库项目的位 置。 在“资源”面板的库类中，单击库项目， 再单击面板底部的“插入”按钮。
模板与库
使用库项目
2、设置插入到网页中的库项目属性
选中插入的项目，在属性面板中设置。 打开：打开并编辑库项目。 从源文件中分离：断开与库项目的链接，成为独立的网页元素。 重新创建：重新创建一个库项目。
模板与库
创建和编辑库项目
创建库项目
（1）选择文档中欲存为库项目的元素；选 择“窗口/资源”,将选定内容拖动到“资 源”面板的“库”类别中。 （2）选择“修改/库/增加对象到库”
模板与库
创建和编辑库项目
编辑库项目
（1）在“资源”面板的“库”类别中，双 击欲修改的库项目。或者单击选中库项目， 再单击面板下方的“编辑”按钮。 （2）然后在文档窗口中象修改HTML网页 一样对其进行修改，最后在保存时，会提 示是否更途径。如：联系方式。
可编辑模板区域控制 基于模板的页面中的 哪些区域可以编辑。
（1）选定欲设置为可编辑区域的元素（一般是一个表格），在“常用”的 “模板”中，单击“可编辑区域”； （2）右击选“模板”中“新建可编辑区域”； （3）可以在“插入”菜单的“模板”中“可编辑区域”。
模板与库
创建可编辑区域
在弹出的“新建可编辑区域”对话框中，输入名称“EditRegion”即可
模板与库
认识“库“项目
库项目是可以在多个页面中重复使用的页面元素，被存贮为一个独立的库元素文件 (.lbi)；当更改某个库项目时，所有使用该项目的页面都可以自动更新。 文档 body 部分中的任意元素都可创建库项目，这些元素包括文本、表格、表单、 Java applet、插件、ActiveX 元素、导航条和图像等。
模板与库
更新模板
当修改所有网页都共有的成份时，只需修改模板即可。保存时， Dreamweaver会询问是否更新所有基于该模板的文档。如果确认，就可以修 改站点中所有基于该模板的文档。
模板与库
资源管理
在“站点”面板组中有“资源”面板，对资源进行分类组织和管理，以列表形式显 示出来。如图像类，显示出所有在该网站中的图像。 当需要在网页中添加某个资源时，先在资源面板的左侧选择资源类型，然后直接从 资源面板中将资源拖动到插入点所在位置。而且这样使用资源的好处是当某个资源 被改变后，所有使用该资源的网页的信息都得到及时更新。如图像的编辑。
模板与库
在创建模板前需先创建站点，因为模板必须保存在站点中，否则创 建模板时系统会提示创建站点。 建完模板后，Dreamweaver会自动在站点的根目录下创建一个名 为“Templates”的子目录，所有创建的模板文件都放在该目录下。
模板与库
创建可编辑区域
模板中有两种类型的区域：可编辑区域，不可编辑区域。
如果已经将模板文件的一个区域标记为可编辑， 而现在想使其不可编辑，即删除。 方法：在文档中，选择欲更改的可编辑区域，执 行“修改／模板／删除模板标记”。
可 编 辑 区 域 新 建 后 ， Dreamweaver 设 计 视 图中会突出显示
模板与库
应用模板
1．新建基于模板的文档：
执行“文件/新建”命令，选择“模板” 选项卡。在列表中选择想要使用的模板。
模板概述
模板是为了统一网站风格而预先设计出来的一种特殊网页， 具体网页可以基于模板创建。
（1）可以设计出风格一致的页面，省去重复劳动部分。 （2）一次更新多个页面。从模板创建的文档与该模板保持连接状态 （除非您以后分离该文档）。可以修改模板并立即更新基于该模板的 所有文档。
模板与库
创建编辑模板
方法：在“文档”窗口中打开想要另存为模板的文档， 选择“文件/另存为模板”，模板文件的类型名：dwt。
应用模板
2．从“资源”面板中的模板创建新文档：
在站点的“资源”面板中，选择“模板”，右击欲应用的模板， 选择“从模板新建”。然后在可编辑区域中添加内容，在网页标 题区输入每一个网页的标题等。
模板与库
应用模板
3．将模板应用到现有文档
选择“文件/打开”命令，打开要应用模板的文档。在“文档”窗 口中单击，然后选择“修改/模板/套用模板到页”命令。从列表 中选择一个模板并单击“选择”。
模板与库
使用库项目
1、库项目插入到网页中
简易方法：将“资源”面板中“库”列表 中的库项目直接拖动到文档中的合适位置。 在文档中将光标移至需要链接库项目的位 置。 在“资源”面板的库类中，单击库项目， 再单击面板底部的“插入”按钮。
模板与库
使用库项目
2、设置插入到网页中的库项目属性
选中插入的项目，在属性面板中设置。 打开：打开并编辑库项目。 从源文件中分离：断开与库项目的链接，成为独立的网页元素。 重新创建：重新创建一个库项目。
模板与库
创建和编辑库项目
创建库项目
（1）选择文档中欲存为库项目的元素；选 择“窗口/资源”,将选定内容拖动到“资 源”面板的“库”类别中。 （2）选择“修改/库/增加对象到库”
模板与库
创建和编辑库项目
编辑库项目
（1）在“资源”面板的“库”类别中，双 击欲修改的库项目。或者单击选中库项目， 再单击面板下方的“编辑”按钮。 （2）然后在文档窗口中象修改HTML网页 一样对其进行修改，最后在保存时，会提 示是否更途径。如：联系方式。
可编辑模板区域控制 基于模板的页面中的 哪些区域可以编辑。
（1）选定欲设置为可编辑区域的元素（一般是一个表格），在“常用”的 “模板”中，单击“可编辑区域”； （2）右击选“模板”中“新建可编辑区域”； （3）可以在“插入”菜单的“模板”中“可编辑区域”。
模板与库
创建可编辑区域
在弹出的“新建可编辑区域”对话框中，输入名称“EditRegion”即可
模板与库
认识“库“项目
库项目是可以在多个页面中重复使用的页面元素，被存贮为一个独立的库元素文件 (.lbi)；当更改某个库项目时，所有使用该项目的页面都可以自动更新。 文档 body 部分中的任意元素都可创建库项目，这些元素包括文本、表格、表单、 Java applet、插件、ActiveX 元素、导航条和图像等。
模板与库
更新模板
当修改所有网页都共有的成份时，只需修改模板即可。保存时， Dreamweaver会询问是否更新所有基于该模板的文档。如果确认，就可以修 改站点中所有基于该模板的文档。
模板与库
资源管理
在“站点”面板组中有“资源”面板，对资源进行分类组织和管理，以列表形式显 示出来。如图像类，显示出所有在该网站中的图像。 当需要在网页中添加某个资源时，先在资源面板的左侧选择资源类型，然后直接从 资源面板中将资源拖动到插入点所在位置。而且这样使用资源的好处是当某个资源 被改变后，所有使用该资源的网页的信息都得到及时更新。如图像的编辑。
模板与库
在创建模板前需先创建站点，因为模板必须保存在站点中，否则创 建模板时系统会提示创建站点。 建完模板后，Dreamweaver会自动在站点的根目录下创建一个名 为“Templates”的子目录，所有创建的模板文件都放在该目录下。
模板与库
创建可编辑区域
模板中有两种类型的区域：可编辑区域，不可编辑区域。
如果已经将模板文件的一个区域标记为可编辑， 而现在想使其不可编辑，即删除。 方法：在文档中，选择欲更改的可编辑区域，执 行“修改／模板／删除模板标记”。
可 编 辑 区 域 新 建 后 ， Dreamweaver 设 计 视 图中会突出显示
模板与库
应用模板
1．新建基于模板的文档：
执行“文件/新建”命令，选择“模板” 选项卡。在列表中选择想要使用的模板。
模板概述
模板是为了统一网站风格而预先设计出来的一种特殊网页， 具体网页可以基于模板创建。
（1）可以设计出风格一致的页面，省去重复劳动部分。 （2）一次更新多个页面。从模板创建的文档与该模板保持连接状态 （除非您以后分离该文档）。可以修改模板并立即更新基于该模板的 所有文档。
模板与库
创建编辑模板
方法：在“文档”窗口中打开想要另存为模板的文档， 选择“文件/另存为模板”，模板文件的类型名：dwt。