框架、页面版式控制与多媒体效果.pptVIP

框架、页面版式控制与多媒体效果

回忆在HTML页面中插入图片用什么标签?CSS样式表有什么作用？引入样式表有哪几种方式？在HTML页面中插入浮动窗体用什么标签？

预习检查框架有什么用途?说出2个页面版式控制标签？在HTML页面中，插入背景音乐用什么标签?在HTML页面中，插入多媒体用什么标签?

课程目标掌握框架的使用掌握页面版式控制标签理解插入背景音乐理解插入多媒体文件

本讲任务

框架 框架页面把浏览器窗口切割成几个独立的局部，翻开的链接目标文件只占用浏览器窗口的某个区域，该区域就是框架网页的目标框架。框架页面的出现，使得访问者在浏览器窗口中可同时观察多个页面。

框架标记 设计框架页面时，Frame标记和Frameset标记用于定义框架网页的结构由于框架网页的出现，从根本上改变了HTML文档的传统结构,因此在出现Frameset标记的文档中，将不再使用Body标记根本结构HtmlHead/HeadFrameset Framesrc=url/Frameset/HtmlFRAMESET是用来划分框窗，每一窗框由一个FRAME标记所标示，FRAME必须在FRAMESET范围中使用

各窗口尺寸设置 我们可以将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现例如：framesetcols=#framesetcols=100，200，300framesetrows=#framesetrows=10%，20%，70%其中的任何一个数字也可以由“*”来代替如：framesetcols=100，200，*framesetcols=100，*，*将100像素以外的窗口平均分配framesetcols=*，*，*将窗口分为三等份s

举例说明 首先我们先创立3个html文件，其文件名分别为“a.html、b.html、c.html”a.htmlHtmlHeadTitle A/Title/HeadBodyh1align=center A/h1/Body/Htmlb.Htmlc.html同样

横向排列多个窗口HtmlHeadTitle 横向排列多个窗口/Title/HeadFramesetcols=25%，50%，25%Framesrc=a.htmlFramesrc=b.htmlFramesrc=c.html/Frameset/Html横向排列多个窗口

纵向排列多个窗口Htm Head Title纵向排列多个窗口 /Title/Head Framesetrows=25%，25%，50% Framesrc=a.html Framesrc=b.html Framesrc=c.html/Frameset/Html

混合排列多个窗口Html Head Title 混合排列多个窗口 /Title /Head framesetrows=20%,* framesrc=a.html framesetcols=30%,* framesrc=b.html framesrc=c.html /frameset/frameset/Html

各窗口间相互操作(FrameTarget)由Frames分出来的几个窗口的内容并不是静止不变的，往往一个窗口的内容随着另一个窗口的要求而不断变化我们必须为每一个窗口起一个名字，这个名字用属性Name来定义格式：framesrc=urlname=“窗口名”例如：framesrc=frame/a.htmlname=“left”

Target属性定义了窗口名称，还应该有Target来配合使用，Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称，也可以是以下四类值:ahref=urltarget=_blank显示一个新窗口ahref=urltarget=_self显示在同一个窗口ahref=urltarget=_parent显示在Frameset的前一份文件的窗口ahref=urltarget=_top显示在整个浏览器窗口点击内容为C内容为D

Frame的外观各窗口边框的设置(frameborder)边框色彩(bordercolor)设置各窗口的上下左右边界宽度marginwidthmarginheight各窗口间空白区域的设置(framespacing)卷滚条设置(scrolling)不可变动的框边

小结框架的用途在框架中给窗体定义名称有什么作用？完成如右图所示的代码点击链接,就会在右边出现不同的信息

页面版式控制排版标记分为!--