Dreamweaver实例教程第5章_第1页
Dreamweaver实例教程第5章_第2页
Dreamweaver实例教程第5章_第3页
Dreamweaver实例教程第5章_第4页
Dreamweaver实例教程第5章_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

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

文档简介

1、第五章框架的使用学习目标1)了解在网页中框架的作用;2)熟练掌握如何创建框架;3)掌握在Dreamweaver 8.0中创建框架和设置框架属性的方法;4)掌握使用链接控制框架内容的方法;5)会保存框架及框架集。5.1 框架概述重点提示1)框架的作用。2)框架的组成。 在网页中使用框架可以把浏览器的窗口分隔为若干相互独立又有联系的区域,在每一个区域中显示一个独立的网页文件。也可以把它理解成,将包含某种联系的多个HTML网页呈现在一个浏览器窗口中。框架由框架集和框架两部分组成。框架:单个的框架是浏览器窗口中的一个区域,在此区域中可以显示一个独立的HTML文档。框架集:是在一个文档内定义了一组框架结

2、构的HTML网页,定义的内容有窗口显示的框架数、各个框架的大小和载入框架的网页的地址等属性。5.2 框架的基本操作 创建框架集创建预定义的框架集创建嵌入式框架集创建无框架内容设置框架集属性创建框架集重点提示1)如何新建一个HTML文档。2)创建框架集。3)删除框架。实例:新建一个HTML文档。 要求掌握创建框架集的两种方法 单击菜单“修改”“框架页”,选择所需要的拆分方式。 按住(Alt)键从任何一条边框或一个角上拖拽出新的框架。 如果想删除某个框架,只需将该框架边框拖出此页即可。如果在即将删除的框架中显示的文档还有尚未保存的内容,则会提示是否要保存,而删除框架集只需直接关闭框架集文件,如果此

3、框架集已经被保存,则需要从站点中删除。创建预定义的框架集重点提示1)如何使用框架集格式。2)如何在HTML文档中插入预定义的框架集。实例2:使用三种方法在HTML文档中插入预定义的框架集。1)在“插入面板”中选择“布局”,点击框架图标,从中选择一种框架集模式。2)选择菜单“插入”“HTML”“框架”,选择一种框架集模式。3)在新建文件时直接使用预定义框架集,创建嵌入式框架集重点提示1)框架嵌套的概念。2)框架嵌套的方法。创建无框架内容重点提示1)“无框架内容”命令的使用。2)如何编辑“无框架内容”。实例3:如何编辑和使用“无框架内容”。5.3设置框架属性重点提示1)框架的选择。2)框架属性的设置。选择框架有如下两种方法:方法一:单击菜单“窗口”“其他”“框架”,或按快捷键(Shift)(F2),将会打开框架面板,在其中选择需要编辑属性的框架。方法二:按住(ALT)键选择需要编辑属性的框架。5.4 框架中使用链接实例4:综合实例(点击这里进入助教视频)具体要求如下:架集中包含三个框架。1、上面的框架为固定内容,不随点击链接更新内容。2、左下框架为控制框架,通过点击里面的链接来控制右下框架内容改变。3、右下框架为被控制框架,受左下框架中链接的控制而更新内容,而且其自身的链接能够控制其自己更新内容。本 章 小 结 通过这一章的学习,我们

温馨提示

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

评论

0/150

提交评论