基于HTML5的企業(yè)微網(wǎng)站建設(shè)

尤鴻霞

摘要：隨著移動互聯(lián)網(wǎng)的蓬勃發(fā)展，手機成為最重要的多媒體終端之一，適應(yīng)移動終端的微網(wǎng)站也越來越受到關(guān)注。闡述了微網(wǎng)站的特點，內(nèi)容精簡響應(yīng)速度快，能自動適應(yīng)手機屏幕大小。介紹了適合微網(wǎng)站開發(fā)的HTML5相關(guān)技術(shù)及其新特性，以案例為依托描述了企業(yè)微網(wǎng)站的建站技術(shù)原則及實現(xiàn)。

關(guān)鍵詞：微網(wǎng)站；微信公眾號；HTML5

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2018）10-0268-02

Abstract： With the rapid development of mobile Internet， mobile phone has become one of the most important multimedia terminals， Micro-websites that adapt to mobile terminals are getting more and more attention.This paper expounds the features of micro-website， the content is concise and the response speed is fast， it can automatically adapt to the screen size of mobile phone.The technology and new features of HTML5 was introduced that suitable for micro-website development， the technical principle and realization of the construction site of enterprise micro-website were described based on the case.

Key words：micro-website； WeChat； Public accounts； HTML5

1引言

移動互聯(lián)網(wǎng)的蓬勃發(fā)展改變了人們的上網(wǎng)方式，人們生活節(jié)奏越來越快，傳統(tǒng)PC網(wǎng)站在移動端瀏覽時的不便利性越來越明顯[1]，利用閑散時間在手機端完成網(wǎng)頁瀏覽，趨勢明顯，因此適應(yīng)移動終端的微網(wǎng)站越來越受到人們的關(guān)注。

2 微網(wǎng)站簡介

微網(wǎng)站是一種基于智能手機等移動端的網(wǎng)站信息系統(tǒng)，是一種為適應(yīng)智能手機用戶激增的市場環(huán)境而誕生的一種新型網(wǎng)站。其特點是兼容iOS、Android等智能手機操作系統(tǒng)，能適應(yīng)移動互聯(lián)網(wǎng)，緩沖時間短，在當前網(wǎng)絡(luò)推廣營銷中具有極為重要的地位。微網(wǎng)站比傳統(tǒng)網(wǎng)站更適應(yīng)移動互聯(lián)網(wǎng)的發(fā)展形勢，可以綁定微信公眾號，非常便利地進行網(wǎng)站推廣，具有更好的商業(yè)營銷效果。在移動互聯(lián)網(wǎng)迅速發(fā)展的形勢下，以微網(wǎng)站來展示企業(yè)產(chǎn)品的這種方式更加的靈活化也更易接受。

3 HTML5 相關(guān)技術(shù)介紹

HTML5是 HTML的第5個版本，也是最新的版本，一經(jīng)發(fā)布就受到開發(fā)者的廣泛關(guān)注，是最近幾年逐漸發(fā)展成熟的web前端開發(fā)技術(shù)，主要原因是其新特性能夠有效解決當前移動Web應(yīng)用所遇到的眾多問題，使移動Web網(wǎng)絡(luò)更便利。在客戶端瀏覽方面，它與傳統(tǒng)的HTML代碼最大的區(qū)別就是：HTML5可以根據(jù)用戶所使用的終端的屏幕大小來自動調(diào)整頁面大小，以達到最好的瀏覽效果，在手機端，它可以適應(yīng)蘋果、安卓等不同的系統(tǒng)。

針對傳統(tǒng)Web應(yīng)用遇到的問題，HTML5技術(shù)提供了一些新特性[2]。1） 本地存儲。基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。2） 設(shè)備訪問特性。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，HTML5的 Media API提供了對移動終端攝像頭的可編程訪問。3） 圖像處理技術(shù)。HTML5中定義了一個新的標簽來進行圖像處理，在繪圖方面提供了一系列繪圖方法，可以實現(xiàn)鉛筆畫、直線、填充等操作，在圖形處理方面也給出了非常多的方法，通過WebGL提供的技術(shù)方案直接在網(wǎng)頁上展示3D物體形象，其繪圖性能可以直接使用終端設(shè)備的圖形處理器能力。4） 多媒體特性。在HTML5中，增加了

4 企業(yè)微網(wǎng)站設(shè)計與實現(xiàn)

基于HTML5技術(shù)為某服裝企業(yè)建設(shè)微網(wǎng)站為例，該企業(yè)屬于中小型企業(yè)，建站過程主要考慮如下要點。

4.1 企業(yè)微網(wǎng)站建設(shè)的目標及定位

對于中小型企業(yè)，建設(shè)一個網(wǎng)站，通常都是以展示企業(yè)形象，便于客戶了解企業(yè)并推廣企業(yè)產(chǎn)品為目的。根據(jù)企業(yè)的規(guī)模及經(jīng)營需求，中小型企業(yè)大多將公司網(wǎng)站定位為信息發(fā)布型。即不需要太復(fù)雜的技術(shù)，以頁面精簡流暢為基本原則，主要用于介紹企業(yè)基本資料，發(fā)布企業(yè)產(chǎn)品信息，便于用戶聯(lián)系企業(yè)，這種類型的企業(yè)較少選擇電子商務(wù)型網(wǎng)站。

4.2網(wǎng)站要求

網(wǎng)站的設(shè)計應(yīng)從多方面來考慮其結(jié)構(gòu)合理性、技術(shù)專業(yè)性、用戶可接受性、易操作性等。

結(jié)合微網(wǎng)站特點，建站基本遵循以下原則。

1） 完全適合手機、平板，能夠自動識別客戶屏幕大小[3]；

2） 網(wǎng)站內(nèi)容精簡；手機網(wǎng)站比PC端網(wǎng)站的頁面下載速度要慢得多，因此盡量把頁面數(shù)和頁面大小控制到最低。

3） 頁面資源小，加載速度快；避免使用彈窗、flash、java等行為。flash和彈窗等行為將會占用很大一部分流量，對于移動手機用戶而言，無疑會浪費時間和流量，對于搜索引擎而言，基本理解不了。用戶看網(wǎng)站不是看你網(wǎng)站代碼多復(fù)雜，網(wǎng)站多美觀，而是看你網(wǎng)站能不能在最短的時間找到他想要的答案。

4） 快速的得到企業(yè)聯(lián)系方式。一鍵撥通電話、一鍵分享、在線留言、地圖導(dǎo)航等；

5） 可以和微信公共平臺完美結(jié)合；

4.3開發(fā)案例

依據(jù)某服裝企業(yè)需求，網(wǎng)站的前端信息模塊設(shè)計有首頁，公司簡介、產(chǎn)品展示、新聞中心、聯(lián)系我們這些模塊。在手機端登錄時，頁底處設(shè)計有網(wǎng)站首頁、聯(lián)系企業(yè)、進入留言板三個按鈕。

5結(jié)語

在移動互聯(lián)網(wǎng)普及的時代，微網(wǎng)站有助于企業(yè)在移動互聯(lián)網(wǎng)上推廣產(chǎn)品。HTML5是微網(wǎng)站開發(fā)的利器，其開發(fā)的產(chǎn)品滿足移動端的瀏覽需求，具有實踐意義。通過將企業(yè)網(wǎng)站綁定在企業(yè)微信公眾號，可以利用微信數(shù)億的用戶群進行線上推廣，可以降低營銷費用，提高營銷成效。

參考文獻：

[1]施煒.基于HTML5技術(shù)的微網(wǎng)站開發(fā)與實現(xiàn)[J].黑龍江科技信息，2015（36）：221 .

[2]李正，張欣宇，馮一帆. HTML5技術(shù)在移動互聯(lián)網(wǎng)中的應(yīng)用[J].信息通信技術(shù)，2014（5）：71-75 .

[3] 王寧娟.探索“微網(wǎng)站設(shè)計與開發(fā)”在學(xué)校中的應(yīng)用[J].計算機與網(wǎng)絡(luò)，2016（Z1）：46-47.