WEB2.0标准教程:第九天 第一个CSS布局实例_Web标准教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。
注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事情都有得有失,取舍在于你的价值判断。好,不罗嗦了,我们开始:
1.确定布局
w3cn的最初设计草图如下:
用表格的设计方法的话,一般都是上中下三行布局。
用DIV的话,我考虑使用三列来布局,成为这样
相关Web标准教程:
- 相关链接:
- 教程说明:
Web标准教程-WEB2.0标准教程:第九天 第一个CSS布局实例。