做网站知识

三步教你如何进行网站布局

新闻资讯 发布时间2014.6.7.浏览数:897

【三步教你如何进行网站布局】    网页的纵向布局在设计时一般都是自适应高度的,但即使是这样,我们最好还是能精确的计算每个模块的高度及整个页面的高度。 [外贸网站制作www.appjianzhan.com] 1.限制高度 限制住了高度可以很好的兼容ie6。大家都......英文网站建设www.appjianzhan.com三行网络公司为您详细介绍 - 请往下阅读》

三步教你如何进行网站布局

三步教你如何进行网站布局

   网页的纵向布局在设计时一般都是自适应高度的,但即使是这样,我们最好还是能精确的计算每个模块的高度及整个页面的高度。 [外贸网站制作www.appjianzhan.com]

1.限制高度

限制住了高度可以很好的兼容ie6。大家都常常为ie6不兼容css而大伤脑筋,在其他浏览器下观看挺正常的一个网站,但在ie6下就很有可能严重错位了,这是一件很郁闷的事情,但我们其实有一个比较笨但很有效的方法去解决,这就是将每个模块的高度和宽度固定死,特别是当我们使用了float属性时,限制高度和宽度往往是最快也最有效的方法,而且限制高度及宽度后,双倍行距和间距的问题也会消失了。

2.字体设置

限制高度可以使我们的页面看起来更整洁,页面的布局视觉可以牢牢的掌控在我们自己的手中,但为了限制固定高度,我们不得将字体考虑在内,大家都应该知道宋体、微软雅黑以及楷体在网页上所占的行高是差别很大的,如果我们以微软雅黑作为标准来进行设计,那么最后如果浏览者的显示器上显示的是宋体或楷体的话,我们原有的固定高度就很有可能空出一大块出来或者被撑破,由此限制高度非但没有使页面变得整洁,反而使页面看起来很不专业、很凌乱了。

3.限制行高

有了行高的固定限制,更方便我们进行视觉布局。那么我们在设计页面时完全可以很精确的设计出psd模板,然后根据这个模板将各个模块切出来,在排版布局的时候也要严格按照每个模块的大小进行限制,这样我们设计出来的东西才能更精确的与我们的初始设计完全吻合,而且也不易出现错位的现象;

三行网络,专业从事互联网相关业务开发的公司,致力于网站建设的全方位发展,立足于以WEB为核心,以WEB应用开发及服务为发展战略的经营理念。专门提供全方位的优质化服务和最专业的网站建设方案,为企业打造全新电子商务平台。  
《三步教你如何进行网站布局》此文由三行网络公司原创,转载请保留原文链接,谢谢!

【关键词标签】三步教你如何进行网站布局    外贸英文网站推广,英文网站建设

15989229398(微信咨询)

专业做网站 · ¥明码实价!


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 广州三行网络科技有限公司
粤ICP备案号:09210325