CSS布局实例
和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。
注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事情都有得有失,取舍在于你的价值判断。好,不罗嗦了,我们开始:
1.确定布局
w3cn的最初设计草图如下:
用表格的设计方法的话,一般都是上中下三行布局
。用DIV的话,我考虑使用三列来布局,成为这样
。
上一篇:CSS布局入门 下一篇:如何做良好的用户体验?
- 如何做良好的用户体验? 2009-10-21
- 选择虚拟主机需要考虑哪些因素? 2009-10-10
- 网站赢利只有两条出路 2009-10-7
- 中小企业如何有效的开展博客营销? 2009-9-30
- 中小企业网站如何表现自身优势? 2009-9-10
- 如何合理利用炒作提高网站知名度 2009-9-17
- 中小企业网站如何赢得客户的信任 2009-7-23
- 博客营销--想说爱你不容易 2009-7-16
- 如何找到最好的网络推广方法 2009-6-15
- 网站如何留住客户?网赢通如何做到? 2008-4-1
