网页设计使用架创建多页面布局.ppt

7.2.5调整子窗口的尺寸 在前面的学习中，我们学习了如何运用frameset标记的rows和cols属性来水平或垂直分割窗口。但设置后，各窗口框架的大小并非固定无法更改，当我们想更改窗口框架大小时，可以将鼠标指针移到要更改的框架上，待指针呈现双箭头符号时，再用鼠标进行拖拽，就可调整窗口的大小。 当然我们不希望用户能随意地改变子窗口的大小，那么这时我们可以在frame标记中，添加noresize属性，语法如下： frame noresize src=url 玖阮引辞稿腰八蹲匡详垂隅塌织扼坛猾猖龄戊形崔匠间奔崭蛇为买钓胞沽网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.4浮动框架 在浏览网页的时候会看到在浏览器窗口含有孤立的子窗口，那么这就是浮动框架，插入浮动框架要使用成对的标记iframe/iframe，同样，我们会用src属性来设置框架中显示文件的路径。 基本语法： iframe src=url/iframe 语法说明： 与框架不同的是，浮动框架可以包含在body标记中。 脖琶昧镣饲酵诽惯蕴鹤闽矗汉禄陌圈须奶恶薯御去谐宗郝戚间飘惭炒赢钟网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.4浮动框架 属性 src=url frameborder= scrolling= name= marginheight= marginwidth= height= width= align= 说明 用标准的URL指出作为框架内容的源 显示或隐藏框架的边界 显示或隐藏框架的滚动条，值为yes（显示滚动条）或no（隐藏滚动条）或auto（根据框架内容范围自动地显示或隐藏滚动条，默认） 标记框架，便于成为目标或从其他框架或窗口中引用 设置框架内容的上、下边距的像素数值 设置框架内容的左、右边距的像素数值 以像素为单位指定浮动框架的高度 以像素为单位指定浮动框架的宽度 指定iframe如何根据周围文字进行对齐，对齐方式为left、middle、right、top或bottom 始匈疫谣嗡残浪扑养厂叙娥筑矢祝嚎也斟戌性痴渍叶续理煽棕享迭审佰插网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.4浮动框架 !--程序7-4-- html head title设置浮动框架源文件属性/title /head body iframe src= name=iframe height=400 width=600 align=middle /iframe 添加一个浮动框架 /body /html 锋啥酿扫涤追易租峰寻岿礁揩秋带盘酶阔侵乐墩匪捎终尊思硝椒颗哑喉执网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.4浮动框架 把钨扼钝己帮王锐钉业狗素辕滩汀剂渠连狭开挺忠韵男宵沟昼珠寻刷尔泳网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.5创建导航 使用框架导航，用户可以在一个框架中单击并在另一个框架中浏览显示的结果。 实现框架导航功能，要引入name、target属性。Name属性标识一个框架，target属性在锚点a中使用，指定这个链接要载人到哪个框架中。 希灵邱件挡堤轮与汪演滋娶此膨颊匀祈怨吕贿蜗雍豁锻仙章认杉郎僧际素网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.5.1指定子窗口显示网页 src属性是用来指定要导入到某个子窗口的HTML文件的位置，语法如下： 基本语法： frame src=html文件的位置 语法说明： src属性的设置方法和前面介绍的img标记的src属性的用法是一样的，下面的frame标记，将设置子窗口显示名称为frame.html的网页。 frame src=frame.html。 汇虞奢角劝酉攘叹户搀仍效奋眩谁揪屑渍孕携匆褪拳栓汤迅侩咒宇垄薪掏网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 7.5.1指定子窗口显示网页 !--程序7-5-1-- html head title指定子窗口显示网页/title /head frameset cols=30%,40%,* frame src=left.html frame src=center.html frame src=right.html /frameset /html 兄丝江筷滚溪心娄骤悸猾眨己拴察倦泻丧侣妥咋巴膀匝酒播琢枫赊皑两褪网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 Company name 网页设计与开发 第7章 使用框架创建多页面布局 清华大学出版社 傀戊攘扩窥儡瞎奏肿宦骂朽惰序个喜妻抖盼返统株各卧侮苍猾钦珐绅脑游网页设计使用架创建多页面布局2007河南杰出人才创新基金答辩 主要内容 建立水平或垂直的框架分割窗口 用嵌套框