《第10章利用Div+CSS布局网页》-公开课件.pptVIP

第10章 利用Div+CSS布局网页 CSS布局与table表格式布局是两种完全不同的布局方式，什么样的方式才能算得上是CSS布局呢？本章将着重进行讲解。DIV是XHTML中指定的，专门用于布局设计的容器对象。本章主要讲解CSS布局，Div则是这种布局方式的核心对象。 10.1 网站布局概述 网站的布局不是盲目地在网页里面罗列各种构成要素。怎么样才能达到网页构成的目的，怎么样才能使网站看起来既美观又实用，这是我们每一个网页布局设计者首先应该考虑的问题。如果网页布局不合理，则会在向浏览者传达网页内容的时候发生困难，也不会让人对其产生兴趣。因此，?四芄簧杓瞥黾让拦邸⑿掠保质褂梅奖愕耐巢季郑颐怯斜匾喽?参考别人的布局方法。我们应该在仔细研究别人优秀的布局方式的同时，对如何能在有限的空间里把页面中丰富多彩的内容更加有机地搭配起来，如何才能营造出一种良好的视觉效果这些问题进行认真思考。 10.2 CSS布局思路 在过去使用表格进行布局时，设计的最开始阶段就要确定页面的布局形式。由于使用表格来进行布局，一旦确定下来就无法再更改了，因此有很大的缺陷。使用CSS布局则完全不同，设计者首先考虑的不是如何分割网页，而是从网页内容的逻辑关系出发，区分出内容的层次的重点。然后根据逻辑关系，把网页的内容使用div或其他的HTML标记组织好，再考虑网页的形式如何与内容相适应。下面简单介绍几种常