《ch11-使用框架布局网页》由会员分享，可在线阅读，更多相关《ch11-使用框架布局网页（10页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver CS5网页设计与制 作基础教程第11章 使用框架布局网页11.1 框架概述 11.1.1 框架的组成11.1.1 框架的组成框架页面是由一组普通的Web页面组成的页面集合，通常在一个框架页面集 中，将一些导航性的内容放在一个页面中，而将另一些需要变化的内容放在 另一个页面中。 使用框架页面的主要原因是为了使导航更加清晰，使网站的结构更加的简单 明了、更规格化，一个框架结构由两部分网页文件组成，一个是框架，另一 个是框架集。11.2 创建框架和框架集 11.2.1 创建预定义的框架集 11.2.2 向框架中添加内容 11.2.3 保存框架和框架集文件11.2.1 创建预定
2、义的框架集 启动Dreamweaver CS5，单击【插入】面板上的 【布局】选项卡，选择【框架】选项，在弹出 的下拉列表中，选择【顶部框架】选项。 弹出【框架标签辅 助功能属性】对话框，设置 框架及标题，单击【确定】按钮。 在网页窗口中，可以查看到创建的框架集。11.2.2 向框架中添加内容 启动Dreamweaver CS5，单击【插入】面板上的【布局 】选项卡，在【框架】下拉选项中，选择【顶部框架】 选项。 打开准备添加内容的文档，选中准备复制的文本，右键 单击，在弹出的快捷菜单中，选择【复制】选项。 返回至Dreamweaver CS5编辑窗口，在准备添加文本的 位置，右键单击 ，在弹
3、出的快捷菜单中，选择【粘贴】 选项。 此时，在页面中，可以查看到刚刚添加的文本内容，通 过以上步骤即可完成操作。11.2.3 保存框架和框架集文件 在文档窗口选择 框架集，在菜单栏 中，选择 【文件】【框架集另存为】菜单项 ，弹出 【另存为】对话 框，设置参数，单击 【保存 】按钮，即可保存框架集的操作。11.5 IFrame框架 11.5.1 制作IFrame框架页面 11.5.2 IFrame框架页面链接11.5.1 制作IFrame框架页面启动Dreamweaver CS5，在菜单栏中，选择【文件】【打开】菜单项， 打开素材文件。 将鼠标光标放置在准备插入浮动框架的位置，在【插入】面板【
4、布局】选项 卡中，选择【IFRAME】选项。 此时，在页面中插入一个浮动框架，页面会自动转换 到拆分模式，并在代 码中生成标签。 在代码视图 中的标签中输入的代码如下：。 此时，页面中插入的浮动框架会变成灰色区域，在菜单栏中，选择【文件 】【保存】菜单项，保存页面，在工具栏中，单击【在浏览器中预览】 按钮 ，即可在浏览器中预览页 面效果。11.5.2 IFrame框架页面链接 启动Dreamweaver CS5，在菜单栏中，选择【文件】 【打开】菜单项，打开素材文件。 选中左侧“英语培训教学”图像，在【属性】面板中，设 置【链接】地址，在【目标】文本框中，输入文本。 在菜单栏中，选择【文件】【保存】菜单项，保存页 面，在工具栏中，单击【在浏览器中预览】按钮 ，单 击创建的页面链接，即可在浏览器中预览页 面效果。
