摘要：隨著通訊信息科學技術的不斷發展，以及智能手機、平板等移動設備的廣泛普及，人們在日常生活學習中使用移動設備的次數越來越頻繁。然而傳統的網站并不能自動適應在PC端和移動設備等不同設備之間切換，嚴重影響了移動設備用戶的使用體驗，基于Bootstrap設計的響應式網站能夠很好的解決這一問題。響應式網站應用于不同的屏幕大小不同的系統，還具有網站運行穩定、后期維護成本低、對未來設備具有良好的擴展性等優點。

　　關鍵詞：響應式網站；Bootstrap

　　一、引言

　　據CNNIC第44次報告，截至2019年6月，我國網民規模達8.54億，其中手機網民規模達8.47億，網民使用手機上網的比例達99.1%，這一數據表明我國手機用戶占了上網用戶的絕大多數。與五年前相比，移動寬帶平均下載速率提升約6倍，手機上網流量資費水平降幅超90%。表明我國移動互聯網使用持續深化。

　　二、需求分析

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

　　三、網站設計

　?。ㄒ唬┚W站實現目標多元化互動網站要滿足網頁編排和布局設計合理、簡潔美觀。為了給用戶帶來更佳的視覺體驗，應該整體布局合理。同時可以適應于不同設備之間的切換，也要后期維護方便，所以本網站設計要滿足以下功能。

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

　?。?）使用Bootstrap框架設計的多元化互動響應式網站，會根據用戶在使用不同設備時，展現不一樣的界面。使用戶可以獲得有良好的閱讀使用體驗。

　　（二）網站機構設計多元化互動網站包括前端頁面、后臺管理、數據庫。前端頁面使用CSS+Div布局網頁，頁面分欄內容分為首頁、信息處理、聯系我們等，使用Bootstrap框架合理搭配網站內容，使網站能夠對不同設備和系統自動適應。使用PHP語言，使網站具有數據管理、人機交互功能，使用MySQL數據庫對數據進行存儲，便于網站后期維護和更新。

　　四、網站實現

　　（一）搜索功能為了方便用戶及時找到自己所需或感興趣的內容，網站添加搜索欄，和后臺數據庫連接，為用戶提供信息查詢功能。

　　五、網站測試

　　（一）網站測試的目的網站測試即是在網站運行發布之前對網站各項功能進行檢驗，它的實質是找出錯誤，而不是說明網站沒有錯誤需要在實際使用中不斷找出錯誤。網站測試是保障網站質量的至關重要的一個步驟。

　?。ǘ┱军c測試整個網站中有數量龐大的超級鏈接。在發布網站需要對這些鏈接進行測試，如果由人工對每一個鏈接進行測試，工程量是巨大無比會浪費掉很長時間。Dreamweaver中的站點管理器窗口就提供了站點快速檢測功能。檢查斷掉的鏈接，在打開的文件、本地站點中查找斷鏈截和未被引用的文件，檢查外部鏈接，檢查出與外部網站鏈接的全部信息。檢查孤立文件，孤立文件在網頁中沒有用，上傳后會占據有效空間，最好的方式就是處理掉。

　　六、網站推廣

　?。ㄒ唬┳运阉饕嫠阉饕鏁o網站帶來越來越多的流量，注冊到搜索引擎是網站推廣最簡單有效的方式之一。主要是注冊到幾個知名的搜索引擎，如百度、搜狗等。為了使各種搜索引擎查找到網站，需要在注冊引擎添加頁面標題：出現在瀏覽器標題欄左上角的文字，是網站中最先被看到的信息，關鍵字：在搜索引擎中檢索信息都是通過輸入關鍵字查找的，網站說明：在關鍵字的定義范圍內有所側重，突出重點吸引用戶訪問瀏覽。

　　（二）網絡推廣網絡推廣是常用的網站推廣策略之一，最常見的方式就是在門戶站點主頁投放廣告。將網站的信息發布在其他潛在用戶可能訪問的網站上，吸引潛在用戶點擊訪問。七、結語相對于傳統網站無法自動適應不同的設備，響應式網站可以在不同的設備上給用戶帶來良好的閱讀感受，面對的用戶群體也不只是單一群體的用戶，而是面對更多的用戶群體。使用響應式設計網站可以使網站在智能手機、平板、電腦等不同設備上帶給用戶更好的服務，從而提升了用戶的使用效率和使用體驗，也就提升了用戶的滿意度，用戶滿意后也會對訪問次數也有一定的提升。相信在不久的將來，響應式網站會被越來越多的網站應用，為用戶帶來更好的體驗。

　　參考文獻:

　　[1]中國互聯網絡信息中心.CNNIC發布《第34次中國互聯網絡發展狀況統計報告》[EB/OL].(2019-08-30).[2020-02-15].

　　[2]馮春英.基于響應式Web設計的新型圖書館門戶網站構建[J].圖書館學研究，2015(15):34－40.

　　[3]葛雯雯，孟令輝.中國傳統文化響應式網站的設計[J].現代農村科技，2019(1):78－79.

　　作者郭一丁

　　推薦閱讀：大學公開課網站的設計與實現研究