第二个灵魂 发表于 2015-1-16 00:17:59

来讲讲:网页制造:利用css设置iframe款式

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
iframe使用很广泛,一般的需求有两种:  1.猎取iframe效果,就是带一个转动条,能够省很多版面。
  2.要嵌一个页面,完成框架链接。
  假如不便利利用iframe,能够有以下响应办理计划:
  1.可使用css结构来完成,便可以少一个页面,也能够进步实行效力。
  2.能够接纳xmlhttp远程猎取数据。
  A.间接摹拟iframe
  用层做容器
  #content{overflow:auto;height:185px;width:600px;background:#ccc;padding:10px;}
  效果演示:http://www.rexsong.com/blog/attachments/200601/02_150246_cssiframe1.htm
  用body做容器
  html{overflow:hidden;height:100%;background:#fff;border:0;}
  *html{padding:200px00100px;}
  body{overflow:auto;background:#ccc;margin:0;position:absolute;top:200px;left:100px;bottom:0;right:0;}
  *htmlbody{height:100%;width:100%;position:static;}
  效果演示:http://www.rexsong.com/blog/attachments/200601/02_151517_cssiframe2.htm
  B.相对定位摹拟iframe
  转动条在外边
  html{overflow:hidden;border:0;height:100%;}
  body{overflow:hidden;margin:0;height:100%;position:relative;}
  #content{height:100%;position:relative;z-index:1;overflow:auto;}
  #head{position:absolute;top:0;right:16px;width:100%;height:100px;background:#ccc;z-index:2;}
  #foot{position:absolute;bottom:0;right:16px;width:100%;background:#ccc;height:50px;z-index:2;}
  效果演示:http://www.rexsong.com/blog/attachments/200601/02_151837_cssiframe3.htm
  转动条在里边
  html{height:100%;max-height:100%;border:0;overflow:hidden;}
  *html{padding:100px050px0;}
  body{height:100%;max-height:100%;margin:0;overflow:hidden;}
  #content{position:absolute;top:100px;bottom:50px;left:0;right:0;z-index:3;width:100%;overflow:auto;}
  *html#content{top:100px;bottom:0;height:100%;}
  #head{position:absolute;margin:0;top:0;left:0;width:100%;height:100px;background:#ccc;z-index:5;}
  #foot{position:absolute;margin:0;bottom:0;left:0;width:100%;height:50px;z-index:5;background:#ccc;}
  效果演示:http://www.rexsong.com/blog/attachments/200601/02_153241_cssiframe4.htm
  夸大一下,standard形式要把body看做是一个容器,基础和div相似,这和传统看法是很纷歧样。弄分明了html与body的干系,关于初级结构的良多成绩天然水到渠成。

你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。

简单生活 发表于 2015-1-18 05:59:24

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

活着的死人 发表于 2015-1-26 18:19:35

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

仓酷云 发表于 2015-2-4 20:59:42

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

金色的骷髅 发表于 2015-2-10 11:08:23

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。

变相怪杰 发表于 2015-3-1 12:35:23

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

山那边是海 发表于 2015-3-10 18:35:06

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

精灵巫婆 发表于 2015-3-17 10:10:26

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

第二个灵魂 发表于 2015-3-17 10:10:28

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

admin 发表于 2015-3-17 10:10:27

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

再现理想 发表于 2015-3-24 07:19:15

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页: [1]
查看完整版本: 来讲讲:网页制造:利用css设置iframe款式