Dreamweaver CS3网页设计培训教程电子教案09.pptVIP

9.3.2 完善“管理中心”框架网页 本练习将完善“管理中心”框架网页。 9.3.2 完善“管理中心”框架网页 操作思路： 完成框架网页的制作。 设置框架集的属性，顶部的高度为“47像素”，左侧的宽度为“133像素”。 设置各框架的属性，总框架集的边框为不显示，嵌套框架的边框宽度为“2像素”、边框颜色为“#D7D0AC”，顶部框架的滚动方式为“否”，左侧框架的滚动方式为“自动”，右侧框架的滚动方式为“默认”。 Dreamweaver CS3网页设计培训教程 第9课 使用框架进行网页布局 本课要点 具体要求 本课导读 上机练习 本课要点 了解框架并创建框架 框架及框架集的基本操作和属性设置 具体要求 了解框架及框架集 熟悉框架及框架集的创建 掌握框架及框架集的基本操作 掌握框架及框架集的属性设置 本课导读 使用框架可以避免重复劳动，如将共同的部分（顶部的导航区和版权信息区）做成单独的网页，然后通过框架将其链接到各个框架网页中，从而节约时间，并减小整个网站的大小。 9.1 了解框架并创建框架 在布局页面时除了可以使用层和表格外，还可以使用框架进行布局，下面介绍框架的概念及创建方法。 9.1 了解框架并创建框架 9.1.1 知识讲解 9.1.2 典型案例——制作“在线小说”框架网页 9.1.1 知识讲解 框架的功能是把浏览器窗口划分为若干个区域，分别显示不同的网页。框架集的功能是定义一组框架的布局和属性。下面对框架及框架集的相关知识进行介绍。 9.1.1 知识讲解 1.了解框架及框架集 2.框架及框架集的创建 3.框架及框架集的保存 1.了解框架及框架集 在网页上定义的一个区域就是单个框架，而框架集则记录了同一个网页中多个框架的布局、超链接和属性信息。 利用框架可以把浏览器窗口划分为若干个区域，在每个区域中可以添加任意网页元素，也可以分别显示不同的网页。 1.了解框架及框架集 框架集与框架之间的关系其实就是包含与被包含的关系，框架集相当于一个容器，框架则是放在容器中的东西，框架集记录了框架的位置以及框架中包含的网页的链接地址。 2.框架及框架集的创建 Dreamweaver CS3的预定义框架集可以直接创建，也可以在页面中加载 。 1）直接创建预定义框架集 2）加载预定义框架集 3）手动创建框架集 3.框架及框架集的保存 框架创建完成后，可将其保存。在Dreamweaver CS3中，保存框架和框架集与保存一般网页文档有所不同，可以保存某个框架文档，也可以单独保存框架集文档，还可以保存框架集和框架中出现的所有文档。 1）保存框架文档 2）保存框架集文档 3）保存框架集中的所有文档 9.1.2 典型案例——制作“在线小说”框架网页 案例目标 本案例主要练习利用框架进行网页布局。本案例中共有5个框架，其中顶部及底部各1个，中间3个。 9.1.2 典型案例——制作“在线小说”框架网页 操作思路 （1）创建一个“上方固定，下方固定”类型的框架集。 （2）将中间的框架进行拆分、调整，使中间具有3个框架。 （3）保存框架及框架集。 9.1.2 典型案例——制作“在线小说”框架网页 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 9.1.2 典型案例——制作“在线小说”框架网页 案例小结 本案例练习了框架网页的创建及保存，其中要重点掌握的是手动进行框架拆分的方法，要区分按住【Alt】键拆分与未按住【Alt】键直接拆分的区别。另外，本案例中保存框架及框架集时使用的都是快捷键，用户可在Dreamweaver CS3的【文件】菜单中找到相应命令的快捷键。 9.2 框架及框架集的基本操作和属性设置 框架创建完成后，还需对其进行一些操作，如选择框架、设置属性和链接网页等，下面分别进行讲解。 9.2 框架及框架集的基本操作和属性设置 9.2.1 知识讲解 9.2.2 典型案例——设置“在线小说”网页的框架及框架集属性 9.2.1 知识讲解 可对框架及框架集进行选择和删除等操作，下面对这些基本操作进行讲解。 9.2.1 知识讲解 1.框架及框架集的基本操作 2.删除框架 3.框架及框架集的属性设置 1.框架及框架集的基本操作 在对框架和框架集进行属性设置以及其他操作前，需要先选择相应的框架和框架集。 1）认识【框架】面板 2）选中框架和框架集 2.删除框架 如果要删除不需要的框架，用鼠标将要删除框架的边框拖至页面外即可；如果是嵌套框架，则将其边框拖到父框架边框上或拖离页面即可。 3.框架及框架集的属性设置 框架集创建好后，可在各框架中直接