7-模板与库.ppt

模板与库 本章导读 学会创建模板 掌握编辑模板的操作 掌握应用模板的操作 学会使用资源列表 掌握库的使用 学习目标 模板是统一站点网页风格的工具。 本章将介绍模板的使用方法，从中学习模板的创建、模板的编辑以及模板的套用，以及资源列表的相关知识，让读者掌握模板及资源列表的使用，以提高网页制作的效率。 使 用 模 板 同一网站的网页需统一风格，统一网页风格可采用大致相同的网页布局结构、同样的版式、导航条和Logo等，若为每个页面都添加这些相同的内容会很麻烦，此时可以利用模板。 将一个包含共用网页元素的网页保存为模板，在该模板中添加可编辑区域，再通过这个模板创建其他的网页，在可编辑区域中输入新的内容即可。 1 使 用 模 板 1.1 创建模板 1.2 编辑模板 1.3 用模板创建网页 1.4 更新已有网页的模板 1.5 应用举例——创建和应用模板 1.1 创建模板 在创建模板前需先创建站点，因为模板必须保存在站点中，否则创建模板时系统会提示创建站点。 创建模板有两种方式： 将现有网页另存为模板 直接创建空白模板。 1．将现有网页另存为模板 2．直接创建空白模板 1.2 编辑模板 模板创建好后需对模板进行编辑 创建可编辑区域 更改可编辑区域的名称 取消对可编辑区域的标记等。 1.2 编辑模板 1．创建可编辑区域 2．更改可编辑区域的名称 3．取消对可编辑区域的标记 1．创建可编辑区域 可编辑区域是指通过模板创建的网页中可以进行添加、修改和删除网页元素等操作的区域。 2．更改可编辑区域的名称 插入可编辑区域后，可对其名称进行更改。 3．取消对可编辑区域的标记 单击可编辑区域左上角的可编辑区域标签，选择“修改/模板/删除模板标记”命令即可取消对该可编辑区域的标记。 1.3 用模板创建网页 若要用模板创建新网页，可以使用“从模板新建”对话框，并从任意站点中选择模板，也可以使用“资源”面板从已有模板创建新的网页，还可以给当前网页应用模板。 1.3 用模板创建网页 1．使用“从模板新建”对话框创建网页 2．在“资源”面板中从模板创建新网页 3．将当前网页应用模板 1．使用“从模板新建”对话框创建网页 在“从模板新建”对话框中可选择任一站点的模板创建新网页。 2．在“资源”面板中从模板创建新网页 在“资源”面板中只能使用当前站点的模板创建网页。 3．将当前网页应用模板 如果要为当前编辑的网页应用已有模板。 1.4 更新已有网页的模板 当对已有的模板不满意时可对其进行修改，模板修改后，需将对应该模板的网页进行更新。 1.5 应用举例——创建和应用模板 将把dt.htm网页文档存为模板文档，并为其创建可编辑区域，然后将“大唐双龙传”网页应用该模板。 2 使用资源列表 在网页中用到的各种元素，如图像或影片等就是资源。在网页制作的过程中通常会往站点里添加资源，如果资源太多，查找起来就会不太方便，所以需要进行资源管理，而资源列表就是资源管理的场所。 “资源”面板提供了站点和收藏两种查看资源的方式。站点资源包括整个站点的所有资源，收藏资源包括添加到收藏列表中的资源。 2 使用资源列表 2.1 认识“资源”面板 2.2 使用站点列表 2.3 使用收藏资源 2.1 认识“资源”面板 选择“窗口/资源”命令或按F11键，打开“资源”面板。 资源被分成多个类别显示在“资源”面板的左侧。 2.2 使用站点列表 使用站点列表可对资源进行管理操作，如删除、排序和编辑等，也可以方便地将资源插入到页面中。 2.2 使用站点列表 1．打开站点列表 2．在页面中添加资源 3．改变资源顺序 4．创建库项目 1．打开站点列表 在“资源”面板中选中 单选按钮，打开站点列表，面板中各按钮作用如下： 单击相应的资源类别按钮，在资源列表中选中所需资源，预览窗口中将显示所选中的资源。 单击 按钮即可以将选中的资源添加到网页中。 单击 按钮可以刷新资源列表。 单击 按钮可打开外部编辑器编辑选中的资源。 单击 按钮可将选中的资源添加到收藏列表中。 2．在页面中添加资源 在“资源”面板中可以很方便地为页面添加网页元素。 在“资源”面板中选择要插入的资源类别，选中需添加的资源，单击 按钮或拖动资源到编辑窗口中即可将资源插入到页面中。 3．改变资源顺序 资源在默认情况下是按其名称字母顺序排列，要改变资源列表中各资源的排列顺序，可单击相应的标题栏，如单击“大小”栏可让资源按大小顺序排序；单击“格式”栏可让资源按文件格式排序。 4．创建库项目 如果要在Dreamweaver 中创建新的库项目，可在“资源”面板中单击 按钮，然后单击“新建库项目”按