原创力文档- 1、本文档共40页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
知识点回顾
（1）元素定位方式：float、position、Z-index
（）CSS+DIV布局的一般步骤：使用Div标签对网页进行分块，设
计各块的位置，用CSS定位及样式控制。
（3）APDiv层的应用：APDiv
嵌套APDiv、【AP元素】面板的使用
LOGO
LOGO
本章主要内容
l11.1认识框架
l11.1认识框架
l11.2创建框架和框架集
l11.2创建框架和框架集
l11.3框架集和框架的基本操作
l11.3框架集和框架的基本操作
l11.4IFrame框架
l11.4IFrame框架
l11.5在HTML代码中编辑框架
l11.5在HTML代码中编辑框架
LOGO
11.1认识框架
LOGO
11.1认识框架
在网页设计中，框架与表格一样都可以用于对网页进行布局。
使用框架技术可以将浏览器窗口分割成若干个区域，每个区域
使用框架技术可以将浏览器窗口分割成若干个区域，每个区域
中分别显示不同的网页，而且可以单独控制，互不干扰。使用框架
中分别显示不同的网页，而且可以单独控制，互不干扰。使用框架
可以非常方便的完成导航，使导航信息在某个窗口中保持不变，而
可以非常方便的完成导航，使导航信息在某个窗口中保持不变，而
另外一些窗口的信息则可以进行更新，方便浏览，同时使网站的结
另外一些窗口的信息则可以进行更新，方便浏览，同时使网站的结
构更加清晰，保证网站风格一致。
构更加清晰，保证网站风格一致。
LOGO
11.1认识框架
u框架是一种由多个网页通过多种类型区域的划分，最终显示
一个窗口的网页结构。由两个部分组成：
l框架：浏览器窗口中的一个区域，可以显示某个网页文件。
l框架集：是一个网页文件，将一个窗口通过行和列的方
式分割成多个框架。
u使用框架技术存在兼容性问题，会影响网页浏览速度。
LOGO
11.2创建框架和框架集
u插入预定义框架集
u插入自定义框架集
u框架嵌套
LOGO
11.2.1插入预定义框架集
DreamweaverCS5提供了13种预定义的框架集，其创建步骤为：
（1）将光标置于要插入预定义框架集的编辑窗口
（2）选择【插入】|【HTML】|【框架】菜单命令，或单击【插入
】面板上的【布局】选项卡中的【框架】按钮，弹出下来菜单，在
下拉菜单中选择一种预定义的框架集。弹出【框架标签辅助功能属
性】对话框，设置各框架的标题，单击【确定】按钮即可。
LOGO
11.2.2插入自定义框架集
插入自定义框架集的一般步骤为：
（1）选择[查看]|[可视化助理]|[框架边框]选项，使框架边框在页面中显示。
（2）光标置于要插入自定义框架集的编辑窗口，执行如下操作之一：
l在设计视图中，用鼠标拖动四周显示的框架边框线，将其拖动到页面合适的
位置。
l将鼠标指针定位在框架边框，按下鼠标左键的同时按下Alt键，再拖动鼠标
指针到所需位置释放，也可划分框
文档评论（0）