第7章_利用框架布局页面.pptVIP

复习 复习 第6章 页面布局、层、行为和时间轴的使用 第7章 利用框架布局页面 7.1 框架与框架集的概念 7.2 创建框架 7.3 框架集的基本操作 7.4 设置框架集与框架的属性 7.5 在框架中使用连接 本章小结 7.1 框架与框架集的概念 1．认识框架网页 框架网页是—种特殊的HTML网页，它可将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页. 框架网页的特点 ① 只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。 ② 固定网页中的某些内容。 ③并不是所有的浏览器都能显示框架网页，这也是框架网页的一个局限。 2．框架集 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小和位置以及每个框架中初始显示的页面地址。 7.2 建立框架 7.2 建立框架 7.3 框架集的基本操作 7.4 设置框架集与框架的属性 7.5 在框架中的超链接 * 自动刷新功能应使用哪个HTML标签？ 标签区分大小写吗？ 段落标签P和换行标签BR有什么区别？ 字符标签FONT有哪些常用属性？ 使用图片标签IMG显示图片q.jpg，如何写HTML代码? 写HTML代码时，空格用什么表示？ 显示如下所示的列表，如何写HTML代码： 您认为乔丹的血型是？ A. A型 B. B型 C 以上都不对 显示如下所示的超链接，如何写HTML代码： 请查看Microsoft微软中国 $ [知识目标] 　　 　　掌握通过表格来进行网页页面的布局方法 　　 8 [能力目标] 　　 　　熟练运用表格进行网页布局 广告栏顶部框架(top.htm) 商品详细介绍右侧框架(main.htm) 商品导航 左侧 框架(left.htm) frameset rows=80,* cols=* frameborder=no border=0 framespacing=0 frame src=“top.html name=topFrame scrolling=No noresize=noresize id=topFrame title=topFrame / frameset cols=80,* frameborder=no border=0 framespacing=0 frame src=“left.html name=leftFrame scrolling=No noresize=noresize id=leftFrame title=leftFrame / frame src=“main.html name=mainFrame id=mainFrame title=mainFrame / /frameset /frameset 为何使用框架 在另一个固定部分 显示导航部分 在页面的一个固定部分显示徽标或静态信息 在此处显示主要内容。 站点中只有此部分是变化的。 　　1．定位光标在要插入框架集的窗口中。 　　2．单击菜单栏中“插入”|“框架页”命令，在子菜单中单击相应的框样式。 　　3、按住ALT键，拖动边框线可以对框架进行水平或垂直划分 4、使用菜单栏中“修改”|“框架页”命令，可以不断进行分割 一、自定义框架 　　1．定位光标在要插入框架集的窗口中。 　　2．执行以下操作之一： 　　?单击菜单栏中“插入”|“HTML”|“框架”命令，在子菜单中单击相应的框样式。 　　?在“插入”栏的“布局” 类别中，单击框架按钮右 侧的下拉按钮，弹出下拉 菜单，单击相应的框架集 图标。建立框架网页。 直接新建框架集文档 二、直接插入预定义框架 　1、框架集和框架的选择 　　（1）单击菜单栏中“窗口”|“框架”命令，打开框架面板。在面板中标识了每个框的名称。 　　（2）框架面板的基本操作： 　选择框架集：在“框架”面板中单击最外层的边框，使其出现粗黑边显示，则选中了框架集。 　选择框架：在“框架”面板中单击要选择的框架，使其出现细黑边显示，则选中了框架。 3、框架和框架集的保存　 （1）保存框架集的操作： 　　1）．在框架面板中，选择中要保存的框架集。 　　2）．单击菜单栏中“文件”|“保存框架页”命令。 　　3）．打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架集网页。 　（2）保存框架的操作： 　　1）．定位光标在要保存的框架内，或在框架面板中选择要保存的框架。 　　2）．单击菜单栏中“文件”|“保存框架”命令，打