搜索
查看: 2808|回复: 12
收起左侧

HTML5让网站变得时尚又动感

[复制链接]
在冬季
发表于 2013-6-25 14:56:13 | 显示全部楼层 |阅读模式
  当前,HTML5标准正处于一个高速发展阶段。无论是在Web网页表现性能上,还是在网页应用的加载速度上,都远远优秀于之前的HTML 4.01和XHTML 1.0标准。正因为如此,已经有越来越多的开发者开始基于HTML5创作出了一大批优秀的站点,并且取得了业内的一致好评。
  
  今天,就和大家分享一个优秀的案例——全新的Hit FM音乐广播官网。为了尽可能发挥出HTML5的优点。因为网站是由微软IE团队为hitfm量身打造,建议大家选用IE10进行浏览。网站本身突出了IE10对多点触控的良好支持,并通过硬件加速提升页面大图的加载速度。
  
  本文主要站在用户体验的角度,从四个方面介绍通过当下最热的HTML5技术,打造的Hit FM官网(www . hitfm . cn)的全新体验,以供大家思考学习。
  
  一、界面风格
  
  Hit FM,作为国内唯一一家全天候播出的国际流行音乐电台,节目以欧美流行音乐为主,深受高端时尚白领用户喜爱。全新的官网首页以红黑为主色调,采用高清大图和大尺寸图标,符合其动感、时尚、与国际接轨的形象风格,左侧的折页效果在IE10和Chrome等主流浏览器下体验流畅,带给用户平滑而现代的感受
  
   1.jpg
  
  二、加载速度
  
  借力于IE10对HTML5标准和硬件加速功能的全面支持(在线收听和硬件加速有关系吗?),该网站只需要128Kbps的极小带宽就可以进行在线收听,且相关软件工程师们通过将MMS流媒体经过转换成为HTML5支持的音频流媒体格式,并使用HTML5支持的<Audio>标签实现无插件播放功能,使得听众在不需要任何浏览器插件的条件下即可在在线收听广播电台。
  
   2.jpg
  
  三、触控支持
  
  除了支持常规的鼠标键盘操作,在支持触控的设备上,用户可以获得更优质的体验。。开发者在一些滑动操作和特效的展现上都进行充分地考虑,从而迎合用户在触控操作过程中的需求。同时,由于IE10在上一代浏览器的基础上进一步缩减自身界面所占用的屏幕区域,将窗口及控件所占用的像素面积缩减到最低。整个屏幕完全用于展示网页内容,不被任何其他元素打扰。。这为网站本身提供了最佳的展示环境。
  
   3.jpg
  
  四、页面性能
  
  在实现流畅触控操作的同时也在视觉效果上加以提高。在以往的开发过程中,对于特效的实现较为困难,经常需要复杂的代码和效率较低的Flash插件来完成。得益于IE10所拥有的硬件加速能力以及对于全新HTML5和CSS3标准的全面支持,网页工程师采用了CSS3中Transform和Transition变形处理来实现网站的过渡效果,给用户炫酷视觉体验的同时也拥有流畅和快速的加载性能。
  
   4.jpg
  
  除了上述特点外,在本网站(www . hitfm . cn)中,利用HTML5网页标准中全新加入的History API特性,实现了全站AJAX。当用户在点击内容时,页面只会加载需要更新的内容而不会加载外层不变的框架,同时标题栏、地址栏以及前进后退等按钮也会发生相应变化,和整页刷新几无二致,这大大降低了移动数据网络下的用户流量消耗。整个过程都不会影响到后台Live Streaming的实时播放,有效提升听众的局部刷新体验。
  
  HTML5的表现已经得到了越来越多开发者的认可,作为HTML5网页标准的参与构建者之一,微软在HTML5网页标准下的运算处理能力非常强大,特别是当用户在进行高保真音频在线播放和网页游戏时,具备强大渲染性能和处理速度。相信随着国内厂商的努力,以及网站越来越多的尝试,HTML5必然将迎来属于它的春天!
tangfei19851022
发表于 2013-6-25 16:35:20 | 显示全部楼层
为什么 要挂上 IE 的图标地址 及 宣传网址 这对 火狐 和 谷歌 不公平
wyyyxz
发表于 2013-6-25 20:02:39 | 显示全部楼层
IE本来就比其他浏览器好用!  
把黑夜点亮
发表于 2013-6-25 21:07:41 | 显示全部楼层
不需要Flash插件最好,最讨厌Flash插件了
烟花雨
头像被屏蔽
发表于 2013-6-26 08:03:26 | 显示全部楼层
tangfei19851022 发表于 2013-6-25 16:35
为什么 要挂上 IE 的图标地址 及 宣传网址 这对 火狐 和 谷歌 不公平

为了展示我大ie家族的强大
空房子车
发表于 2013-6-26 09:02:40 | 显示全部楼层
很好的界面风格,我喜欢
ye18490296
发表于 2013-6-26 11:41:13 | 显示全部楼层
IE9以后确实不错,速度快到极限了。









    来自伟大的浏览器:Opera/9.80 (Windows NT 6.2; WOW64; Edition IBIS) Presto/2.12.388 Version/12.15  (zh-cn)
    ┈─━ 我喂Opera袋盐!
        2013年6月26日, 星期三 11:41:06
    我用Opera我骄傲(才不是傲娇呢!!)~~
    我为天下2012
    发表于 2013-6-26 13:15:37 | 显示全部楼层
    表示不懂,信谷歌得永生
    可以迷失
    发表于 2013-6-28 13:54:44 | 显示全部楼层
    原来IE10这么给力,那我也要换这个厉害的浏览器
    星辰幻影
    发表于 2013-6-28 15:57:40 | 显示全部楼层
    IE10给力也没用啊,IE11更变态,但网站不支持也没用。昨天玩了一下win8.1,IE11打开扣扣空间主页和应用,都没反应。
    您需要登录后才可以回帖 登录 | 快速注册

    本版积分规则

    手机版|杀毒软件|软件论坛|卡饭乐购| 卡饭论坛

    Copyright © KaFan  KaFan.cn All Rights Reserved.

    Powered by Discuz! X3.4( 苏ICP备07004770号 ) GMT+8, 2019-10-15 12:41 , Processed in 0.103338 second(s), 21 queries .

    快速回复 返回顶部 返回列表