第6章__管理网页元素

1,第6章 管理网页元素,当网页中出现图像、文本、多媒体、超级连接等网页元素后，就需要一个统一的管理方式。在Dreamweaver中提供了一种管理网页元素的途径，那就是【资源】面板。在该面板中能够统一的管理各种网页元素，除了上述提到的，还包括颜色、脚本、模版与库等元素。 在使用【资源】面板管理网页元素之前，必须先创建站点。只有在建立站点之后，才能够使用该面板，否则只能使用【文件】面板。,2,本章知识要点：,建立本地站点 资源管理器 库元素,3,6.1 站点建立,在网页中插入各种元素时，例如Spry框架等，已经了解到站点对于网页保存、预览起到不可替代的作用。而对于网站的建立，特别是制作动态网站，站点更是必不可少，它能够加快对站点的设计，提高工作效率，节省时间。,6.1.1 创建本地站点,要创建本地站点，首先要在根目录（虚拟目录文件夹）下创建文件夹，并且文件夹名称必须是字母或者数字，然后才能开始创建本地站点。,4,6.1.2 维护本地站点,站点是一种文档的磁盘存储形式，是由文档和文档所在的文件夹而组成。设计良好的网站通常具有科学的结构，利用不同的文件夹，将不同的网页内容分门别类地保存，这是设计网站的必要前提。所以站点建立后，还需要对站点进行管理、编辑。,5,6.2 资源管理器,建立网站经常会使用非常多的网页元素，比如图像与多媒体等，以及建立的网页，如何有效管理这些网页和网页元素成为一件令人非常头疼的事情。在Dreamweaver中有一种功能，即资源管理。使用该功能，设计者可以方便地管理站点的每一种资源。,6,6.2.1 认识和编辑资源,【资源】面板是用于组织站点资源的主要工具，它包括可重复使用的内容片段，比如库项目。在该面板中，可以跟踪和预览站点中存储的资源，比如图像、影片、颜色、脚本和链接。还可以直接拖动某个资源，将其插入到当前文档的某一页中。,7,6.2.2 使用收藏列表方式管理资源,在【资源】面板中，站点列表和收藏列表对资源的绝大多数操作是一样的。但是，有些比较特殊的任务只能在收藏列表中完成，这是因为【资源】面板中的站点列表一般显示的是站点中所有能识别的资源。对于一个大型站点来说，列表将会显得臃肿。因此，用户可以将经常使用的资源添加到收藏列表中，这样可以重点管理相关的资源。,8,6.2.3 在站点中应用资源,通过【资源】面板，可以将大多数资源直接插入到文档中，而资源中的颜色与URL元素既可以插入文档中，还可以应用于文本或者图像。,9,6.3 库元素,库元素也是【资源】面板中的其中一个资源，只是该元素并不能在【资源】面板中编辑。因为库是一种特殊的Dreamweaver文件，其中包含可放置到Web页中的一组单个资源或资源副本。库中的这些资源称为库项目，可以在库中存储的项目包括图像、表格、声音和Flash文件。每当编辑某个库项目时，可以自动更新所有使用该项目的页面。,10,11,6.3.1 创建库项目,任何标签内的对象，文本、表格、表单、图像、Java Applets、插件和ActiveX等控件都可以作为库元素。当创建了一个库元素后，Dreamweaver会在当前站点的根目录下自动创建一个库文件夹Library，以后生成的库元素都将自动放在该文件夹内。,12,6.3.2 设置库属性,当将网页中的某个元素转换为库项目后，选中该库项目，【属性】面板中显示的是库项目的基本属性。,6.3.3 编辑库项目和更新站点,在【资源】面板的【库】元素中，创建的库项目是一个空白库项目，其中没有任何网页元素。要想应用该库项目必须为其添加、编辑库项目；或者将网页文档中的元素转换为库项目后，也可以再次编辑库项目，而更改后的库项目可以更新所在网页文档。,13,6.4 课堂练习：使用库更新网站,当建立布