带来一篇网页制造基本技能 框架(帧窗口)技能
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了帧窗口是一种庞大的页面手艺,使用帧窗口使得用户能够在统一个扫瞄器窗口中扫瞄分歧网站的内容,能够在一个小窗口中收回查询命令而在另外一个小窗口中吸收查询了局。完成帧窗口的思绪是将扫瞄器窗口依照功效支解成多个小窗口。每一个窗口都对应有本人的HTML页面,依照必定的组合体例组合在一同,以完成特别的效果。 在HTML顶用<frameset>(支解窗口标志)来支解窗口,<frameset>在多窗口页面中的位置就相称于<body>在一般单窗口页面中的位置,在页面顶用<frameset>……</frameset>标记页面主体部分的起止地位。并且,<frameset>标志决意了如何分别窗口,和每一个窗口的地位和巨细。其基础语法布局以下:
<pclass="code"/> cols和rows:是决意页面怎样支解的两个参数。支解摆布窗口用cols,各帧的摆布宽度用占窗口宽度的百分比来暗示。好比:cols="30%,40%,*"就暗示程度偏向支解成三个窗口,各自所占总宽度的百分比顺次是30%,40%和30%。个中"*"暗示残剩部分,也就是说"*"对应的小窗口宽度为残剩的宽度。支解高低窗口用rows,一样接纳百分比的设定办法。
frameborder:是指定各分窗口是(ye)否(no)要加边框;假如加过框的话,则用border参数指定边框的宽度,bordercolor指定边框的色彩。
framespacing:用于设定各分窗口之间的距离巨细,默许值是0。
用<frameset>标志把窗口支解好后,各窗口的属性是用HTML的<frame>标志来界说的,以是<frameset>标志中必需包括<frame>标志,用以界说各分窗口的属性。其语法以下:
<pclass="code"/> align:设定分窗口的地位是靠左(left)、靠右(right)、居中(center)、靠上(top)仍是靠底(bottom)。
name:用于指定分窗口的称号,src则用于指定分窗口所对应的HTML页面地点。
noresize:是对用户来讲的,当<frame>标志中包括此参数的时分,用户就不克不及用鼠标调剂修正各分窗口的巨细。
scrolling:设定分窗口是不是要转动条。scrolling=no时不要转动条,scrolling=yes时暗示要转动条,scrolling=auoto时暗示依据实践情形主动设置转动条。
frameborder和bordercolor:是设定分窗口有没有边框和边框色彩的。但工具只限于用<frame>标志的分窗口。
marginheight和marginwidth:分离用于设定分窗口的高低边沿和摆布边沿的宽度。
用下面的两个标志,就可以够完成多窗口页面,上面将举例申明。
1、左小右年夜两窗口
这类页面一样平常在右边的窗口放一个网站导航页,左面放网站页面内容。制造办法:
先用<frameset>标志并经由过程设置其cols参数,沿程度偏向支解成两个窗口,右边的窗口占20%,右侧的窗口取残剩部分,再用<frame>标志分离界说两个窗口的属性。完成后的分帧页面源代码以下:
<pclass="code"/> 从下面的代码看,计划帧窗口页面并没有设想得那末庞大,但以下几点在详细操纵时要注重:
1)用<frame>标志界说分窗口属性时,要注重其在<frameset>标志中的按次,切不要搅散了;
2)分窗口的称号虽可随便定,但最好是以其地点地位定名对照好;
3)分窗口的scrolling(转动条)一样平常取其默许值"auto"对照好;
4)固然在终极常常不要分窗口的边框,但在计划阶段,仍是设置为有边框对照好,如许在编纂时一览无余;
5)下面页面代码中前面那句话一样平常加上为好,由于有的扫瞄器版本不撑持分帧页面,若没加那名话,用户的扫瞄器若不撑持分帧时,看到的是一片空缺,不知是怎样一回事了,有那句话提醒一下就分明了。
2、一顶一左一右页面
先看这类分帧页面的源代码:
从下面的代码中可看出,创建庞大分帧页面的办法是由简到繁,如本例中,先用<frameset>界说其“rows”参数,把窗口分红高低两个窗口,再用<frame>标志界说上部窗口,因下部窗口还需再分,以是不必<frame>界说其属性,而是用<frameset>标志设置其cols参数,把它再分红摆布两个窗口,因已达目标,以是入手下手用<frame>标志界说摆布两个窗口的属性。
只需记着:先粗分,后细分,cols横向分,rows纵向分,无需再分的窗口用<frame>界说属性,这些基础准绳,制造分帧窗口页面就会轻松自若。
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]