`
wasw100
  • 浏览: 127145 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

做网站多大宽度合适?---看各大门户页面宽度

阅读更多

做网站时页面多大宽度正好呢?

现在1024*768甚至更高的分辨率已成为主流,所以这里只讨论1024*768的分辨率。
不过非要向下兼容我的意见是760-780,不过我更喜欢用760.

下面讨论1024或更大宽度的情况下,先看下各大网站(如有错误,敬请指正):

新浪: 950 px
网易: 960 px
腾讯: 910 px
搜狐: 950 px


校内网: 960px

csdn: 960 px
javaeye: 950 px
sun: 960 px


通过上面几个不同类型的网站,除腾讯用了910px外,其余的不是950px,就是960px。现在大家心中网站用多款心中大体有数了吧。

这里主要要考虑两个因素:视觉效果和用户体验。

从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。

而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还行,如有二十几行,谁能读下去?!

现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!

所以,我认为950-980的页面宽度是最合适的,如果考虑800*600的显示器,则可以考虑向下兼容的设计(不过,据统计,现在使用800*600分辨率的显示器的不到1%)。

参考:http://www.isparkle.cn/?p=47

分享到:
评论
8 楼 bluemeteor 2009-11-30  
蓝黑不败 写道
用百分比来规定页面宽度不行吗?


最外层也用百分比么?那就过于传神了....
7 楼 抛出异常的爱 2009-11-27  
蓝黑不败 写道
用百分比来规定页面宽度不行吗?

百分比会掩盖很多问题....(当内容变化时有人变化)
不如直接写死好控制
6 楼 lyang0000 2009-11-27  
也有不少人用1000px的
不过还是960px最科学了
5 楼 蓝黑不败 2009-11-27  
用百分比来规定页面宽度不行吗?
4 楼 caoyangx 2009-11-27  
955最理想了。。。
3 楼 wasw100 2009-10-17  
还有就是 960
可以被很多数字整除....2,3,4,5,6,8,10, 12,15,16,18,20,
用来切图时可均匀比例
[/quot
ulear 写道
960 Grid System
这个是现在的标准

e]
虽然960比较标准,但是很多大网站还是950
前几天贴阿里妈妈的广告代码,给的默认是950,而没有960,还需要自己改,不过做自己的东西的时候还是优选选择960
2 楼 抛出异常的爱 2009-10-16  
还有就是 960
可以被很多数字整除....2,3,4,5,6,8,10, 12,15,16,18,20,
用来切图时可均匀比例
1 楼 ulear 2009-10-16  
960 Grid System
这个是现在的标准

相关推荐

    如何做网站的搜索引擎优化?

    网站的搜索引擎优化(SEO)是提升网站在搜索引擎中自然排名的一种策略,旨在增加网站的可见性和访问量。以下是一些关于如何进行...通过细心的规划和执行,网站可以实现更好的搜索引擎表现,从而吸引更多的目标客户。

    做网站的一些技巧

    在构建一个网站的过程中,有很多技巧可以提升效率、优化用户体验并确保项目的成功。以下是一些关键的知识点,结合了“做网站的一些技巧”这篇博文的主要内容和相关标签“源码”和“工具”。 1. **选择合适的开发...

    做网站的一些模板做网站的一些模板

    做网站的一些模板做网站的一些模板做网站的一些模板做网站的一些模板

    你是新手吗?想学做网站吗?

    2. **工作原理**:当用户请求一个ASP页面时,服务器会执行其中的脚本,生成HTML,然后将HTML返回给浏览器,浏览器负责渲染显示。 二、ASP语法基础 1. **脚本语言**:ASP支持多种脚本语言,如VBScript和JScript。...

    教你如何做网站

    教你怎么做网站,如何利用现成的网站制作工具快速的制作自己的网站。

    微博个人页面细做网站.html

    微博个人页面细做网站.html

    做网站-建网站必读.doc

    【做网站-建网站必读】的文档涵盖了创建网站的核心步骤和关键知识点,以下是详细的解释: 1. **确定网站主题**: 在开始建设网站之前,首要任务是明确网站的内容和主题。根据美国《个人电脑》杂志的十大热门网站...

    新手做网站的入门技巧

    【新手做网站的入门技巧】 建站对于新手来说可能是一个看似复杂的任务,但通过以下步骤,你可以快速掌握基本流程,并在短时间内创建一个简单的网站。首先,我们要了解的是基础的四个步骤:购买域名、购买虚拟主机...

    做网站新手必看的jsp教程

    它们在页面生命周期中执行特定的操作,比如动态包含页面、转发请求、传递参数或实例化JavaBean。 4. **内置对象**:JSP提供了九个内置对象,如`request`, `response`, `session`, `application`, `pageContext`, `...

    免费做网站的东西

    在互联网技术日新月异的今天,建立一个网站已经不再是一项遥不可及的任务,尤其对于初学者和小企业来说,免费做网站的方式越来越多。标题"免费做网站的东西"表明我们将探讨如何利用各种免费资源和工具来创建自己的...

    做网站必不可少的Jquery特效

    在网页开发中,jQuery是一个非常重要的JavaScript库,它极大地简化了JavaScript代码的编写,使得复杂的交互和动画效果变得轻松易行。"做网站必不可少的Jquery特效"这一主题,主要聚焦于jQuery如何帮助开发者实现一些...

    如何做网站-菜鸟快速入门

    本篇总结了目前两个主要的做网站的方法及需要掌握的知识点,对于想做网站的新手或从事网站制作行业的朋友能起到很好的指导作用,避免大家走无谓的弯路。

    大家做网站的时候不愁没素材啦!

    大家做网站的时候不愁没素材啦!大家做网站的时候不愁没素材啦!大家做网站的时候不愁没素材啦!大家做网站的时候不愁没素材啦!大家做网站的时候不愁没素材啦!大家做网站的时候不愁没素材啦!大家做网站的时候不愁...

    1000个小图标 用做网站标签

    - 信息传递:图标能够快速传达信息,尤其对于那些不阅读文字的用户,图标可以帮助他们理解页面功能。 - 提高用户体验:简洁明了的图标可以简化操作流程,减少用户的认知负担,使他们更易于理解和使用网站。 - ...

    JR 精品文章 - 做网站的一些技巧

    它是网页设计的核心技术之一,用于控制页面布局和视觉样式。这篇文章“JR 精品文章 - 做网站的一些技巧”很可能会深入探讨如何巧妙运用CSS来提升网站的设计效果和用户体验。 1. **CSS基本语法**:CSS通过选择器和...

    关于JSP做网站的经验总结

    ### 关于JSP做网站的经验总结 在进行JSP网站开发的过程中,经常会遇到各种各样的问题,例如TOMCAT突然挂掉、配置错误等。本文将根据个人经验,分享一些解决这些问题的方法,希望能对同样面临这些问题的开发者有所...

    如何做网站

    "如何做网站"这个主题涵盖了多个方面,包括网站设计、开发工具的选择、服务器环境的配置、数据库管理以及数据交互等。下面将对这些知识点进行详细阐述。 首先,设计是网站的灵魂。在创建网页时,设计师通常需要使用...

    做网站全程指导-购买主机和域名

    做网站全程指导;购买主机和域名; 适合有志于成为站长的新人阅读

    做网站常用的ico图标

    2. 透明处理:如果需要,确保图标在不同背景下看起来自然,透明部分处理得恰到好处。 3. 更新图标:当网站进行改版或品牌更新时,记得同步更新ico图标,保持一致性。 总结来说,ico图标是构建专业、具有识别度的...

    网站设计图片素材大全(狠适合做网站的小,中,大图标)04

    【网站设计图片素材大全(狠适合做网站的小,中,大图标)04】这个资源是专门为网站设计者准备的一套全面的图标集合,包含了从小到大各种尺寸的图标,适用于不同类型的网站需求。这套素材的特点是覆盖广泛,无论是小图标...

Global site tag (gtag.js) - Google Analytics