發(fā)布時間：2022-10-03 16:24

　　在如今移動設(shè)備用戶的數(shù)量多于PC端的時代,傳統(tǒng)的企業(yè)網(wǎng)站在移動端展示時往往會出現(xiàn)各種問題,這會影響用戶的體驗(yàn)和對企業(yè)的印象。在這種情況下更多企業(yè)愿意把其官網(wǎng)開發(fā)成響應(yīng)式網(wǎng)站以讓官網(wǎng)在不同尺寸的設(shè)備上都有良好的展現(xiàn),從而滿足了企業(yè)對官網(wǎng)的跨平臺、多設(shè)備需求,響應(yīng)式網(wǎng)站因此變得廣泛流行�，F(xiàn)在國內(nèi)外有很多優(yōu)秀的響應(yīng)式前端框架,本研究運(yùn)用了開發(fā)人員容易上手的Bootstrap框架,因?yàn)橛盟芨咝省⒌统杀镜亻_發(fā)有特色的響應(yīng)式網(wǎng)站。本文的主要工作有:運(yùn)用Bootstrap框架、HTML5等相關(guān)技術(shù)開發(fā)響應(yīng)式網(wǎng)站,運(yùn)用預(yù)處理語言Sass（Syntactically Awesome Stylesheets）及其擴(kuò)展庫Compass對網(wǎng)站的CSS部分進(jìn)行高效開發(fā),總結(jié)開發(fā)過程中在性能方面可以優(yōu)化的點(diǎn)以及常見問題的解決方法。本文所研究的用預(yù)處理語言開發(fā)網(wǎng)站的CSS部分可以極大提高網(wǎng)站開發(fā)和維護(hù)的效率,所總結(jié)開發(fā)中遇到的問題和優(yōu)化的方法可作為開發(fā)者的參考。 

【文章頁數(shù)】：59 頁

【學(xué)位級別】：碩士

【文章目錄】：
摘要
Abstract
1 引言
    1.1 課題研究背景與意義
    1.2 國內(nèi)外研究現(xiàn)狀
        1.2.1 國內(nèi)現(xiàn)狀
        1.2.2 國外現(xiàn)狀
    1.3 本文的主要工作
    1.4 本文結(jié)構(gòu)安排
2 相關(guān)技術(shù)及工具
    2.1HTML5
    2.2CSS3
    2.3 Bootstrap框架
    2.4 CSS預(yù)處理語言Sass
    2.5 Sass的擴(kuò)展庫Compass
    2.6 JavaScript
    2.7 jQuery
    2.8 工具介紹
3 響應(yīng)式網(wǎng)站的優(yōu)化設(shè)計(jì)與實(shí)現(xiàn)
    3.1 需求分析
    3.2 整體解決方案
        3.2.1 響應(yīng)式網(wǎng)站實(shí)現(xiàn)方案
        3.2.2 彈性圖片實(shí)現(xiàn)方案
    3.3 網(wǎng)站UI和交互的設(shè)計(jì)原則
    3.4 前端頁面的具體實(shí)現(xiàn)
        3.4.1 網(wǎng)站整體結(jié)構(gòu)
        3.4.2 響應(yīng)式網(wǎng)站核心代碼
        3.4.3 首頁
        3.4.4 經(jīng)典案例
        3.4.5 主要產(chǎn)品
        3.4.6 企業(yè)新聞
        3.4.7 關(guān)于我們
        3.4.8 聯(lián)系我們
        3.4.9 登錄注冊
4 網(wǎng)站的優(yōu)化和問題解決
    4.1 用預(yù)處理語言優(yōu)化開發(fā)
    4.2 設(shè)計(jì)和交互上的優(yōu)化
    4.3 性能優(yōu)化
    4.4 問題及解決辦法
5 網(wǎng)站測試
    5.1 功能測試
    5.2 性能測試
    5.3 兼容性測試
6 總結(jié)與展望
    6.1 總結(jié)
    6.2 展望
參考文獻(xiàn)
個人簡歷、在學(xué)期間發(fā)表的學(xué)術(shù)論文與研究成果
致謝


【參考文獻(xiàn)】：
期刊論文
[1]基于Bootstrap框架的響應(yīng)式網(wǎng)頁設(shè)計(jì)與實(shí)現(xiàn)[J]. 舒后,熊一帆,葛雪嬌.  北京印刷學(xué)院學(xué)報(bào). 2016(02)
[2]基于BootStrap的WEB開發(fā)設(shè)計(jì)研究[J]. 李金亮,李春青.  中小企業(yè)管理與科技(中旬刊). 2014(05)



本文編號：3684405