多元化互動(dòng)響應(yīng)式網(wǎng)站設(shè)計(jì)

　　摘要：隨著通訊信息科學(xué)技術(shù)的不斷發(fā)展，以及智能手機(jī)、平板等移動(dòng)設(shè)備的廣泛普及，人們?cè)谌粘Ｉ顚W(xué)習(xí)中使用移動(dòng)設(shè)備的次數(shù)越來越頻繁。然而傳統(tǒng)的網(wǎng)站并不能自動(dòng)適應(yīng)在PC端和移動(dòng)設(shè)備等不同設(shè)備之間切換，嚴(yán)重影響了移動(dòng)設(shè)備用戶的使用體驗(yàn)，基于Bootstrap設(shè)計(jì)的響應(yīng)式網(wǎng)站能夠很好的解決這一問題。響應(yīng)式網(wǎng)站應(yīng)用于不同的屏幕大小不同的系統(tǒng)，還具有網(wǎng)站運(yùn)行穩(wěn)定、后期維護(hù)成本低、對(duì)未來設(shè)備具有良好的擴(kuò)展性等優(yōu)點(diǎn)。

　　關(guān)鍵詞：響應(yīng)式網(wǎng)站；Bootstrap

　　一、引言

　　據(jù)CNNIC第44次報(bào)告，截至2019年6月，我國網(wǎng)民規(guī)模達(dá)8.54億，其中手機(jī)網(wǎng)民規(guī)模達(dá)8.47億，網(wǎng)民使用手機(jī)上網(wǎng)的比例達(dá)99.1%，這一數(shù)據(jù)表明我國手機(jī)用戶占了上網(wǎng)用戶的絕大多數(shù)。與五年前相比，移動(dòng)寬帶平均下載速率提升約6倍，手機(jī)上網(wǎng)流量資費(fèi)水平降幅超90%。表明我國移動(dòng)互聯(lián)網(wǎng)使用持續(xù)深化。

　　二、需求分析

　　在通訊信息技術(shù)飛速發(fā)展、移動(dòng)設(shè)備日趨成熟的當(dāng)今時(shí)代，人們以及不再滿足于通過傳統(tǒng)的pc端獲取所需的信息，相反地通過移動(dòng)設(shè)備獲取所需信息的頻率和需求越來越高。但是在傳統(tǒng)的網(wǎng)站開發(fā)中，網(wǎng)站尺寸的大小在開發(fā)已經(jīng)固定在實(shí)際使用中并的不能隨著設(shè)備屏幕尺寸不同而去改變網(wǎng)頁大小給用戶帶來良好的使用體驗(yàn)。傳統(tǒng)網(wǎng)站在移動(dòng)設(shè)備上使用時(shí)會(huì)出現(xiàn)因?yàn)轫撁孢^度縮小而導(dǎo)致用戶需要放大頁面，但是大多數(shù)移動(dòng)設(shè)備屏幕較小導(dǎo)致用戶無法完整的瀏覽網(wǎng)站頁面的問題。但響應(yīng)式網(wǎng)站會(huì)根據(jù)設(shè)備屏幕的不同而去展現(xiàn)出不同的頁面來提高用戶的閱讀體驗(yàn)。

　　三、網(wǎng)站設(shè)計(jì)

　?。ㄒ唬┚W(wǎng)站實(shí)現(xiàn)目標(biāo)多元化互動(dòng)網(wǎng)站要滿足網(wǎng)頁編排和布局設(shè)計(jì)合理、簡(jiǎn)潔美觀。為了給用戶帶來更佳的視覺體驗(yàn)，應(yīng)該整體布局合理。同時(shí)可以適應(yīng)于不同設(shè)備之間的切換，也要后期維護(hù)方便，所以本網(wǎng)站設(shè)計(jì)要滿足以下功能。

　?。?）網(wǎng)站將對(duì)多元化互動(dòng)的信息分類整理，使頁面內(nèi)容整潔、用戶操作簡(jiǎn)單方便，網(wǎng)站也具有搜索功能，用戶在查詢網(wǎng)站信息時(shí)快捷方便。頁面排版保持一致性：頁面使用相同的文本、頁邊距，圖片之間保持相同的間距。

　　（2）使用Bootstrap框架設(shè)計(jì)的多元化互動(dòng)響應(yīng)式網(wǎng)站，會(huì)根據(jù)用戶在使用不同設(shè)備時(shí)，展現(xiàn)不一樣的界面。使用戶可以獲得有良好的閱讀使用體驗(yàn)。

　?。ǘ┚W(wǎng)站機(jī)構(gòu)設(shè)計(jì)多元化互動(dòng)網(wǎng)站包括前端頁面、后臺(tái)管理、數(shù)據(jù)庫。前端頁面使用CSS+Div布局網(wǎng)頁，頁面分欄內(nèi)容分為首頁、信息處理、聯(lián)系我們等，使用Bootstrap框架合理搭配網(wǎng)站內(nèi)容，使網(wǎng)站能夠?qū)Σ煌O(shè)備和系統(tǒng)自動(dòng)適應(yīng)。使用PHP語言，使網(wǎng)站具有數(shù)據(jù)管理、人機(jī)交互功能，使用MySQL數(shù)據(jù)庫對(duì)數(shù)據(jù)進(jìn)行存儲(chǔ)，便于網(wǎng)站后期維護(hù)和更新。

　　四、網(wǎng)站實(shí)現(xiàn)

　?。ㄒ唬┧阉鞴δ転榱朔奖阌脩艏皶r(shí)找到自己所需或感興趣的內(nèi)容，網(wǎng)站添加搜索欄，和后臺(tái)數(shù)據(jù)庫連接，為用戶提供信息查詢功能。

　　五、網(wǎng)站測(cè)試

　?。ㄒ唬┚W(wǎng)站測(cè)試的目的網(wǎng)站測(cè)試即是在網(wǎng)站運(yùn)行發(fā)布之前對(duì)網(wǎng)站各項(xiàng)功能進(jìn)行檢驗(yàn)，它的實(shí)質(zhì)是找出錯(cuò)誤，而不是說明網(wǎng)站沒有錯(cuò)誤需要在實(shí)際使用中不斷找出錯(cuò)誤。網(wǎng)站測(cè)試是保障網(wǎng)站質(zhì)量的至關(guān)重要的一個(gè)步驟。

　　（二）站點(diǎn)測(cè)試整個(gè)網(wǎng)站中有數(shù)量龐大的超級(jí)鏈接。在發(fā)布網(wǎng)站需要對(duì)這些鏈接進(jìn)行測(cè)試，如果由人工對(duì)每一個(gè)鏈接進(jìn)行測(cè)試，工程量是巨大無比會(huì)浪費(fèi)掉很長(zhǎng)時(shí)間。Dreamweaver中的站點(diǎn)管理器窗口就提供了站點(diǎn)快速檢測(cè)功能。檢查斷掉的鏈接，在打開的文件、本地站點(diǎn)中查找斷鏈截和未被引用的文件，檢查外部鏈接，檢查出與外部網(wǎng)站鏈接的全部信息。檢查孤立文件，孤立文件在網(wǎng)頁中沒有用，上傳后會(huì)占據(jù)有效空間，最好的方式就是處理掉。

　　六、網(wǎng)站推廣

　?。ㄒ唬┳?cè)搜索引擎搜索引擎會(huì)給網(wǎng)站帶來越來越多的流量，注冊(cè)到搜索引擎是網(wǎng)站推廣最簡(jiǎn)單有效的方式之一。主要是注冊(cè)到幾個(gè)知名的搜索引擎，如百度、搜狗等。為了使各種搜索引擎查找到網(wǎng)站，需要在注冊(cè)引擎添加頁面標(biāo)題：出現(xiàn)在瀏覽器標(biāo)題欄左上角的文字，是網(wǎng)站中最先被看到的信息，關(guān)鍵字：在搜索引擎中檢索信息都是通過輸入關(guān)鍵字查找的，網(wǎng)站說明：在關(guān)鍵字的定義范圍內(nèi)有所側(cè)重，突出重點(diǎn)吸引用戶訪問瀏覽。

　?。ǘ┚W(wǎng)絡(luò)推廣網(wǎng)絡(luò)推廣是常用的網(wǎng)站推廣策略之一，最常見的方式就是在門戶站點(diǎn)主頁投放廣告。將網(wǎng)站的信息發(fā)布在其他潛在用戶可能訪問的網(wǎng)站上，吸引潛在用戶點(diǎn)擊訪問。七、結(jié)語相對(duì)于傳統(tǒng)網(wǎng)站無法自動(dòng)適應(yīng)不同的設(shè)備，響應(yīng)式網(wǎng)站可以在不同的設(shè)備上給用戶帶來良好的閱讀感受，面對(duì)的用戶群體也不只是單一群體的用戶，而是面對(duì)更多的用戶群體。使用響應(yīng)式設(shè)計(jì)網(wǎng)站可以使網(wǎng)站在智能手機(jī)、平板、電腦等不同設(shè)備上帶給用戶更好的服務(wù)，從而提升了用戶的使用效率和使用體驗(yàn)，也就提升了用戶的滿意度，用戶滿意后也會(huì)對(duì)訪問次數(shù)也有一定的提升。相信在不久的將來，響應(yīng)式網(wǎng)站會(huì)被越來越多的網(wǎng)站應(yīng)用，為用戶帶來更好的體驗(yàn)。

　　參考文獻(xiàn):

　　[1]中國互聯(lián)網(wǎng)絡(luò)信息中心.CNNIC發(fā)布《第34次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》[EB/OL].(2019-08-30).[2020-02-15].

　　[2]馮春英.基于響應(yīng)式Web設(shè)計(jì)的新型圖書館門戶網(wǎng)站構(gòu)建[J].圖書館學(xué)研究，2015(15):34－40.

　　[3]葛雯雯，孟令輝.中國傳統(tǒng)文化響應(yīng)式網(wǎng)站的設(shè)計(jì)[J].現(xiàn)代農(nóng)村科技，2019(1):78－79.

　　作者郭一丁

　　推薦閱讀：大學(xué)公開課網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)研究

《多元化互動(dòng)響應(yīng)式網(wǎng)站設(shè)計(jì)》

上一篇：我國中小企業(yè)實(shí)施電子商務(wù)提升競(jìng)爭(zhēng)力的對(duì)策研究

下一篇：互聯(lián)網(wǎng)時(shí)代大學(xué)生創(chuàng)業(yè)團(tuán)隊(duì)勝任力培育研究