微信网站建设与普通网站建设的一些差异性

2016-07-06 20:04:00 3690 0 编辑:深色多郎 来源:原创观点

网站建设中一直存在的兼容性问题

这是一个一直困扰网站建设者的问题,在普通PC网站建设时要考虑从IE6-IE10 Firefox Chrome Safari  还有比如360 sogou 有时也会跳出一些奇怪的问题。那么微信网站建设是否需要考虑兼容性了呢?答案是需要考虑,但不像传统网站建设时会出现这么多兼容问题。更多考虑的应该是一些CSS3中属性在各大浏览器内核中命名方式的差异。比如:边框圆角的样式,border-radius  在老的firefox上命名就应该是:-moz-border-radius。

微信网站建设

尽量使用HTML5带来的最新体验

在普通网站建设时,我们往往为了兼容老的浏览器会考虑损失一些页面特效。但在微信网站制作时,就请大胆的使用基于HTML5+CSS3所带来的最新效果体验吧。同时CSS3带来的另一个重要变化就是Transition,可以让之前写破头才能实现的一些动画效果只需简单定义几个css样式即可实现。我们利用CSS3实现了一个简单的页面切换效果。用户在点击分类时,会有一个页面弹出弹入的效果,增强了视觉上的感受。

微信网站布局

响应式的设计依然重要

在传统网站建设中,我们利用响应式技术(更多响应式网页设计案例)来统一宽屏、窄屏、平板、手机的页面布局方式,使其达到最优化的页面表现。在微信网站建设中,我们有时也会需要考虑使用响应式的设计来达到繁多的手机分辨率下,各个页面的最佳表现。如在横屏和竖屏下的不同页面表现。

更多的考虑移动端的交互体验

我们知道,用户在使用手机时,不像如操作电脑,只会利用鼠标的点击事件。在手机上,我们会更多的使用到touch事件,还有一些滑动事件,如何利用好这些事件可以为我们的应用的交互性加分。

如上图,我们在最后一个返回按钮中使用了向右滑动的事件来触发页面的切换。向右滑动本身就是用户在手机端常用的操作手势,可以说使用者对于这样的操作毫无违和感。

微信网站建设中还有很多与普通PC网站建设中存在差异化的地方,如:对于横竖屏的侦测并实现不同的页面效果,通过微信公众平台的接口来实现更多富客户端的应用等。这些都是网站建设者需要在实际案例中去挖掘研究的地方。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通