07-框架.pptVIP

第7章 框架 网页设计与制作实例教程 知识要点 框架集 创建框架和框架集 用iframe定义嵌入式框架 认识框架1 认识框架2 认识框架3 实例7-1 简单框架结构练习 实例分析 框架中常用的属性 实例7-2 框架页面中链接的打开方式 实例7-3 设置嵌入式框架页面 实例7-4 利用嵌入式框架做相册 网页设计与制作实例教程 * 这是一个简单的框架网页在浏览器中的显示效果，窗口同时显示了三个页面a.html、b.html、c.html，注意每个页面的名称和页面的数量。 这个页面窗口虽然同时显示了三个页面，实际上它是由四个页面组成的，还有一个“隐形”的文件就是框架集页面frame.html，文件结构如图所示： 框架集页面frame.html是由上面代码对应的页面，它只负责搭建框架结构，控制浏览器窗口中各框架的布局视图，是框架的“灵魂”。 a.html：背景颜色设为蓝色，标注自己的名称。 b.html：背景颜色设为黄色，标注自己的名称。 c.html：无背景颜色，标注自己的名称。 1.src属性 frame里有src属性，src值就是网页的路径和文件名。如：src=a.html。 设定此框架中要显示的网页名称，每个框架一定要对应一个网页，否则就会产生错误，这里就是要填入对应网页的名称。 2.name属性 name=a设定这个框架的名称为a，设置了name属性后才能指定这个框架来作链接目标。 3.frameborder属性 frameborder=0，设定框架的边框，其值只有0和1两种 ， 0就是不要边框，1就是要显示边框。边框是无法调整粗细的。 4.scrolling属性 scrolling=no，设定是否要显示滚动条效果，yes是要显示卷轴，no是无论如何都不要显示，auto是视情况显示。 5.noresize属性 设定使用者不可以改变这个框架窗口的大小，如果没有设定这个参数，使用者可以很容易的拖拽框架窗口，改变其大小。 6.marginhight属性 marginhight=4，表示框架高度部分边缘所保留的空间。 7.marginwidth属性 marginwidth=4，表示框架宽度部分边缘所保留的空间。 利用超链接中的target属性实现，具体方法是target=”框架名称”，通过赋值不同框架窗口的名称，可以让超链接页面随心所欲的在不同的页面打开。 在框架结构的应用过程中，有时会用到下面两种target的打开方式。 target=”_top” 在顶层框架中打开超链接。 target=”_parent” 在当前框架的上一层里打开超链接。 iframe标记能帮助设计者在浏览器页面上打开一个“小窗口”，嵌入一张来源于其他位置的网页，而且这个内嵌框架可以同时设置宽度和高度，可以放在页面的任何位置，和frameset标记建立的框架相比，拥有更多的灵活性，也简单很多。 利用3行3列的表格进行页面布局，将第一列单元格统一合并，嵌入iframe框架窗口，作为大图片的“展示区”；右边是小图片的链接区域，点击小图片，左边iframe框架中迅速更新为相应的大图片，效果美观、实用。