DreamweaverCS3中文版实例教程 06 使用框架.pptVIP

　本章简介： 　　框架的出现大大地丰富了网页的布局手段以及页面之间的组织形式。浏览者通过框架可以很方便地在不同的页面之间跳转及操作， BBS论坛页面以及网站中邮箱的操作页面等都是通过框架来实现的。 * 第6章　使用框架 课堂学习目标 框架与框架集 框架的属性设置 6.1　框架与框架集 课堂案例——运动休闲网 建立框架集 为框架添加内容 保存框架 框架的选择 修改框架的大小 拆分框架 删除框架 6.1.1　课堂案例——运动休闲网 使用上方固定框架制作的网页的结构图效果。使用“属性”面板改变框架的大小。使用“表格”和“图像”按钮插入表格和图像制作完整的框架网页效果。 效果图 6.1.2　建立框架集 在Dreamweaver CS3中，可以利用可视化工具方便地创建框架集。用户既可以通过菜单命令实现，又可以通过“插入”面板“布局”选项卡中的“框架”按钮实现。 通过“新建”命令建立框架集 通过“插入记录”命令建立框架集 通过“框架”按钮建立框架集 通过拖曳“框架”按钮到窗口中建立框架集 6.1.3　为框架添加内容 因为每一个框架都是一个HTML文档，所以可以在创建框架后，直接编辑某个框架中的内容，也可在框架中打开已有的HTML文档，具体操作步骤如下。 （1）在文档窗口中，将光标放置在某一框架内。 （2）选择“文件 在框架中打开”命令，打开一个已有文档。 6.1.4　保存框架 保存框架时，分两步进行，先保存框架集，再保存框架。 保存框架集和全部框架 保存框架集文件 保存框架文件 6.1.5　框架的选择 在对框架或框架集进行操作之前，必须先选择框架或框架集。 选择框架 选择框架集 6.1.6　修改框架的大小 建立框架的目的就是将窗口分成大小不同的子窗口，在不同的窗口中显示不同的文档内容。调整子窗口的大小有以下几种方法。 在“设计”视图中，将鼠标指针放到框架边框上，当鼠标指针呈双向箭头时，拖曳鼠标改变框架的大小。 选择框架集，在“属性”面板中“行”或“列”选项的文本框中输入具体的数值，然后在“单位”选项的下拉列表中选择单位。 6.1.7　拆分框架 通过拆分框架，可以增加框架集中框架的数量，但实际上是在不断地增加框架集，即框架集嵌套。 拆分框架有以下几种方法。 （1）先将光标置于要拆分的框架窗口中，然后选择“修改 框架集”命令，弹出其子菜单，其中有4种拆分方式。 （2）先将光标置于要拆分的框架窗口中，然后单击“插入”面板“布局”选项卡中“框架”按钮右侧的黑色箭头，在弹出的菜单中选择一种拆分框架的方式，将框架窗口再划分。 （3）选定要拆分的框架集，按住Alt键的同时，将鼠标指针放到框架的边框上，当鼠标指针呈双向箭头时，拖曳鼠标拆分框架。 6.1.8　删除框架 将鼠标指针放在要删除的边框上，当鼠标指针变为双向箭头时，拖曳鼠标到框架相对应的外边框上即可进行删除。 删除框架 6.2　框架的属性设置 课堂案例——家具天地网 框架属性 框架集的属性 课堂案例——旅游信息服务 框架中的链接 改变框架的背景颜色 6.2.1　课堂案例——家具天地网 使用“页面属性”命令设置页面边距。使用“属性”面板设置框架大小。 效果图 6.2.2　框架属性 选中要查看属性的框架，选择“窗口 属性”命令，启用“属性”面板。 “属性”面板 6.2.3　框架集的属性 选择要查看属性的框架集，然后选择“窗口 属性”命令，启用“属性”面板。 “属性”面板 6.2.4　课堂案例——旅游信息服务 用“链接”选项设置链接效果。使用“目标”选项设置框架。 效果图 6.2.5　框架中的链接 设定框架的目的是将窗口分成固定的几部分，在网页窗口的固定位置显示固定的内容。如在窗口的顶部显示站点LOGO、导航栏等。通过导航栏的不同链接，在窗口的其他固定位置显示不同的网页内容，这时需要使用框架中的链接。 给每一个框架定义标题 创建框架中的链接 6.2.6　改变框架的背景颜色 通过“页面属性”对话框设置背景颜色的具体操作步骤如下。 （1） 将插入点放置在框架中。 （2） 选择“修改 页面属性”命令，弹出“页面属性”对话框，单击“背景颜色”按钮，在弹出式颜色选择器中选择一种颜色，单击“确定”按钮完成设置。 6.3　课堂练习——手机信息网 使用“链接”选项设置链接效果。 效果图 *