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

框架、页面版式控制与多媒体效果,回顾,在HTML页面中插入图片用什么标签?CSS样式表有什么作用？引入样式表有哪几种方式？在HTML页面中插入浮动窗体用什么标签？,预习检查,框架有什么用途?说出2个页面版式控制标签？在HTML页面中，插入背景音乐用什么标签?在HTML页面中，插入多媒体用什么标签?,课程目标,掌握框架的使用掌握页面版式控制标签理解插入背景音乐理解插入多媒体文件,本讲任务,框架,框架页面把浏览器窗口切割成几个独立的部分，打开的链接目标文件只占用浏览器窗口的某个区域，该区域就是框架网页的目标框架。框架页面的出现，使得访问者在浏览器窗口中可同时观察多个页面。,框架标记,设计框架页面时，标记和标记用于定义框架网页的结构,由于框架网页的出现，从根本上改变了HTML文档的传统结构,因此在出现标记的文档中，将不再使用标记,基本结构,是用来划分框窗，每一窗框由一个标记所标示，必须在范围中使用,各窗口尺寸设置,我们可以将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现,例如：,其中的任何一个数字也可以由“*”来代替,如：将100像素以外的窗口平均分配将窗口分为三等份s,举例说明,首先我们先创建3个html文件，其文件名分别为“a.html、b.html、c.html”,a.htmlAA,b.Htmlc.html同样,横向排列多个窗口,横向排列多个窗口,横向排列多个窗口,纵向排列多个窗口,纵向排列多个窗口,混合排列多个窗口,混合排列多个窗口,各窗口间相互操作(FrameTarget),由Frames分出来的几个窗口的内容并不是静止不变的，往往一个窗口的内容随着另一个窗口的要求而不断变化我们必须为每一个窗口起一个名字，这个名字用属性Name来定义格式：,例如：,Target属性,定义了窗口名称，还应该有Target来配合使用，Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称，也可以是以下四类值:,显示一个新窗口显示在同一个窗口显示在Frameset的前一份文件的窗口显示在整个浏览器窗口,点击,内容为C,内容为D,Frame的外观,各窗口边框的设置(frameborder)边框色彩(bordercolor)设置各窗口的上下左右边界宽度marginwidthmarginheight各窗口间空白区域的设置(framespacing)卷滚条设置(scrolling)不可变动的框边,小结,框架的用途在框架中给窗体定义名称有什么作用？完成如右图所示的代码,点击链接,就会在右边出现不同的信息,页面版式控制,排版标记分为、或注释标记换行标记居中标记层标记,注释标记,像很多计算机语言一样，HTML也提供注释功能用法：注释的功能：,（结束标记）,为文中不同的部分加上说明，方便日后修改,用作版权声明,注意:注释标记中没有任何属性。开始标记和结束标记必须同时存在。注解内容允许为空。其内容长度不用被限制在一行内，可以为任意长度。结束标识和开始标识可以不在一行上。,居中标记,称为居中标记,对于已加有align=CENTER参数的标记也要不厌其烦地加上居中标记，因为很多浏览器不支持标记中的align=CENTER参数,编号名称价格(元)001语文教材20.00,定位标记,称为定位标记。它的作用是设定文字表格等摆放位置。我们可以通过align属性设定文字表格的位置诉衷情当年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂裘。胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！,小结,HTML版式标签有那些?允许保留在原代码中输入的空白和回车的是什么标签?,多媒体效果,插入背景音乐插入多媒体,没有了视频、音乐我们的网页岂不如同报纸。,插入背景音乐,标记是用来插入背景音乐。,只适用于IE浏览器,设定背景音乐的档案及路径，可以是相对路径或绝对路径,是否在音乐档下载完之后就自动播放。true是，false否(默认值),是否自动反复播放。LOOP=2表示重复两次，Infinite表示重复多次,插入多媒体,是用来插入各种多媒体格式可以是Midi、Wav、AIFF、AU等等,1src=#设定媒体档案及路径，可以是相对或绝对。2autostart=#是否在音乐档传完之後，就自动播放音乐。true是，false否(内定值)。3loop=#是否自动反覆播放。LOOP=2表示重复两次，true是，false否。4.hidden=#是否完全隐藏控制画面，true为是，no为否(内定)。5volume=0-100设定量的大小，数值是0到100之间。内定则为使用者系统本身之设定。6width=整数和height=整数,属性,src=#,属性用来设定多媒体档案及路径，可以是相对或绝对,autostart=#,autostart=#属性设定是否在音乐档下载完之后就自动播放。true是，false否(默认值),loop=#,用来设定播放次数。loop=2表示重复两次loop=true表示持续反复播放loop=false表示只播放一次,hidden=#,是否完全隐藏控制画面true为是，no为否(默认),volume=0-100,设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定,width=整数和height=整数,设定控制面板的高度和宽度。,用标签插入多媒体文件,其基本格式为：,标签的属性表,小结,在HTML页面中设置背景音乐用什么标签？多媒体embed标签中的哪个属性是引入多媒体的？音量大小由哪个属性来控制?完成右图所示的HTML代码,总结,框架有什么用途?说出2个页面版式控制标签？在HTML页面中，插入背景音乐用什么标签?在HTML页面中，插入多媒体用什么标签?,