date / 2016-07-07 views / 次 分类/企业官网 作品/创想传媒
在新的HTML4.0尺度中,CSS被提出来,它能完整准确的定位文本和图片。CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现。目前在很多站点上,层叠样式表的应用是一个站点优良的体现。你可以在网上找到很多关于CSS的先容和应用方法。
CSS布局优点:
1:表现和内容相分离
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。
2:提高搜索引擎对网页的索引效率
用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。
3:提高页面浏览速度
对于同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。
4:易于维护和改版
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
二、框架布局
不知道什么原故,框架结构的页面开端被很多人不爱好,可能是由于它的兼容性。但从布局上考虑,框架结构不失为一个好的布局方法。它如同表格布局一样,把不同对象放置到不同页面加以处理,由于框架可以取消边框,所以一般来说不影响整体雅观。
三、表格布局
表格布局似乎已经成为一个尺度,随便浏览一个站点,它们必定是用表格布局的。表格布局的上风在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的毛病是,当你用了过多表格时,页面下载速度受到影响。对于表格布局,你可以随便找一个站点的首页,然后保留为HTML文件,利用网页编纂工具打开它,你会看到这个页面是如何利用表格的。
表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。