◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
门户网站DIV架构心得
很久没有排过这么复杂的页面了，特别是用div，这次为了教学，特意做了页面，然后实用div布局，为了做到全面，特意加大了难度，用到了选项卡效果，用到了关闭层和打开层效果，其他文字图片排版就更不用说了。
如果从小局部来说，div布局应该还是比较简单的，但是排大型门户网站时特别是有很多特殊效果时，就有得麻烦了！个人总结了几个要点，希望对大家有用：
1、规范：这一步虽然没有具体的做法，但是确实非常重要的一步，先应该对页面从大到小做一个详细分析，比如大结构div应该怎么样布局，小结构div应该怎么布局，css的定义方法怎么样才是最简洁实用的，虽然不能做到完全准确，但是可以做到心里有数。
2、从大到小：个人习惯是先把大的结构全部布局出来，可以不放内容，直接用背景色划分区域，大的几个清晰明了了，然后在一块一块丰富小区域内容。
3、不断校对：因为div布局的兼容问题，让我们不得不考虑不同浏览器的解析效果，所以我们在布局时一定要边布局边实用不同浏览器浏览，校对效果，有出入的时候及时解决，不然到了完成以后再校对就相当麻烦了。还有就是特殊效果代码最好最后来增加，这样更加容易把握。
4、完善：一步一步的增加代码，一步一步的完善效果，一步一步的调试，div的架构需要我们用耐心来调整，特别是面对复杂的门户网站时，大量的代码再加上一些特效，会让人很头痛的。
当然，每个人使用的方法都不尽相同，讲究一些好习惯和好方法可以让你的效率得到改善也不是一件坏事。
XHTML+CSS兼容性解决方案
http://www.51add.com/post/60.html
评论: 5 | 引用: 0 | 浏览: | Tags: DIV排版 网站设计 门户网站
个性休息服装设计 (2008-5-21 22:31:37)
服装网站项目首页设计练习 (2008-5-9 14:8:32)
亲和力风格的设计 (2008-4-15 16:37:9)
设计中的尴尬 (2008-3-7 9:45:30)
4.www.54ny.com.cn- http://www.54ny.com.cn
- 晕!这回没坐上沙发!!!
- 2008-7-24 23:28:56 回复该留言
- 3.陈自南
- 老师,是不是要做爸爸了,思如泉涌哇./看到你的blog一个劲的出东西...嘎嘎...现在还好吗//不能聊Q了就好少和同学联系了.但是老师要是找我去我的空间哦.我天天就用留言的方式和以前的同学联系.痛苦.也是一种办法啦///嘻嘻嘻~!!!!!adding 于 2008-7-23 20:58:59 回复还有几个月，问题是你说寄来的奶粉还没有收到呀，又放我鸽子了呀！
- 2008-7-23 16:58:08 回复该留言
- 2.jaa
- div布局的兼容问题，考虑不同浏览器的解析效果，特别是在写div的时候
需要哪些方面的注意呢 这个问题一直捆饶着我，曾老师能详细的告诉下吗？adding 于 2008-7-23 10:27:03 回复浏览器兼容问题是div排版时比较棘手的问题，不过也不是那么难做到兼容，我自己主要有几个方法，第一是边排版，边测试，直到兼容才往下做；第二是懂得几个不同浏览器之间不同的解析的写法，有助于解决一些问题，也叫CSS HACK
比如：
!important; IE不识别，而ff识别；
又比如：
.test{
background-color:#FFFF00;/*所有浏览器*/
*background-color:#FFFF00;/*IE系列*/
_background-color:#FFFF00;/*IE6*//*使用"_"时要注意页面是否使用了DTD或XML申明*/
}
等待，搜索一下有很多解决方法！
我这个页面没有用到任何css hack，也同时兼容IE6和ff，其它的没有测试。 - 2008-7-22 22:45:05 回复该留言
网站分类
最近发表
最近留言
最新评论及回复
文章归档
站内搜索
站点统计
- 文章总数:160
- 评论总数:178
- 引用总数:1
- 浏览总数:19991