中职 网页设计与制作（Dreamweaver CS5）09(框架)教学课件高教版.pptx

《中职 网页设计与制作（Dreamweaver CS5）09(框架)教学课件高教版.pptx》由会员分享，可在线阅读，更多相关《中职 网页设计与制作（Dreamweaver CS5）09(框架)教学课件高教版.pptx（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF中职 网页设计与制作（Dreamweaver CS5）09(框架)教学课件 高教版网页设计与制作Dreamweaver CS5)网页设计与制作Dreamweaver CS5)框架框架2网页设计与制作Dreamweaver CS5)知识点实验框架框架3框架结构一个框架结构的页面由两部分构成：框架、框架集。框架（Frame）：框架是浏览器窗口中的一个区域，每个框架中显示的是不同的网页文件。框架集（Frameset）：框架集是组织保存框架布局的网页信息，其中包括框架的数目、框架的大小和位置以及最初在每个框架中显示的页面的URL。网页设计与制作Dreamweaver CS5)知识点实验框架框架4

2、框架集和框架网页设计与制作Dreamweaver CS5)知识点实验框架框架5创建框架集和框架网页设计与制作Dreamweaver CS5)知识点实验框架框架6创建框架集和框架网页设计与制作Dreamweaver CS5)知识点实验框架框架7网页中拆分成框架集和框架网页设计与制作Dreamweaver CS5)知识点实验框架框架8“框架”面板网页设计与制作Dreamweaver CS5)知识点实验框架框架9框架与框架集属性框架集属性面板框架属性面板网页设计与制作Dreamweaver CS5)知识点实验框架框架10“框架”链接网页设计与制作Dreamweaver CS5)知识点实验框架框架11

3、保存框架l 保存框架集文件l 保存框架文件网页设计与制作Dreamweaver CS5)知识点实验框架框架12浮动框架浮动框架是一种特殊的嵌入式框架，浮动框架用“iframe”标签来表示，通过使用“iframe”标签将一个网页嵌入到另一个网页中。浮动框架可以自由、独立地插入在页面中的任意位置。网页设计与制作Dreamweaver CS5)知识点实验框架框架13浮动框架方法一：直接在代码视图中输入代码网页设计与制作Dreamweaver CS5)知识点实验框架框架14浮动框架方法二：“插入”面板“布局”项网页设计与制作Dreamweaver CS5)知识点实验框架框架15浮动框架的属性属性值说明

4、Src设置在iframe内显示的网页文件的地址。例：src=“one.html”name设置iframe的名称。例：name=“oneiframe”heightpixels%定义iframe 的高度。例：height=“400”weightpixels%定义 iframe 的宽度。例：weightt=“80%”scrollingyes no auto iframe是否显示滚动条。例：scrolling=yes Frameborder10是否显示iframe 的边框，1表示显示，0表示不显示。例：frameborder=1网页设计与制作Dreamweaver CS5)知识点实验框架框架16浮动框架的链接在设置链接时，在属性面板中的“目标”项，输入iframe的名称：“iframe1”