设为首页 加入收藏 手机版 内容搜索 资料下载 帮助中心 在线留言 联系我们

TOP

浅谈用DIV+CSS建设网站页面的步骤
2014-07-14 18:40:42 来源:瞻瞩世纪 作者: 【 】 浏览:90次 评论: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中测试一个页面好好的,使用其他浏览器中打开网站就会出现网站布局混乱的情况。因此,在遇到相关问题的时候有必要记录一下,这样再遇到同样的问题时解决就容易了。
Tags:浅谈 建设网站 页面 步骤 责任编辑:zzcmol
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇没有了 下一篇让企业网站更具亲和力的几个要素

相关推荐

评论

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

相关栏目

最新文章

热门文章

推荐文章

置顶推荐

客户服务中心


联系电话:010-86462847

客服信箱:qwgz@zzcmol.com
加盟信箱:agent@zzcmol.com

微信公众号:wwwzzcmolcom
新浪微博:https://weibo.com/zzcmolcom

淘宝卖场:http://zzcmol.taobao.com
阿里旺旺:瞻瞩中国

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

公众事务QQ群:100580281
瞻瞩中国(公众事务群)