4.1  管理站点资源

• Dreamweaver中的【资源】面板，可以将整个站点中的资源按照类型分类，并提供收藏、调用等功能。使用【资源】面板，可以方便用户管理和查看站点中的所有资源，从而提高资源利用的效率。

4.1.1  站点资源类型

• Dreamweaver站点中可以存放各种类型的资源和素材，如各种图像、视频文件等，这些资源和素材统称为站点资源。同时，Dreamweaver还可以这些素材进行编目和索引，供用户快速调用。

4.1.2  使用资源面板

•   资源面板中主要包括左侧的导航条、右上方的预览栏以及右下方的列表栏以及各种按钮等，其中左侧的导航条列出的是所有的站点资源类型。

4.1.3  管理资源

•     在【资源】面板中，用户还可以对列表栏中显示的资源进行各种管理操作。例如，选中列表中的资源，然后右击，执行【添加到收藏夹】命令，即可将该资源收藏。

4.2  使用库项目

•   库项目是一种特殊的网页元素。其本身由HTML代码和一些特殊的注释标签构成，其作用是作为可复用的模块化的内容添加到站点内的某些页面中。

•   在网页设计与制作过程中，如需要为大量网页添加一些完全相同的内容，例如网页的logo、导航条以及网页的版权信息等。此时，即可使用库项目。然后，在需要修改这些内容时，可直接对库项目进行修改，然后再执行一些简单的更新操作，即可将所有关联的内容快速更新，提高网页制作的效率。

4.2.1  创建库项目

•   在创建库项目时，用户可以选择Dreamweaver打开的网页中任意的标签、图像、脚本等内容，然后快速将其保存为库项目。

4.2.2  设置库项目属性

•    当将网页中的某个元素转换为库项目后，选中该库项目，【属性】面板中显示的是库项目的基本属性。

4.2.3  编辑和更新库项目

•    使用Dreamweaver，用户不仅可以根据网页中已有的内容创建库项目，还可以直接创建库项目，并为项目内添加内容。除此之外，对于已有内容更新库项目，用户还可以对其进行修改，使网页内容随之而更新。

4.3.1  创建网页模板

•   Dreamweaver提供了两种创建网页模板的方式，一种是直接创建空白模板，通过插入各种网页结构元素和模板标记完成模板；另一种则是将已创建的网页文档保存为模板，然后再为模板添加特殊的模板标记实现模板的功能。

4.3.2  编辑模板

•   模板是通过标记区域控制内容的显示、隐藏和变更的。一个完整的Dreamweaver网页模板往往是由各种标记的区域组成，包括锁定区域、可编辑区域、重复区域、可选区域、可编辑的可选区域、重复表格等。

4.3.3  使用模板

•   使用模板，用户可以快速生成大量风格一致的网页。在维护这些网页时，用户也可以直接编辑模板的源文件，然后再将更改的部分更新到这些网页中。

4.4  使用框架建立网页

•   框架是一种复合的网页设计技术，其本身的作用是实现网页之间的相互嵌套，帮助用户以类似插入图片、音频等外部文档的方式为网页插入网页。使用框架技术，用户可以将若干网页中重复的内容添加到框架页中，然后再通过改变嵌入网页的方式提高网页的制作效率。

4.4.1  创建框架集网页

•   在Dreamweaver中，提供了多种创建框架集网页的方法，用户既可以直接创建包含框架页的网页，也可以先创建网页，再将框架集应用到网页文档中。

4.4.2  嵌套框架集

•  在Dreamweaver中，只提供了10几种基本的框架集。如用户需要创建更复杂的，包含更多框架页的框架集，则可以使用嵌套框架集技术，在框架集网页的框架页中再次进行拆分，应用更多的框架页。

4.4.3  保存框架集

•    框架集网页的保存操作比普通网页的保存操作更复杂一些。用户在保存普通的网页时，往往只需要选中该网页，执行【文件】|【保存】命令即可。而框架集网页由于其内嵌了多个网页，因此在制作框架集网页时，用户除了需要保存框架集网页外，还可能需要保存其他的框架页面。

4.4.4  使用浮动框架

•   浮动框架是一种特殊的框架页。与其他类型的框架页不同，浮动框架对框架集网页没有依赖性，可以存放于任意的网页文档中，以类似图片的方式显示外部的网页文档内容。由于其是嵌入在网页文档中，因此由被称作“嵌入帧”。

4.5  编辑框架集

•    框架集和框架页都是网页中的显示对象，其预置有大量属性供用户进行自定义操作。在Dreamweaver中，用户可以先通过【设计】视图及【框架】面板等选择框架集，再通过【属性】检查器等面板查看和设置框架集和框架页的属性。

4.5.1  选择框架集

•    在编辑框架集和框架页之前，首先应选中相应的框架集或框架页。Dreamweaver提供了两种选中的方式，包括直接对框架集进行选择，以及通过框架面板实现选择等。

4.5.2  编辑框架属性

•    Dreamweaver将所有的框架区分为水平框架和垂直框架等，再通过这两种框架的组合和拆分，构成其他各种复杂的框架集。在编辑框架的属性时，需要对这两种主要的框架区分处理。

    1．编辑水平框架

    2．编辑垂直框架

    3．编辑框架页属性

4.5.3  编辑框架链接

• 在默认状态下，框架集网页将会加载预置的框架页。在单击任意一个框架页中的超链接后，将直接根据超链接的目标确定打开新页面的方式。例如，在新窗口/Web浏览器选项卡中打开，或直接替换当前框架集。

4.6  课堂练习：制作导航条模块