第13章 建立框架网页.pptVIP

第15周1,2课时用 教学内容：1、建立框架网页的方法 2、框架及框架集属性设置 3、超级链接目标框架设定。 教学目标： 1、了解框架网页的结构特点； 2、掌握框架网页的创建、保存方法； 3、熟练设置框架属性、框架集属性及超级链接目标框架位置； 4、能独立运用框架结构布局网页； 教学重点： 1、框架网页的拆分与保存； 2、框架与框架集属性的意义与设置； 教学难点： 1、 理解超级链接目标框架属性的意义与设置方法 教学过程： 复习 1.学会超级链接及能解决实际问题 可从访问 网页编程技术 * 网页编程技术 一、框架网页的建立与保存 (一) 使用预设方式创建框架 1、在站点管理器下，选择“文件”一“新建窗口”，新建网页窗口。 2、将光标放在网页之中。 3、打开“插入”工具栏的“布局”选项卡中，单击“框架”按钮，在弹出的下拉菜单中，单击合适的框架按钮如图所示。 另外一种方法是通过菜单插入预设的框架形式。 1、在网页编辑窗口下，选择“插入”一“HTML”一“框架”命令。 2、弹出预设的框架形式，在拆分形式中进行选择，网页就会按预设的形式进行拆分。 要创建新的空预定义框架集，请执行以下操作： 1、选择“文件”“新建”。 2、在“新建文档”对话框中，选择“框架集”类别，从“框架集”列表选择框架集。 单击“创建”。 如图: (二) 自主创建框架 自主创建框架包括两种方法。 第一种方法是使用鼠标拖动框架。 另外一种方法是通过菜单插入框架结构。 (三) 创建嵌套框架 创建嵌套框架的操作如下： 1、将光标放置于要插入嵌套框架的已有框架中。 2、然后在编辑窗口中选择“修改”一“框架页”，在“拆分左框架”、“拆分右框架”、“拆分上框架”和“拆分下框架”中进行选择。 (四) 保存框架和框架集中的文件 执行下列操作之一： 若要保存框架集文件，请选择“文件”“保存框架页”。 若要将框架集文件另存为新文件，请选择“文件”“框架集另存为”。 保存框架中文档 在框架中单击，然后选择“文件”“保存框架”或选择“文件”“框架另存为”,如图: 二、框架属性与框架集的属性的设置与调整 （一）使用框架面板 “框架”面板提供框架集内各框架的可视化表示形式。在“框架”面板中，环绕每个框架集的边框非常粗；而环绕每个框架的是较细的灰线，并且每个框架由框架名称标识。 要显示“框架”面板，请执行以下操作： 选择“窗口”“框架”或按shift+F2。 要在“框架”面板中选择一个框架，请执行以下操作： 在“框架”面板中单击框架,框架周围都会显示一个选择轮廓,如图,当前选择了名称为top的窗口： 要在“框架”面板中选择一个框架集，请执行以下操作： 在“框架”面板中单击环绕框架集的边框,框架集周围都会显示一个粗线条的选择轮廓，如图： （二） 修改框架属性 在框架面板上或者在编辑窗口中选中框架，打开属性面版，如图所示： 框架属性的设置如下： 1、首先从属性面板左上角图标，可以确定当前选中的是框架。 2、“框架名称” 给当前选中的框架命名。可以根据框架在整个框架网页中的位置命名，比如在上面的叫做up，在左面的叫做left。也可以根据内容，放置导航条的叫做navi，放置主要内容的叫做main，等等。 3、“源文件” 为当前选中框架中插入的框架网页的路径，在网页未被保存时使用绝对路径形式，保存之后使用相对路径形式。 4、“滚动” 设定当框架中的内容超出框架范围时是否出现滚动条，可选项包括以下内容:是，否，自动，默认为自动。 5、“不能调整大小” 默认情况下，浏览者使用浏览器观看框架网页时可以拖动框架网页的拆分边框调整框 架的大小。 6、“边框” 设置框架是否有边框。可选择的项目有“是”、“否”、“默认”。框架边框的设置会优先于框架结构属性中边框的设置。在大多数情况下，不应该让框架网页出现边框。 7、“边框颜色” 设置框架边框的颜色。对框架的边框颜色的设置要优先于对框架集边框颜色的设置。框架颜色的设置会影响到相邻框架边框的颜色。 8、“边界高度”和“边界宽度” 设置框架边框和框架内容之间的空白区域。“边界宽度”设置的是框架左侧和右侧边框与内容之间的空白区域。“边界高度”设置的是上面和下面的边框与内容之间的空白区域。 （三）设置框架集的属性 选中框架集，打开属性面板，框架集面板的设置如下所示： 1、左上角的预览区域显示当前框架集结构。 2、“边框”设置框架是否有边框。“是”为有边框，“否”为无边框，“默认”为浏览器决定是否有边框，对于大多数浏览器而言，这一项都意味着有边框。对于这一项，框架集的设置如果和框架的设置相