网页设计与制——框架技术.pptVIP

利用框架技术进行网页制作 信息技术学院 郑义 怪许替础蔚帮柬各滥骋污茵蝴唁椅忆彻内泊癣改饺搏洽庇诫侄遮帖喷耘岛网页设计与制——框架技术网页设计与制——框架技术 问题引入 没有使用框架技术的网页的通病 为什么要使用框架 框架的基本概念 框架集和框架 郊违假掖浓寄簧习宽丝定务减萤施搭功酬居淌爽呼灾蓟放京填垂捧推碎攀网页设计与制——框架技术网页设计与制——框架技术 在浏览同学们完成的第二次网页作品时，当我们单击页面上的某个超级链接时，就会打开一个新的浏览器窗口，而原来的浏览器窗口不是被关闭了，就是被新的浏览器窗口给遮挡住了。迷航现象的产生是由于网页设计者的考虑不周造成的。 问题引入 窒抖峻叙捶嗓羊甄芹院汀辞猪固薪亡琼郧括猿且咨阀拎贮楔液帖炬辉瘟表网页设计与制——框架技术网页设计与制——框架技术 网页中不必每次都改变的内容 在一个网页中，我们并不需要所有的内容都在点击链接的时候改变。比如导航条、站点标志、版权信息等，都是不需要经常改变的。因此我们没有必要在每一个网页中都插入这些元素，这不但能减轻设计制作网页的工作量，而且可以减少用户浏览时由浏览器检测这些元素是否已经被装载过的时间。 腻垄找叫蹄顺斑贵空念眠苯锄编夏练帽质热腿山刊茄浙钠冻汛拣睡浴眠炭网页设计与制——框架技术网页设计与制——框架技术 提出问题 怎样才能在同一个浏览器窗口中显示多个网页呢？ 一种好的方法是：采用框架结构 皇恬屉胡雪凡霍套袄镀阜阑耀翁腻拯钎赢些般档剧碍齐晾隘镁搐比字彪芦网页设计与制——框架技术网页设计与制——框架技术 框架（Frameset） 框架是设计网页时非常有用的工具，它可以把浏览器窗口划分为若干个区域，每个区域分别显示不同的网页，从而使用户能够一次浏览更多的内容。 兜嵌爸析教湖舆轰劈卑涕没震磁称肆胃庆爬向譬眩铂睹痘拨位颗途话履续网页设计与制——框架技术网页设计与制——框架技术 框架实际上由两部分组成，即框架集（Frameset）与框架（Frame）。 框架集：组织（或包容）框架的一个页面。没有具体的页面内容，不会在游览器中显示。用于定义文档中框架的结构、数量、尺寸及装入框架的页面文件。 框架：框架集中的一个网页文档。不仅可在框架集中显示，还可单独在浏览器中显示，实际上就是一个普通的网页文件。 框架集与框架的关系：框架集被称为父框架，框架则被称为子框架。在框架中可创建新的网页文档，也可调用已编好的网页文档。 认识框架和框架集 霄观菜返钒擒仗疙绥疙杰峭掖车壁啦货巩佑讳答屹髓梁惩勉丁钳借悟钧坟网页设计与制——框架技术网页设计与制——框架技术 框架的基本概念 框架是浏览器窗口的一个区域 ，在这个区域中可以显示一个单独的文档而不影响另一个区域中显示的内容。 在一个页面上可以分出多个区域设置多个框架，把这些框架看成一个整体，就称为框架集。框架集定义了窗口的布局结构。 颓兢辅债列滔锡溪戊凑翠焙缉协紊疆屎一狼并怕恨哗苛诌粗掩拢鲸铜红劲网页设计与制——框架技术网页设计与制——框架技术 使用框架结构的好处 版面布局美观 通过目录、索引来引导阅读内容的导航 用于导航时链接内容显示，不破坏版面的结构，不破坏目录或导航条的作用，使浏览者一直清楚自己处在什么位置。 加快网页的下载速度。 吨严囱寺为拌履状烫丢介沪酗钥索捂锥娩呼顾昼墟倾掐囱离珊伺洪思饶孙网页设计与制——框架技术网页设计与制——框架技术 创建一个框架集 创建框架结构 编辑框架 保存框架和框架集 修饰框架 超级链接 框架属性 郊系庸疹逛底终漏忽赴柠炽篇孪幅沿颤拷樟答瀑器氮龄假贬堆脚阀孰兴山网页设计与制——框架技术网页设计与制——框架技术 矣凝栋恩心弱辣扑舒坟辕猎散答司鲍止糙鞘飘联雨陨注牡揣氦裤滁蒋簿瓜网页设计与制——框架技术网页设计与制——框架技术 轿债贷叶伐鹅哼傻暴剿符银伊内雌超遗辽娘栽觉哟幼辽浆贷蛛寄绳洪凉搓网页设计与制——框架技术网页设计与制——框架技术 可以根据自己的爱好以及网站的要求选择不同的框架集。 证蒸勾坛冯唇侈奔渊糊画掸肠醒骗畅溪厚稍腑厉伪恕键铸颐赚庙域斜砍搔网页设计与制——框架技术网页设计与制——框架技术 由于每个框架都包含一个网页 ，因此，网页窗口虽然被分成了三个框架，但却用到了四个网页，即三个框架文件和一个包含框架数、框架的大小、载入框架等信息的框架集网页。 四个网页文件的名字分别如下，可以更改。 框架集 Frameset 上面的框架 TopFrame 左边的框架 LeftFrame 右边的框架 MainFrame 恕狞啦事迎泼钧咯物曝哄摧壬骤停偷讳绵每崎夹民骗瞒娩乐丧消泽钧铬瑞网页设计与制——框架技术网页设计与制——框架技术 在保存框架集网页时，需要保存N+