网站地图    收藏   

主页 > 前端 > css教程 >

我看新浪网改版 CMS建站发哥的三言两语 - html/c

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 新浪网改版,这个曾经是中国所有网站最推崇的元老级门户,终于向新事物张开了了她的怀胞。 事实上,新浪网一直是中国技术团队的领先者,早在上世纪90年代,由其引领的CSS标准化...

  新浪网改版,这个曾经是中国所有网站最推崇的“元老”级门户,终于向新事物张开了了她的怀胞。

  事实上,新浪网一直是中国技术团队的领先者,早在上世纪90年代,由其引领的CSS标准化引入,曾被各个教材和WEB标准团队传为佳唱。

  而后的新浪微博团队(weibo.com)也在包括大数据处理、云计算等多个领域取得了较高的成就。

  而我所认识的其它团队成员(如白山小亭-新浪虚拟化数据成员之一,碍于隐私不多宣传,但我对其精湛的网络技术和虚拟化运营能力敬仰不已。),亦同样具备较高的技术能力。

  新浪网长期以来不改版,一是庞大的新浪企业机器官僚化的结果,二是各个部门对抗冲击,三也是受市场和经济目标的驱动。

  言归正传,作为Zoomla!逐浪CMS的首席架构师,多年来一直奋斗在网站开发与WEB体验,不敢说自己能力多高,但总有自己的一点眼界,我来谈谈对此次新浪改版的几大理解:

  理解一:从950向更宽分辨率扩展的问题

  说起来好笑,但人们不得不考虑一个现实的问题,那就是:

  如果改版了,我们的广告放到哪里去?

  所以新浪网长期以来都是宽度定格在950px,这甚至成为业界的一个标准。

  某天某老板说:小发哥,我的网站要做宽一点,你怎么做得这么窄啊?

  发哥:老板,咱们这个宽不能无限宽不是,您看人家新浪,就是950的,我们就是按新浪标准来做的。

  老板:哦,那没问题,跟着新浪准没错,领导们都是上新浪看新闻的。

  于是,950px有了一个雅号:新浪宽。

  新浪网设计为950px的好处是明显的,在1024分辨率的显示器下,左右各有一条小广告位,经营者会说:别小看这两个广告位,给我们带来创收可不止一点点呢,要是没有广告们,我们靠什么生活啊?

  而新兴的web2.0站点都不再有广告位了,尤其是蘑菇街、美丽说这些平台,几乎没有单独“专设”的广告位,寓内容于其中,足见其中的运营精髓,那就是:

  你不一定要有很多广告位,内容核心才是网站的运营中心。

  感谢新浪网敢于走出这积极的一步,这也为地方门户和垂直网站做出了范例,让站长们不再去做那些又丑又难看的硬广告位,而是注重内容的本身,注重用户体验的本身。

  理解二:更好的WEB体验和格栅式设计

  格栅式设计要求网站遵守一些规范,而新浪网一直有一点优秀的就是,虽然遵循宽屏设计体验,但同样照顾到了更低分辨率的浏览,比如在800*600分辨下,只要将网页下方的拖动条往右靠齐,就可以只浏览正文,不需要看左边的广告了。

  这一点,新浪改版后,依然保存了,很好,值得赞一下(相比之下,网易设计风格虽然以小清新出名,但是却没有考虑到如此严谨,尤其是一些大活动的子站官网背景往往还会出现“露白”的丑处,实在不该。

  

\

 

  理解三:激进但遵守规则

  新版新浪网官网,显然更加考虑到了用户体验,其中如顶部固定、自动返回顶部等应用

  

\

 

  

\

 

  理解四:浏览的重心问题

  笔者曾经主持过一个地方门户,事前设计挺好,但后来考虑了各方面的意见,最终做成的成果是整个网站上一片花花绿绿。

  新浪网则始终坚持用户浏览只有一个重心,旧版的新浪网主要浏览重心放在首屏右边的“最新新闻”,而新版则改进了,在首屏的中部加上了视频新闻,这样将人们浏览的重心向网页中部拉拢。

  打一个不恰当的比喻,就是原来需要“扭脖子看新浪”,现在终于可以端坐正看新浪网了,呵呵呵。

  理解五:缺点与问题

  囿于时间原因,也不能写过细,当然缺也是不少的。

  一是新版首页在南方电信加载总是还有一些问题,部份地区不能正常显示。

  我想这可能是改版团队过于追求Jquery效果,而没有考虑各个浏览器版本的兼容,也可能是改版团队与微博团队不是同一班家伙,对于服务器加载技术研究没有那么到位。

  二是不能自适应各个浏览器,目前包括微软官网还表发哥我本人的逐浪官网都已经支持各个浏览器自由适匹,即不需要下方左右拖动横条,而新浪网没有引入这一技术。

  三是在1024分辨下,虽然采用了宽屏1000px的分辨率,却不能做到屏蔽左右拖动,同样的宽度,京东、淘宝和当当都处理得要好。

  好了,先写这么多,可怜的码农要继续去处理备案、改版、重构等等等等的问题,以填饱自己的肚子为先。

  无论如何,向前进者致以热烈的掌声!注:本文原创,红黑联盟首发,欢迎转载。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论