模块二网页排版技术 单元6：框架排版技术 一、简单框架排版网页效果预览 H0S-PRB 有带的 8 bout Guang Yuan年snn 和的中第， 广是男丙年车义花料L姓广为保京型理：后E有 用营E男；家学四家减间人象带L 卡到，紫单华期 产电士物4电合纯道车中家一无二作我里单C州面线本时车.#弹 量华品 北天计我有有特光特，专事中4为4T待.车装 图2-51框架网页效果图 打开示例烟页 二、实例制作步骤： 1,首先打开DW的布局工具栏，点击插入框架按纽的下箭头， 选择框架的结构类型为“左侧框架
模块二 网页排版技术 单元 6：框架排版技术 一、简单框架排版网页效果预览 图 2-5-1 框架网页效果图 打开示例网页 二、实例制作步骤： 1.首先打开 DW 的布局工具栏，点击插入框架按钮的下箭头， 选择框架的结构类型为“左侧框架
日·架 口左衡和深 口右侧程采 同顶相采 口定足架 但下方和碳套的左侧框第 口下方和联载的右侧任闲 口左侧和联参的下方框果 口右侧和联餐的下方框果 目上方和下方相粱 日左和联套的顶单框 司右和安套的上方框闲 司顶和的左 上方和碳整的右侧框 2.按快捷键Sit+F2打开框架面板。 框闲 sainrane 3.通过框架面板分别选择左侧和主框架，或者按住A:键点击各 个框架，在属性面板中设置参数如图。 知将 原文件S)/sam可 0○边e3)5认 :动)雷，国不装器大小四边格色)厂 边界宽眉) 边界暮度00 好黎名希漾文件)/B国 今口认一 nain 动)白均 ·国不图大小边在格色C) 沙两赛度) 边界喜度00
2.按快捷键 Sift＋F2 打开框架面板。 3.通过框架面板分别选择左侧和主框架，或者按住 Alt 键点击各 个框架，在属性面板中设置参数如图
4在左侧框架插入嵌套表格。参数设置如下图。 置性 行的1宽1“■舍，Λ0■拌四松认，有天 摆0边恒004 0口 5.在表格中输入文字作为导航栏，分别设置文字的超级链接到 不同的网页，目标都为"main”,参数如图。 克m5■件@1父白黄镇空 口无 D1sJ■ 幕0列■9 销山n◇白雕/ 垂直指 日标购 知的0■过名 1口0过本平■ 96林四1✉ 6在主框架页而部分先插入一个表格，参数设置略，作为首页显示， 输入正文文字。 7.新建文件，分别建立各个子页面。 8.保存框架。 选择文件保存全部，弹出对话框
4.在左侧框架插入嵌套表格。参数设置如下图。 5.在表格中输入文字作为导航栏，分别设置文字的超级链接到 不同的网页，目标都为“main”,参数如图。 6.在主框架页面部分先插入一个表格，参数设置略，作为首页显示。 输入正文文字。 7.新建文件，分别建立各个子页面。 8.保存框架。 选择文件|保存全部，弹出对话框
园月存为 保存在C:害1一n G含B网 名将 停改口期 纯生 最话吃问的位置 e60201 20129/241-35 文件典 web0206 20129/24114 文件换 日wab0201.bm 2012/9/24122 HTM文智 eWeb0206.htm 2012/9/241&15 HT橇 计算机 文件名0 保存 保有典型T) All Docanentz (hin;.htal;t.shtn;.ahtal:#.hta; ■有 站点佩日录 可以看出框架的周围有一个虚线框起来，表示当前保存的是哪一部分 框架。在文件名中输入有意义的框架集的名称。 三、本例框架的html语法结构分析 切换到代码视图模式。观察页面中的超级链接语法格式。 1框架的属性： 框架显示的文件路径：<frame sre-=ur
可以看出框架的周围有一个虚线框起来，表示当前保存的是哪一部分 框架。在文件名中输入有意义的框架集的名称。 三、本例框架的 html 语法结构分析 切换到代码视图模式。观察页面中的超级链接语法格式。 1.框架的属性： 框架显示的文件路径：
框架窗口的名称：,框架名必须以字母开 头，框架名区分大小写，不能使用空格、句点和连接符。？ 是否显示框架： 是否显示滚动条：。此处的数值有yes.no 和auto三种。 能否自行谓整框架窗口的大小： 框架中内容与框架边缘的左右距离： 2.框架集的属性 宽度属性： 颜色属性： 隐藏属性：此处0表示不显示边 框，】表示显示边框，该属性也可用在里。 四、建立表格的tml语法总结 1打开链接页面的目标含义 a href白url target=-blank>新窗口 本窗口
框架窗口的名称：，框架名必须以字母开 头，框架名区分大小写，不能使用空格、句点和连接符。?? 是否显示框架： 是否显示滚动条：。此处的数值有 yes,no 和 auto 三种。 能否自行调整框架窗口的大小： 框架中内容与框架边缘的左右距离： 2.框架集的属性 宽度属性: 颜色属性: 隐藏属性： 此处 0 表示不显示边 框，1 表示显示边框，该属性也可用在里。 四、建立表格的 html 语法总结 1.打开链接页面的目标含义 新窗口 本窗口
父窗口 a href-白url target=-_top>整个浏览器窗口 2.各窗口间空白区域的设置 #-空白区域的大小 【课后小结】 本讲重点介绍了框架的建立和设置方法：框架有一些独特的特性，当 网页需要滚动条的时候，可以使用框架。当想让窗口的一部分内容保持 不变，另一部分内容改变时也需要框架。使用框架的最主要目的是创建 链接结构，还有可以使网页显示更加清晰，紧凑，直观
父窗口 整个浏览器窗口 2.各窗口间空白区域的设置 #=空白区域的大小 【课后小结】 本讲重点介绍了框架的建立和设置方法；框架有一些独特的特性，当 网页需要滚动条的时候，可以使用框架。当想让窗口的一部分内容保持 不变，另一部分内容改变时也需要框架。使用框架的最主要目的是创建 链接结构，还有可以使网页显示更加清晰，紧凑，直观