ch11-使用框架布局网.pptx_第1页
ch11-使用框架布局网.pptx_第2页
ch11-使用框架布局网.pptx_第3页
ch11-使用框架布局网.pptx_第4页
ch11-使用框架布局网.pptx_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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 创建预定义的框架集 启动Dreamweaver CS5,单击【插入】面板上的 【布局】选项卡,选择【框架】选项,在弹出 的下拉列表中,选择【顶部框架】选项。 弹出【框架标签辅 助功能属性】对话框,设置 框架及标题,单击【确定】按钮。 在网页窗口中,可以查看到创建的框架集。 11.2.2 向框架中添加内容 启动Dreamweaver CS5,单击【插入】面板上的【布局 】选项卡,在【框架】下拉选项中,选择【顶部框架】 选项。 打开准备添加内容的文档,选中准备复制的文本,右键 单击,在弹出的快捷菜单中,选择【复制】选项。 返回至Dreamweaver CS5编辑窗口,在准备添加文本的 位置,右键单击 ,在弹出的快捷菜单中,选择【粘贴】 选项。 此时,在页面中,可以查看到刚刚添加的文本内容,通 过以上步骤即可完成操作。 11.2.3 保存框架和框架集文件 在文档窗口选择 框架集,在菜单栏 中,选择 【文件】【框架集另存为】菜单项 ,弹出 【另存为】对话 框,设置参数,单击 【保存 】按钮,即可保存框架集的操作。 11.5 IFrame框架 11.5.1 制作IFrame框架页面 11.5.2 IFrame框架页面链接 11.5.1 制作IFrame框架页面 启动Dreamweaver CS5,在菜单栏中,选择【文件】【打开】菜单项, 打开素材文件。 将鼠标光标放置在准备插入浮动框架的位置,在【插入】面板【布局】选项 卡中,选择【IFRAME】选项。 此时,在页面中插入一个浮动框架,页面会自动转换 到拆分模式,并在代 码中生成标签。 在代码视图 中的标签中输入的代码如下:。 此时,页面中插入的浮动框架会变成灰色区域,在菜单栏中,选择【文件 】【保存】菜单项,保存页面,在工具栏中,单击【在浏览器中预览】 按钮 ,即可在浏览器中预览页 面效果。 11.5.2 IFrame框架页面链接 启动Dreamweaver CS5,在菜单栏中,选择【文件】 【打开】菜单项,打开素材文件。 选中左侧“英语培训教学”图像,在【属性】面板中,设 置【链接】地址,在【目标】文本框中,输入文本。 在菜单栏中,选择【文

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论