设为首页 加入收藏 地图 搜索 WAP 投稿 帮助中心 Q站长 联系我们

TOP

浅谈用DIV+CSS建设网站页面的步骤
2014-07-20 11:13:48 来源: 作者:gqrhome 【 】 浏览:61次 评论:0



与DIV+CSS相比,传统的表格(table)进行网站页面虽然上手相对比较容易,制作速度也相对较快,雪蓉网络服务中心小编认为,表格(table)排版的缺点在于摆脱代码过多、表格之间重叠结搜索引擎不利。因此更多的网站都在使用DIV+CSS这种新技术进行页面的排版。

大多数人也明白,用DIV+CSS进行网页排版的好处在此就不做说明了。但是DIV+CSS排版对许多新手来说还是比较困难的一件事,因为一方面它不像表格排版那样所见所得的,另一方面还要在不同浏览器的不同版本上进行测试,工作量也会更大。那我们应该如何方便快捷地进行DIV+CSS排版呢, 雪蓉网络服务中心制作经过多年的实践和总结认为要进行DIC+CSS排版应该要做好几下几点:

1. 做好网页各部份的CSS命名很多用DIV+CSS进行页面排版的新手都经历过这样的情况,页面用DIV+CSS进行排版后,一测试页面有错误,想改却发现问题不知道出在那里,并且页面的代码也很乱,增加了查找的难度。用DIV+CSS进行页面排版做好页面各部份的命名是很重要的,比如头部命名为”head”,菜单导航条命名为”menu”等,优势在于方便日后的查找,对日后进行新页面的排版时也可以直接引用,提高排版的效率。

2.页面排版运用先框架后细节的原则用DIV+CSS排版最好先把网站页的框架编排出来后先在不同浏览环境中进行一次测试,发现问题及时解决.因为等到页面整个排版好后再测试往往查找的范围会太大而增加您的工作量.框架排版测试后没有问题,再进行细节方面的排版,每个部份有相对独立的命名,那样发现问题也好及时解决。

3.针对DIV在不同浏览器中出现的问题进行记录不同浏览器的兼容性不好是DIV+CSS排版目前最大的问题。通常,在IE中测试一个页面好好的,使用其他浏览器中打开网站就会出现网站布局混乱的情况。因此,在遇到相关问题的时候有必要记录一下,这样再遇到同样的问题时解决就容易了。




6
您看到此篇文章时的感受是:
Tags: 责任编辑:gqrhome
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇瞻瞩中国网络服务中心VPS主机服务.. 下一篇.TM特指TradeMark(商标),是企业..

仪陇人家园网图片主题推荐

仪陇人家园网相册频道

推荐图文

在线投稿

评论

帐  号: 密码: (新用户注册)
表  情:
内  容:

相关栏目

最新文章

热门文章

推荐文章

联系我们

更多>>

主办机构:
北京瞻瞩世纪文化传媒有限公司

运营机构:
高青人家园网络服务中心

战略支持:
瞻瞩世纪勤务工作事业群
瞻瞩世纪网络技术服务中心
瞻瞩世纪网络数据服务中心

战略伙伴:
千百县市网络服务中心
中国生态环保企业家俱乐部
中国生态三农产业联盟

服务热线:186 1005 9928

微信号:gqrhomecom

微信公众号:gqrhome

电子信箱:admin@gqrhome.com

统一客户服务QQ号:点击这里给我发消息

官方QQ群:
官方群①:107778957 高青人家园官方群①

官方群②:105667164 高青人家园官方群②

新浪微博:http://weibo.com/gqrhome