《网页制作入门教程.ppt》由会员分享,可在线阅读,更多相关《网页制作入门教程.ppt(19页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、HTML第四讲第四讲网页中的框架网页中的框架制作框架页面的步骤:制作框架页面的步骤:1.编写所有子框架页面编写所有子框架页面2.编写主框架页面编写主框架页面3.在主框架页面中设定子框架名称在主框架页面中设定子框架名称4.如果框架页面之间存在链接,在子如果框架页面之间存在链接,在子框架中设定链接。框架中设定链接。注意:框架页面是注意:框架页面是不含不含标签标签的的网页中的框架网页中的框架1.基本语法基本语法您的浏览器不支持框架,请考虑升级您的您的浏览器不支持框架,请考虑升级您的浏览器!浏览器!网页中的框架网页中的框架定义框架的基本语法定义框架的基本语法框架由一对框架由一对定义定义有两个属性:有两
2、个属性:rows和和colsRows定义上下分割的框架的大小;定义上下分割的框架的大小;cols定义左右分割的框架的大小;定义左右分割的框架的大小;在定义大小时,在定义大小时,rows和和cols可以使用相可以使用相对大小或以百分比为单位。对大小或以百分比为单位。网页中的框架网页中的框架各窗口的尺寸设置各窗口的尺寸设置 横排多个窗口横排多个窗口 排列方式:排列方式:ABC例:例:02.htm网页中的框架网页中的框架各窗口的尺寸设置各窗口的尺寸设置 纵向排列多个窗口纵向排列多个窗口 排列方式:排列方式:A B C例:例:01.htm网页中的框架网页中的框架COLS&ROWS:纵横排列多个窗口:纵
3、横排列多个窗口 排列方式:排列方式:BAC例:例:14.htm网页中的框架网页中的框架框架边框的颜色框架边框的颜色bordercolor=ff0000“例:例:03.htm各窗口边框的设置各窗口边框的设置 frameborder=#=yes,no/1,0例:例:04.htm框架边框的宽度框架边框的宽度framespacing=10 例:例:04.htm网页中的框架网页中的框架的属性的属性name:定义该框架的名字。这个名:定义该框架的名字。这个名字可以被一些网页元素引用,如被字可以被一些网页元素引用,如被元素引用。元素引用。例:例:06.htm、07.htmSrc:在本框架里显示网页的:在本框
4、架里显示网页的URL。Target:目标框架:目标框架,引用的是目标框引用的是目标框架的名字。架的名字。网页中的框架网页中的框架1.在当前框架中打开超链接页面在当前框架中打开超链接页面默认就是在当前框架页中打开默认就是在当前框架页中打开,也可以采用也可以采用Target=“_self”2.在指定框架中打开超级链接页面在指定框架中打开超级链接页面Target=“name”3.新开窗口打开链接页面新开窗口打开链接页面Target=“_blank”4.跳出整个框架集跳出整个框架集Target=“_parent”网页中的框架网页中的框架的属性的属性Scrolling:是否显示滚动条。:是否显示滚动条。
5、yes,no,auto例:例:08.htm、09.htmNoresize:框架在浏览器里不:框架在浏览器里不可以被调整大小。可以被调整大小。例:例:10.htm、11.htm网页中的框架网页中的框架内含窗口内含窗口.#=初始页面的初始页面的 URL#=框架名称框架名称(Frame Name)例:例:15.htm会移动的文字会移动的文字1.基本语法基本语法.例:例:16.htm2.文字移动属性文字移动属性(1)方向方向:direction=#=left,right,up,down例:例:17.htm会移动的文字会移动的文字2、文字移动属性、文字移动属性(2)方式:方式:behavior=#=sc
6、roll(循环循环),slide(只走一只走一次次),alternate(来回走来回走)例:例:18.htm(3)循环循环:loop=#=次数;若未指定则循环不止次数;若未指定则循环不止(infinite)例:例:19.htm会移动的文字会移动的文字2、文字移动属性、文字移动属性(4)速度速度:scrollamount=#例:例:20.htm(5)延时延时:scrolldelay=#例:例:21.htm会移动的文字会移动的文字3、其他属性、其他属性(1)底色底色:bgcolor=#=RRGGBB 16 进制颜色代码进制颜色代码例:例:22.htm(2)面积面积:height=#width=#例
7、:例:23.htm(3)空白空白:hspace=#vspace=#例:例:24.htm多媒体页面多媒体页面用用嵌入多媒体对象嵌入多媒体对象 基本语法基本语法#=URL注:注:1.使用使用 标记之前,需要安装插件才标记之前,需要安装插件才可以可以;2.对于不同的对于不同的plugin,其,其embed属性也不同。属性也不同。例:例:25.htm(Flash动画动画)例:例:26.htm(rmi音乐文件音乐文件)例:例:27.htm(avi动画动画)例:例:28.htm(mpeg影像文件影像文件)多媒体页面(多媒体页面(*)嵌入背景音乐嵌入背景音乐#=WAV 文件的文件的 URL#=循环数循环数例例29.htm(WAV背景音乐背景音乐)多媒体页面(多媒体页面(*)特殊标记元素特殊标记元素Object元素用来包含图像、动态元素用来包含图像、动态图像、图像、Java小程序。小程序。元素用以替换更具体的元素用以替换更具体的和和元素,以及元素,以及和和元素。元素。例例 30.htm