第9课：建设框架网站 珠海市广播电视大学
第9课:建设框架网站 珠海市广播电视大学
888. ●●●●● ●●●● 。框架是网页中最常使用的页面设计方式之一。框架的英文 是Frame,是指网页在一个浏览器窗口下分割成几个不同 区域的形式。 ·利用框架技术可实现在一个浏览器窗口中显示多个HTML 页面，通过构建这些文档直接的相互关系，可实现文档导 航、文档浏览以及文档操作等目的。 。在模板出现之前，框架技术被广泛应用于页面导航
⚫ 框架是网页中最常使用的页面设计方式之一。框架的英文 是Frame，是指网页在一个浏览器窗口下分割成几个不同 区域的形式。 ⚫ 利用框架技术可实现在一个浏览器窗口中显示多个HTML 页面，通过构建这些文档直接的相互关系，可实现文档导 航、文档浏览以及文档操作等目的。 ⚫ 在模板出现之前，框架技术被广泛应用于页面导航
●●● 主要内容 ●● 一、框架概述 二、 框架的基本操作 三、利用框架制作网页电子书 四、自定义框架集 五、浮动框架页面
主要内容 一、框架概述 二、框架的基本操作 三、利用框架制作网页电子书 四、自定义框架集 五、浮动框架页面
888 框架概述 1.1什么是框架 ·一个框架就是一个区域，可以单独打开一个HTML文档。 ·多个框架就把浏览器窗口分成不同的区域，每个区域显示 不同的HTML文档
一、框架概述 1.1 什么是框架 ⚫ 一个框架就是一个区域，可以单独打开一个HTML文档。 ⚫ 多个框架就把浏览器窗口分成不同的区域，每个区域显示 不同的HTML文档
ecSS2中文手用-5 1vindows..net-Vindows Internet Explorer 石回☒ G⑤。☒htpl/doe51 windows.net/cs2☑ yB分X Live Search 文件)编辑)查看凹收藏夹仙)工具①)帮助0 ☆收意夹产日建议网站·购网址大全到迅雷看看-中国第一高清·金最实用的网址导航-迅.，日网页快讯库， CSS2中文手册-51 windows..net 台·司·回·页面)，安全)，工具@)，0 color 。font-si2e-edjust 51windows.Net 属性清单|相关内容：SEE ALS0 font-weight tion CSS Properties Reference样式表属性 text--transform 字体Font line-height font font-family font-size font-size-adjust word-spacing font-stretch ont-style 。文本Te font-weight text-decoration text-underine-positon text-shadow font-variant text-transform line-height letter-spacing tet ove rflow word-spacing 。vertical--align 文本Text wiing-mode text-inden unicode-bidl utospa word-brea uby- ayout-grid- out-gnd-c ing layout-gn out-gnd word-wrap Interne ·100%·
●●● 框架概述 1.1什么是框架 。多个框架就组成一个框架集。 ·下图的结构由三个网页文件组成。外部框架集是一个文件， 用index..htm命名。框架中左边命名为L,指向的是一个网 页A.htm。右边命名为R,指向的是一个网页B.htm。 A index:htm A.htm A B.htm
一、框架概述 1.1 什么是框架 ⚫ 多个框架就组成一个框架集。 ⚫ 下图的结构由三个网页文件组成。外部框架集是一个文件， 用index.htm命名。框架中左边命名为L，指向的是一个网 页A.htm。右边命名为R，指向的是一个网页B.htm
888 ●●●●● ●0●0 一、 框架概述 1.2框架结构的组成部分 ·框架(Frame)：框架是浏览器窗口中的一个区域，可以 显示与浏览器窗口的其余部分所显示内容无关的网页文件。 。框架集(Frameset):框架集也是一个网页文件，将一 个窗口通过行和列的方式分割成多个框架，框架的多少根 据具体有多少网页来决定，每个框架中要显示的就是不同 的网页文件
一、框架概述 1.2 框架结构的组成部分 ⚫ 框架（Frame）：框架是浏览器窗口中的一个区域，可以 显示与浏览器窗口的其余部分所显示内容无关的网页文件。 ⚫ 框架集（Frameset）：框架集也是一个网页文件，将一 个窗口通过行和列的方式分割成多个框架，框架的多少根 据具体有多少网页来决定，每个框架中要显示的就是不同 的网页文件
888. ●●●●● 二、框架的基本操作 2.1建立框架 。方法1： 。“新建”-“文件”，新建html文档 。“布局”“框架”按钮，在弹出菜单中选择需要的框架 类型 常用布局表单数据Spry InContezt Editing文本收夹 标谁扩展目宣围圆写配图兰马 回旧： [范例采用方法1新建左右结构的框架页面，完成“家庭急救手册
二、框架的基本操作 2.1 建立框架 ⚫ 方法1： ⚫ “新建”- “文件”，新建html文档 ⚫ “布局”-“框架”按钮，在弹出菜单中选择需要的框架 类型 [范例] 采用方法1新建左右结构的框架页面，完成“家庭急救手册
●●● 二、框架的基本操作 ●● 2.1建立框架 。方法2： 。新建文档-示例中的页-框架页 雪文有 》治领 》理 》a预中 于中的 洲 球拉
二、框架的基本操作 2.1 建立框架 ⚫ 方法2： ⚫ 新建文档-示例中的页-框架页
888 ●●●●● ●0●0 二、框架的基本操作 2.2编辑、保存框架和框架集 ·编辑框架页：选择框架页，并进行编辑。 ·保存框架和框架集： 。保存框架：鼠标置于要保存的框架，“文件”-保存框 架” 。保存框架集：选择要保存的框架集，“文件””保存框 架页”或者“文件””框架集另存为” 。保存全部：这时是保存整个框架结构，保存的时候虚线 笼罩的就是现在保存的框架
二、框架的基本操作 2.2 编辑、保存框架和框架集 ⚫ 编辑框架页：选择框架页，并进行编辑。 ⚫ 保存框架和框架集： ⚫ 保存框架：鼠标置于要保存的框架，“文件”-保存框 架” ⚫ 保存框架集：选择要保存的框架集，“文件”-”保存框 架页”或者“文件”-”框架集另存为” ⚫ 保存全部：这时是保存整个框架结构，保存的时候虚线 笼罩的就是现在保存的框架