创建框架结构的页面ppt课件

1、第9章 创建框架构造的页面 框架指的是页面的一种规划，这种规划和之前说的“表格规划，还有之后章节将学习的“CSS+DIV规划都是不同的。那么详细框架规划是怎样的呢？现实上，框架规划也许短少了那么一些灵敏性，但是它的特点是可以将阅读器分割成几部分。这是其他标签无法做到的，本章将引见的便是这种技艺。；9.1 创建窗口框架页面 有这样的一种网页，导航栏放在左侧，右侧是页面主体。当阅读者点击左侧导航栏时，右侧的页面会刷新，但是，左侧导航栏部分依然坚持不变。以下图是一个常见的论坛导航页面。；9.1.1 创建窗口框架的和标签 运用标签在HTML页面中设置框架。那么，当一个阅读器被分成很多个框架的时候，这些

2、框架放在一同，即称之为框架集。框架集的HTML标签为，也称之为框架构造标签。假设要在框架中放入内容，采用的方式是经过援用所放内容的途径，来加载对象。它的代码如下写法。 /阐明这是一个框架集 /这是其中一个框架中的页面途径 ；9.1.2 横向分割窗口 窗口的分割只需横纵两个方向，没有斜方向的分割方法。横向分割窗口，运用“rows属性。如代码所示。 ；9.1.3 纵向分割窗口 除去横向分割窗口，另一种方式那么是纵向分割窗口。当纵向分割窗口的时候，运用的是cols属性。同样，用百分比或者像素都可以来表示框架横向的宽度。；9.1.4 框架的嵌套 框架嵌套就是说假好像时混合运用横纵构造。即在分割的框架中

3、再嵌套一个框架集。那么，写法上只需在标签中再放入标签就可以了。；9.1.5 将页面放入到窗口框架中 将页面放置入窗口框架中，需求在每一个框架中经过途径的方式来添加页面。假设一个框架集中包含3个框架，那意味着要预备3个页面分别放入相应的框架中。；9.2 花点心思修饰框架的细节 设计页面没有太多复杂的技术，但是要设计出优秀的页面，关键在于对细节的把握，也就是所谓的“细节出巨匠。在设计这一领域中，是一条重要的准那么：页面是给阅读互联网的用户提供的，必需求思索页面给运用者的友好度。一个具有亲和力的页面会让阅读者对这个页面留下深化的印象。；9.2.1 给无法处置框架的阅读器注释阐明 在框架设计的页面时候

4、，有时，会遇到不能显示框架的阅读器。在这种情况下，可以运用标签加以注释。；9.2.2 固定框架的位置 在标签的框架集中，虽然框架的位置是按照事先设定好的效果出如今阅读器中的，但是框架的边框并非是固定的，假设阅读者拖拽框架集的边框，框架的大小是可以随意改动的。假设设计者希望固定框架的尺寸，可以运用标签来定位边框的位置。；9.2.3 框架中设置滚动条 窗口框架中有个细节，当页面中的内容超出框架的范围时，此时框架的底边会出现滚动条。这个滚动条也是可以设置的，经过scrolling属性可以实现这种控制。；9.3 修正框架边框的款式 框架的边框款式也是可以修正的，经过一些简单的属性修饰，可以改动框架边框

5、的表现方式。如边框的粗细、颜色，或者是边框的边距。运用这些特点，可以做出一些有意思的页面效果。；9.3.1 断定边框能否显示 在有些情况下，灰色的边框会很费事，看上去像把页面剖解的支离破碎。运用“frameborder属性可以决议能否显示边框。它的写法是： ；9.3.2 改动边框的表现效果 border表示框架的边框。在这个属性上可以扩展出一些新的特性。如bordercolor，表示修正边框的颜色。经过修正border扩展的一些属性可以改动边框的表现效果。；9.3.3 边框的边距 边距是指框架内页面内容和边框的间隔。运用属性设置左右两边的边距，运用属性设置上下两边的边距。运用的方法照实例9-1

6、0页面展现的不同效果。；9.4 框架集中页面之间的链接 本章的一开场，提到了如论坛方式的页面，以左边为导航栏，右边为页面的主体部分这样框架集下的规划页面。在本节中，将引见如何运用超链接配合框架的特性，制造出具有特征的页面。；9.4.1 在指定的框架中翻开链接 在一张原始的页面中，如以下图所示的案例。经过这个案例，可以看到一个简单的页面导航是如何在同一个窗口中实现链接的。；9.4.2 框架内的锚点链接 运用name属性还可以实如今框架内锚点链接。在框架集中设置页面途径的同时，指定锚点的位置。如以下图所示，这是一张左右分割规划的页面。；9.4.2 框架内的锚点链接 在这个页面中，设计者希望当点击左

7、侧边框中文本“带有锚的链接时，右侧边框中页面跳转到相应的文本位置。那么，在左侧的边框中的页面，写入如下所示的页面代码： 带有锚的链接 右侧框架中的页面保管为页面文件12.html，右侧框架命名为showframe，所以这句代码的意思阐明，链接到showframe框架内12.html页面的aaa位置。因此，右侧框架中的页面代码中需求有这样注明的一句代码。 十四 在文本“十四的位置定义为“aaa的锚点。；9.5 灵敏的框架 标签的用法不同于标签，在表现上也有不少差别。 标签是可以放在标签中运用的。同样，它可以运用修饰框架的属性，常见的款式属性如： ；9.6 案例：制定本人的链接主页 本节引见的例子，将展现浮动框架如何结合标签来规划页面。思绪是这样：经过表格来规划，在表格的单元格中，放入浮动框架。和只运用框架集的规划来比较，这样还是比较好的，虽然表格规划曾经有些落伍了，但是类似这样规划