您好、欢迎来到现金彩票网!
当前位置:dafa888娱乐场 > 浮动 >

浮动框架在网页制作中的使用技巧

发布时间:2019-07-12 23:29 来源:未知 编辑:admin

  好看的电视剧电影摘要:首先介绍了浮动框架的应用特点,然后结合实际的使用技巧介绍了在浮动框架中: 可以制作与其它页面之间的链接,设置浮动框架的滚动条及区域的颜色,根据需要可以设置 浮动框架的自调高度,以及浮动框架在网页设计的模板中同样可以灵活应用。在介绍这些应 用技巧的同时指出浮动框架在应用中的缺点,那就是不能进行可视化地操作,只能由代码编 写来执行。 中国论文网 关键词:网页设计;浮动框架;锚记;自适应高度;模板 中图分类号:TP393.092 文献标识码:A 文章编号:1007-9599 (2012) 09-0000-02 浮动框架也叫嵌入式框架或内联框架,是一种特殊的框架页面。浮动框架就是在网页中 嵌入一个框架,可以自由控制窗口大小,可以配合表格随意地在网页中的任意位置插入窗口。 通过链接可以在这个有限的浮动窗口中显示理想的网页效果。 一、浮动框架的应用特点 正确使用浮动框架,可以给网站的创建带来许多便利,比如在个人网站中,可以将留言 内容放在一个嵌入式框架里,这样既方便又漂亮;也可以为框架定义一个名字,并在其中显 示链接网页,这样就实现了在各个页面之间快速跳转的目的。 尽管浮动框架可以插入到页面中的任意位置,不过遗憾的是,在DreamweaverCS3 中不能 可能实现可视化地制作浮动框架,需要用手写代码方式来实现。 二、网页上的对象超链接到嵌入的浮动框架 关键点是一定要给这个iframe 命名。操作是,比如把iframe 命名为page,然后写入HTML 语言。再把网页上建立的超链接语句应该写为:xxx 语句中的URL 用相对路径较好,但也可以用绝对路径,height 表示高度, width 表示宽 度,在实际应用可根据实际情况调整。是否显示页面滚动条用scrolling 表示,有三个可用 的参数为auto、yes、no,若省略了选项,则默认为auto。 三、浮动框架外面的元素链接框架内的锚记 在上面制作的基础上,仍然可以用超链iframe 来做,例如:可参照以下的代码来完成: test 主要是 标签的target 属性应该是框架的名称, target 属性规定在何处打开链接文 档。另外如果需要连接到锚记的话需要加#锚记名称,再比如说,那么就可以用test 连接过 标签的href 属性用于指定超链接目标的 URL。 四、设置浮动框架滚动条的颜色 将以下这段CSS 放在框架链接的页面就可以看到效果了。至于颜色值按你的具体要求修 各条语句含义如下:Crollbar-face-color:设定滚动条页面颜色; Scrollbar-highlight-Color:设定滚动条斜面和左面颜色; Scrollbar-3Dlight-Color:设定滚动条上边和左边的边沿颜色; Scrollbar-darkshadow-Color:设定滚动条下边、右边边沿颜色。 Scrollbar-shadow-Color:设定滚动条下斜面和右面颜色; Scrollbar-arrow-Color:设定滚动条两端箭头颜色; Scrollbar-track-Color:设定滚动条底版颜色; 五、设置浮动框架的自适应高度 在使用 iframe 时经常会遇到所调用的页面在预览时出现滚动或页面不能完整显示的情 好看的电视剧电影况,对整个页面的美观产生较大影响,此时可在“代码”中添加下例中的代码,问题就迎刃 而解了。 比如网页上有3 个链接:链接1、链接2、链接3、和1 个浮动框架:Iframetest。如果 想通过这3 个链接来改变浮动框架的高度,例如:点击“链接1”就将Iframetest 的高度设 为110;点击“链接2”就将Iframetest 的高度改为230;点击“链接3”就将Iframetest 的高度改为350,这样的效果该如何实现? 可以设置一个实例Iframe 的自适应高度来解决这个问题: 六、浮动框架应用于模板中 首先制作一个带有表格布局的网页模板,设置可编辑区域时要不同于常规的类型,需要 使用嵌入式浮动框架来实现。 (一)将可编辑区域设置为嵌入式浮动框架 1.将插入点置于要设置可编辑区域的单元格中,单击文档工具栏中的“拆分”按钮,在 文档窗口上方打开代码视图,单击“布局”插入栏中的“iframe”按钮,在单元格中插入代 2.在标签中“

http://hipertonia.com/fudong/193.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有