网页设计布局基础
更新时间:2007年02月09日 00:00:00 作者:
三.网页布局的技术
1.层叠样式表的应用
在新的HTML4.0标准中,CSS(层叠样式表)被提出来,它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现。目前在许多站点上,层叠样式表的运用是一个站点优秀的体现。你可以在网上找到许多关于CSS的介绍和使用方法。 当然,日趋炙热的WEB标准(XHTML+CSS)开是强烈推崇内容和表现相分离,并为下一代数据交换XML做为过渡(即XHTML)。
2.表格布局
表格布局好像已经成为一个标准,随便浏览一个站点,它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是,当你用了过多表格时,页面下载速度受到影响。对于表格布局,你可以随便找一个站点的首页,然后保存为HTML文件,利用网页编辑工具打开它(要所见即所得的软件),你会看到这个页面是如何利用表格的。
3.框架布局
不知道什么原故,框架结构的页面开始被许多人不喜欢,可能是因为它的兼容性。但从布局上考虑,框架结构不失为一个好的布局方法。它如同表格布局一样,把不同对象放置到不同页面加以处理,因为框架可以取消边框,所以一般来说不影响整体美观。
我今天来介绍的布局指南并不是全部的网页布局技术,从某种意义上来说,我想引导你在制作网页的时侯,怎样把图片和文本放置的恰到好处,而且如何拥有一个跳越的设计思维。
相关文章
解决ie动态修改link样式,import css不刷新的问题
当我们需要动态更新link的样式的时候,通常是直接修改link的 href 属性。但是如果样式里有import的样式表,IE就不会在发起请求去刷新了(其他浏览器都是正常的)2008-05-05
用css alpha 滤镜 实现input file 样式美化代码
用css alpha 滤镜 实现input file 样式美化代码...2007-12-12
ie6,ie7,ie8完美支持position:fixed的终极解决方案
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。2014-05-05


最新评论