和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。
CSS布局实例

CSS布局实例

来源:http://www.wington.cn/   作者: 2008-2-18 8:47:13     字体大小:

和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。

注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事情都有得有失,取舍在于你的价值判断。好,不罗嗦了,我们开始:

1.确定布局

w3cn的最初设计草图如下:

w3cn设计草图

用表格的设计方法的话,一般都是上中下三行布局表格布局示意。用DIV的话,我考虑使用三列来布局,成为这样表格布局示意


粤ICP备05090428号 深圳博研科技版权所有 联系我们 网站地图
地址:深圳市罗湖区国威路互联网产业园3栋402
电话:0755-28168589 传真:0755-28180303
“网赢通”是深圳市博研科技有限公司的注册商标