第11章+框架.ppt

第11章 框架 框架网页概述 创建框架结构 框架的保存与删除 设置框架、框架结构的属性 框架内的链接 框架网页概述 框架技术主要通过两种类型的元素来实现：一个是框架集(Frameset)，一个是框架(Frame)。前者称为框架技术，后者称为框架文档 框架结构网页将网页拆分成若干小窗口，小窗口被称为框架，每个框架中放置一个网页，且相互独立；利用框架技术可以实现在一个浏览器窗口中显示多个页面； 使用框架网页的主要目的是创建链接的结构，导航条放置于一个框架中，链接的网页出现在另一个框架中，而导航条所在的框架不发生变化，每次只下载发生变化的网页，可节省时间； 使用框架建设网站最大的特点是使用网站风格保持统一。可以将各网页中相同的部分单独制成一个页面，放在框架中的一个子框架中供整个站点公用。 创建框架结构 使用预设方式创建框架 自定义框架 删除框架 使用预设方式创建框架 选择插入面板中的框架子面板； 单击要创建的预设框架形式的按钮； 或 选择“插入/HTML/框架”； 在子菜单中选择一种框架形式。 自定义框架 自主创建框架有更大的自由度，可任意控制拆分方式； 首先选择“窗口/框架”，打开框架面板； 在自分割框架之前，首先在编辑窗口中显示框架边框，选择“查看/可视化助理/框架边框”； 拖动任一条框架边框到适当位置，或选择“修改/框架页”子菜单中的有关项；为防止框架边框的交叉，可按住Ctrl+拖动； 拆分完成后用鼠标拖动进行调整。 删除框架 将光标置于要删除框架的边框上； 拖动框架边框编辑窗口边缘，即可删除框架结构 框架的保存 框架网页各部分命名 框架网页的选择 框架网页的保存 框架网页各部分命名 一个网页控制框架的结构和属性，称为框架结构页； 三个网页由框架结构组织在一起，称为框架页； 框架结构页设定的拆分形式、属性等内容被称为框架结构(Frameset)； 框架结构设定的插入框架页的窗口称为框架。 框架网页的选择 框架面板的选择：选择“窗口/框架”，打开框架面板；单击框架结构的三维粗边框，可选中框架结构；单击框架的灰色区域，可选中框架； 编辑窗口的选择：Alt+单击框架区域，可选择框架；单击框架边框，可选择框架结构； 框架的保存 每一个框架集或框架都与一个HTML文件相关联，框架集文件描述的是框架的结构信息（几个框架、框架长度和宽度等）； 保存框架：选择“文件/保存框架页”，或“框架集另存为”，或“全部保存”，前两者用于保存框架文件（Frameset），后者在保存文件时可以重命名；第3个命令将所有框架集和框架文件一同保存。 若只单独保存某框架页面，将插入点放在要保存的框架中，选择“文件/保存框架页”。 设置框架、框架集的属性 设置框架的属性 设置框架集的属性 设置无框架内容 设置框架的属性 在编辑窗口中选中框架，打开属性面板； “框架名称”：可根据位置命名，如up、left、navi、main等； “源文件”：框架中的网页路径； “滚动”：是否要滚动条； “不能调整大小”：无此项，浏览者可拖动框架边框调整大小； “边框”、“边框颜色”、“边界高度”、“边界宽度” 设置框架结构的属性 选中框架结构，打开属性面板，如下图； 设置“边框”、“边框宽度”、“边框颜色”； 设置框架的拆分比例：“值”框中填写需要值；“单位”框中选择像素、百分比或相对三者之一。 设置无框架内容 编辑无框架内容，就是在不支持框架网页的浏览器中也能框架网页的内容； 选择“修改/框架页/编辑无框架内容”，网页框架消失； 像编辑普通网页一样编辑无框架时显示的内容； 编辑完成后，再次选择“修改/框架页/编辑无框架内容”，退出无框架内容状态。 框架内的链接 框架页的编辑 创建框架页的链接 框架页的编辑 在框架结构网页中，各个框架页作为独立的页面； 插入点放置在框架页中进行编辑； 设置页面属性，可使用属性面板； 要设置整个框架结构页，要选中整个框架结构，即可打开属性面板； 浏览网页时，网页标题是框架结构页的标题。 创建框架页的链接 选中框架； 在属性面板中的“框架名称”框中填写框架名称； 在“链接”框中填写或单击浏览按钮，确定链接目标； 目标的选择：_blank、_parent、_self、_top、_main、_left、up等 * *