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