来讲讲:网页制造:利用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。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页:
[1]