仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 790|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来“画中画”效果-谈Iframe标志的利用

[复制链接]
蒙在股里 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:25:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
  纵不雅时下网站,原本网速就有些慢,但是几近每页都要放甚么Banner,栏目图片,版权等一年夜堆相同的器材,固然,出于网站作风一致、告白效应的必要,本无可厚非,可究竟让用户的钱包为这些“粉饰“的器材”日趋消得钱干瘪”了,有无举措,让这些相同的器材一次下载后就不必再下载,而只下载那些内容有变更地区的网页内容呢?
  谜底很一定:使用Iframe标志!
  1、Iframe标志的利用
  提起Iframe,大概你早已将之扔到“被忘记的角落”了,不外,提及其兄弟Frame就不会生疏了。Frame标志即帧标志,我们所说的多帧布局就是在一个扫瞄器窗口中显现多个HTML文件。如今,我们碰到一种很实际的情形:若有一个教程,是一节一节地上,每页开端做一个“上一节“、“下一节“的链接,除每节教程内容分歧以外,页面别的部份内容都是不异的,假如一页一页地做笨页面,这仿佛太让人腻烦了,这时候突发奇想,假如有一种办法让页面别的中央稳定,只将教程做成一页一页的内容页,不含别的内容,在点击高低翻页链接时,只改动教程内容部分,别的坚持稳定,如许,一是省时,另则今后如教程有个安然无恙的变化,也很便利,不致于牵一发而动三军了;更主要的是将那些告白Banner、栏目列表、导航等几近每页的都有的器材只下载一次后就不再下载了。
  Iframe标志,又叫浮动帧标志,你能够用它将一个HTML文档嵌进在一个HTML中显现。它分歧于Frame标志最年夜的特性即这个标志所援用的HTML文件不是与别的的HTML文件互相自力显现,而是能够间接嵌进在一个HTML文件中,与这个HTML文件内容互相交融,成为一个全体,别的,还能够屡次在一个页面内显现统一内容,而不用反复写内容,一个抽象的比方即“画中画“电视。
  如今我们谈一下Iframe标志的利用。
  Iframe标志的利用格局是:
  <Iframesrc="URL"width="x"height="x"scrolling="[OPTION]"frameborder="x"></iframe>
  src:文件的路径,既但是HTML文件,也能够是文本、ASP等;
  width、height:"画中画"地区的宽与高;
  scrolling:当SRC的指定的HTML文件在指定的地区不显不完时,转动选项,假如设置为NO,则不呈现转动条;如为Auto:则主动呈现转动条;如为Yes,则显现;
  FrameBorder:地区边框的宽度,为了让“画中画“与临近的内容相交融,常设置为0。
  好比:
  <Iframesrc="http://netschool.cpcw.com/homepage"width="250"height="200"scrolling="no"frameborder="0"></iframe>
  2、父窗体与浮动帧之间的互相把持
  在剧本言语与工具条理中,包括Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这二者的干系很主要,由于要在父窗体中会见子窗体或相反都必需分明工具条理,才干经由过程程序来会见并把持窗体。
  1、在父窗体中会见并把持子窗体中的工具
  在父窗体中,Iframe即子窗体是document工具的一个子工具,能够间接在剧本中会见子窗体中的工具。
  如今就有一个成绩,即,我们如何来把持这个Iframe,这里必要讲一下Iframe工具。当我们给这个标志设置了ID属性后,便可经由过程文档工具模子DOM对Iframe所含的HTML举行一系列把持。
  好比在example.htm里嵌进test.htm文件,并把持test.htm里一些标志工具:
  <Iframesrc="test.htm"id="test"width="250"height="200"scrolling="no"frameborder="0"></iframe>
  test.htm文件代码为:
<p/>  如我们要改动ID号为myH1的H1标志里的笔墨为hello,mydear,则可用:
  document.myH1.innerText="hello,mydear"(个中,document可省)
  在example.htm文件中,Iframe标志工具所指的子窗体与一样平常的DHTML工具模子分歧,对工具会见把持体例一样,就不再赘述。
  2、在子窗体中会见并把持父窗体中工具
  在子窗体中我们能够经由过程其parent即父(双亲)工具来会见父窗口中的工具。
  如example.htm:
  假如要在frame1.htm中会见ID号为myH2中的题目笔墨并将之改成"hello,myfriend",我们就能够如许写:
  parent.myH2.innerText="hello,myfriend"
  这里parent工具就代表以后窗体(example.htm地点窗体),要在子窗体中会见父窗体中的工具,无一破例都经由过程parent工具来举行。
  Iframe固然内嵌在另外一个HTML文件中,但它坚持绝对的自力,是一个“自力王国“哟,在单一HTML中的特征一样合用于浮动帧中。
  试想一下,经由过程Iframe标志,我们可将那些稳定的内容以Iframe来暗示,如许,不用反复写不异的内容,这有点象程序计划中的历程或函数,减省了几烦琐的手工休息!别的,相当主要的是,它使页面的修正更加可行,由于,不用由于版式的调剂而修正每一个页面,你只需修正一个父窗体的版式便可了。
  有一点要注重,Nestscape扫瞄器不撑持Iframe标志,但在时下IE的世界,这仿佛也无年夜碍,普遍接纳Iframe标志,既为本人(网站)着了想,又为网友节俭了网费,何乐而不为?


属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
柔情似水 该用户已被删除
沙发
发表于 2015-1-18 06:37:19 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
蒙在股里 该用户已被删除
板凳
 楼主| 发表于 2015-1-25 16:14:22 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
乐观 该用户已被删除
地板
发表于 2015-2-3 11:21:04 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
金色的骷髅 该用户已被删除
5#
发表于 2015-2-8 20:56:02 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
小女巫 该用户已被删除
6#
发表于 2015-2-26 10:48:17 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
深爱那片海 该用户已被删除
7#
发表于 2015-3-8 14:00:30 | 只看该作者
可以使用 CSS 检查工具进行设计。
小魔女 该用户已被删除
8#
发表于 2015-3-16 03:05:04 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
简单生活 该用户已被删除
9#
发表于 2015-3-22 19:21:53 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 22:54

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表