【纯转】Div+CSS 经典速成教程。 
2010-01-12 14:46 

今天看到一个 Div+CSS 布局的经典教程，奉献给大家，本人一向偏好 DIV+CSS，
但由于关注 seo 和网站运营较多，造成了 DIV+CSS 做网页模板的技术生疏，为
了培养自己成全才，不得不好好消化一翻，其实很简单滴。这个 DIV+CSS 布局
教程很不错。 

教程共分 5 节，其实就一点点内容，不过通过学习，一定能让你领会到 DIV+CSS
的精髓，不要嫌文字多，一个小时一定能让你学完，当然是针对熟悉网页制作
基础的朋友。 

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML 等等。在下
面的文章中我们将会用到一些有关于 HTML 的基本知识，而在你学习这篇入门教
程之前，请确定你已经具有了一定的 HTML 基础。下面我们就开始一步一步使用
DIV+CSS 进行网页布局设计吧。 

所有的设计第一步就是构思，构思好了，一般来说还需要用 PhotoShop 或
FireWorks(以下简称 PS 或 FW)等图片处理软件将需要制作的界面布局简单的构
画出来，以下是我构思好的界面布局图。 

 

下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们

Generated by Foxit PDF Creator © Foxit Software

http://www.foxitsoftware.com   For evaluation only.