05月
29
2015

提高视觉效果的网页布局技巧

作者:zhushican 发布:2015-05-29 分类:seo教程 阅读: 次 0条评论

提高视觉效果的网页布局技巧
网站链接的布局
前面的事情我们做好之后,就开始进行链接的布局了,我们经常会说为什么百度收录突然减少?我们会发现是因为布局还不足够好,因为内容的更新会造成老内容的信息过时或者老内容的质量不足被搜索引擎给删除掉,所以我们经常提到布局简单化,结构扁平化就是这个道理,要做好网站的内部链接。
页面中最好不要用大块背景,能平铺的要平铺,否则加载起来会很慢,也不利于以后的优化和扩展,当然也有些大的网站,现在都尽量把背景统一放到一张图片上,用background-postion来取得背景。
    最好的格式就是gif格式,即确保了背景透明,在ie6中又不会有阴影,有时gif图片会有锯齿,这就需要我们保存成web格式,设置一下matter,matter的值用背景颜色的值越相近越好。
第一屏
  所谓第一屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一 屏有多“大”呢?其实这是未知的。一般来讲,在800*600的屏幕显示模式(这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能看到的部分为778px*435px,一般来讲,我们以这个大小为标准就行了,毕竟,在无法适合所有人的情况下,我们只能为大多数考虑了。
  说了那么多,无非是一个标准的问题,其实接下来不用我说大家也能想到,第一屏当然要放最主要的内容,关键要知道的是,我们要对第一屏能显示的面积要有个估计,而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。
  有关导航栏的位置
  导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目,一般来讲,导航栏要在“第一屏”能显示出来,但是有时第一屏可能会小于上面所说的435px,积于这点考虑,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:如果浏览者的第一屏很矮,横向的仍能全部看到,而纵向的就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向的则不确定性要大的多。 

除非注明,本站所有文章均为 zhushican 原创,转载请注明出处! 标签:网页布局技巧  
« 上一篇下一篇 »

您可能还会对这些文章感兴趣!

提高视觉效果的网页布局技巧:目前有0条评论