第11站点资源及库项目.pptVIP

第11章管理和使用站点资源与库项目 知识回顾： 1、什么是css，其全称是什么？ 2、根据选择器类型，将样式表分为哪几种类型？ 教学目标：灵活使用和管理站点资源、库和模板，提高网页制作的速度和效率。 教学内容：1、资源和库的概念和作用2、资源面板的使用（本节重点） 3、站点资源的类型4、库的管理、创建和编辑（本节重点） 11.1资源和库的概念和作用 1.资源是创建站点所使用的各种元素，如图像、多媒体、文本、颜色等，这些元素都会在资源面板中分类存放。 2.库是一种特殊的dreamweaver文件，具体是网页中的一段代码,其中存放的是在整个站点中重复使用或频繁更新的页面元素，这些内容是很多页面中的一小部分，在页面中的位置也许不同。如图像、多媒体、导航条、标题、脚注、导航条、版权声明等，这些元素被称为库项目。 注意：在Dreamweaver中，库是依赖于网站而存在的，所以在创建库之前，要先定义好一个网站。当更改某个库项目的内容时，所有使用该项目的页面也随着更新。库项目可以包含行为，但不能包含样式表。 3.使用资源、库的实际意义（作用）：节省工作时间、提高工作效率、避免重复劳动，加快网页制作的速度，避免反复搜索寻找资源的麻烦；使用库项目还可以保持整个站点的一致性。11.2站点资源面板 1.打开资源面板的方式：窗口—资源（或F11） 2. 站点资源的资源分类：图像、色彩、链接、flash动画、shockwave动画、MPEG、quicktime影像、script脚本、库和模板，这些对象可以作为添加对象直接插入到文档中,其中模板是对整个文档使用的，不能作为添加对象插入到文档中。 3 站点资源的类型： 站点资源列表（site list），自动将站点资源添加其中； 收藏资源列表（favourite list），初始为空，根据自己喜好设置。在模板和库对象中而者没有区别。 4.查看和选取资源：在资源面板中选取所需类别即可，图像类别处于默认选定状态。 5.添加资源：选择单个或多个资源，然后直接拖放到文档或选定后单击资源面板中的“插入”按钮；当选定颜色资源和url资源时，需单击资源面板中的“应用”按钮。 6. 刷新资源面板 7.资源定位 在站点中移动和使用资源，须知道当前资源所在的站点。选定资源-右击---站点定位（颜色和url不可用）即可查看资源在站点中的位置。 8.管理资源面板 收藏资源不是作为单独的文件存储在硬盘上，是对站点列表中资源的引用。 在收藏列表中增删资源 为喜好的资源重命名 将资源归类到收藏夹中。 11.3创建、管理和编辑库项目 1.创建库项目 创建的库项目自动保存到站点的library文件夹中，若站点中没有，dreamweaver则会自动创建该文件夹。库项目的扩展名为.lbi。 创建库项目的方法有以下3种： 在文档中选定对象，然后把它拖放的资源面板的库类别中。 在文档中选定对象后，点击资源面板左侧的库分类，然后单击底部的“新建库项目”按钮。 在文档中选定对象后，选择“修改—库—增加对象到库”命令。 注意：可以将文档body标签内任何一个元素创建库项目。换句话说，库项目不仅可以是图像、多媒体、文本、插件、表单、java小程序、activex控件、导航条，也可以包含行为，但不能包含样式表。 2.应用库项目 在文档中应用库项目的操作步骤如下： 将插入点放在文档窗口中想要插入库项目的地方，打开“资源”面板的库类别，执行以下操作之一即可。 右击所选库项目，然后选择“插入”命令。 选择一个库项目，单击资源面板底部的“插入”按钮，或直接拖放到文档的插入点处。 注意：向文档中应用库项目时候，不是在页面中插入库项目，而是插入一指向库项目的链接，即在文档中插入的是该项目的html源代码副本，并添加 一个对原始外部项目的说明性链接。 3.管理库项目（主要有修改、重命名、重建、删除、从源文件中分离几个方面） 修改（编辑）库项目 ，具体操作是： （1）在“资源”面板的库类别中选择库项目，库项目的预览出现在“资源”面板的顶部，但不能在预览中进行任何编辑。 （2）单击面板底部的“编辑”按钮，或双击库项目，将打开一个新窗口进行编辑，修改保存即可。 重命名库项 ，具体操作如下 （1）打开“资源”面板的库类别，两次单击要重新命名的库项目；或右击该库项目，在弹出的快捷菜单中选择“重命名”命令。 （2）为库项目重新输入一个新名称，保存更改。 重新创建库项目 如果误删了有用的库项目，可以利用插入到文档中的库项目内容来重新创建库项目，方法是：在文档中右击插入库项目的内容，从弹出的快捷菜单中选择“重建”命令，或先选择该内容，再单击库项目属性面板上的“重新创建”按钮即可，且仍以原来的名字命名。 删