經典案例
  • 上海儒霖匯投資管理有限公司
  • 昆山博隴川化工
  • 昆山凱米斯廣告
  • E人貸官方網站
  • 昆山市誠宇電器工程有限公司
JOFUNS 網站建設
首頁 > 建站知識 > 網站建設 > 正文

微信網站建設與普通網站建設的一些差異性

發布于:2015-01-06 11:58:36來源: 作者:九方云點擊:1922 次

網站建設中一直存在的兼容性問題

這是一個一直困擾網站建設者的問題,在普通PC網站建設時要考慮從IE6-IE10 Firefox Chrome Safari 還有比如360 sogou 有時也會跳出一些奇怪的問題。那么微信網站建設是否需要考慮兼容性了呢?答案是需要考慮,但不像傳統網站建設時會出現這么多兼容問題。更多考慮的應該是一些CSS3中屬性在各大瀏覽器內核中命名方式的差異。比如:邊框圓角的樣式,border-radius 在老的firefox上命名就應該是:-moz-border-radius。


盡量使用HTML5帶來的最新體驗

在普通網站建設時,我們往往為了兼容老的瀏覽器會考慮損失一些頁面特效。但在微信網站制作時,就請大膽的使用基于HTML5+CSS3所帶來的最新效果體驗吧。

如上圖,深藍彩妝微信網站案例中,中心菜單區域的圓形邊框就可以利用border-radius樣式來體現。即簡潔又省去了圖片所帶來的流量占用。

同時CSS3帶來的另一個重要變化就是Transition,可以讓之前寫破頭才能實現的一些動畫效果只需簡單定義幾個css樣式即可實現。

如上圖的產品分類頁面,我們利用CSS3實現了一個簡單的頁面切換效果。用戶在點擊分類時,會有一個頁面彈出彈入的效果,增強了視覺上的感受。


響應式的設計依然重要


在傳統網站建設中,我們利用響應式技術來統一寬屏、窄屏、平板、手機的頁面布局方式,使其達到最優化的頁面表現。在微信網站建設中,我們有時也會需要考慮使用響應式的設計來達到繁多的手機分辨率下,各個頁面的最佳表現。如在橫屏和豎屏下的不同頁面表現。

更多的考慮移動端的交互體驗

我們知道,用戶在使用手機時,不像如操作電腦,只會利用鼠標的點擊事件。在手機上,我們會更多的使用到touch事件,還有一些滑動事件,如何利用好這些事件可以為我們的應用的交互性加分。

如上圖,我們在最后一個返回按鈕中使用了向右滑動的事件來觸發頁面的切換。向右滑動本身就是用戶在手機端常用的操作手勢,可以說使用者對于這樣的操作毫無違和感。


微信網站建設中還有很多與普通PC網站建設中存在差異化的地方,如:對于橫豎屏的偵測并實現不同的頁面效果,通過微信公眾平臺的接口來實現更多富客戶端的應用等。這些都是網站建設者需要在實際案例中去挖掘研究的地方。


tag標簽:微商城,微信,網站建設
------分隔線----------------------------
------分隔線----------------------------

打海南麻将 1862638344569728083311991879791864638447917462874492303664665059769780738846295731561451463751727 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();