基于Bootstrap的網(wǎng)頁設(shè)計(jì)

1、江蘇大學(xué)畢業(yè)論文答辯報告基于基于BootstrapBootstrap的網(wǎng)頁設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)學(xué) 院計(jì)算機(jī)科學(xué)與通信工程學(xué)院專 業(yè)軟件（嵌入式）學(xué)生姓名繆江超Bootstrap-based web designJ I A N G S U U N I V E R S I T Y江蘇大學(xué)畢業(yè)論文答辯報告選題背景BACKGROUND研究意義1.當(dāng)今社會網(wǎng)絡(luò)已是人們生活中不可或缺的信息傳遞媒介。2.軟件界面是人機(jī)交互的窗口，一定程度上決定著用戶的體驗(yàn)和使用效能。3.Bootstrap是目前最受歡迎的前端框架江蘇大學(xué)畢業(yè)論文答辯報告選題背景研究意義SIGNIFICANS理 論 意 義實(shí) 踐 意 義1.了解網(wǎng)站

2、界面設(shè)計(jì)2.體會Bootstrap框架3.熟悉HTML5、CSS31.增強(qiáng)動手能力2.掌握WebStorm3.改善實(shí)驗(yàn)室信息系統(tǒng)江蘇大學(xué)畢業(yè)論文答辯報告文獻(xiàn)綜述REVIEW結(jié)構(gòu)規(guī)劃功能設(shè)計(jì)總結(jié)關(guān)鍵詞：Bootstrap布局架構(gòu)界面設(shè)計(jì)前端開發(fā)實(shí)驗(yàn)室網(wǎng)站主要觀點(diǎn)：1234我們的主題必須小而精，能夠明確表達(dá)網(wǎng)站內(nèi)容即可。網(wǎng)站主題面對眾多的工具我們需要選擇合適的開發(fā)工具來幫助我們高效的完成任務(wù)。網(wǎng)頁制作工具篩選網(wǎng)站內(nèi)容材料，盡量刪除與主題無關(guān)的信息同時保留網(wǎng)站有價值的內(nèi)容。網(wǎng)站界面網(wǎng)站整體形象個人的感受，是網(wǎng)站的特色。網(wǎng)站風(fēng)格江蘇大學(xué)畢業(yè)論文答辯報告文獻(xiàn)綜述結(jié)構(gòu)規(guī)劃STRUCTURE功能設(shè)計(jì)總結(jié)系統(tǒng)

3、功能模塊結(jié)構(gòu)圖江蘇大學(xué)畢業(yè)論文答辯報告文獻(xiàn)綜述結(jié)構(gòu)規(guī)劃布局設(shè)計(jì)FUNCTION總結(jié)一.網(wǎng)站設(shè)計(jì)要素設(shè)計(jì)要素標(biāo)題文字、圖像鏈接留白江蘇大學(xué)畢業(yè)論文答辯報告文獻(xiàn)綜述結(jié)構(gòu)規(guī)劃布局設(shè)計(jì)FUNCTION總結(jié)二.網(wǎng)站布局步驟（1）草圖（2）粗略布局（3）細(xì)化布局開始時我面對的是一張白紙，根據(jù)內(nèi)容整體風(fēng)格粗略勾畫出布局輪廓。開始將主要內(nèi)容放入網(wǎng)頁中，如標(biāo)志、菜單、導(dǎo)航條等，將輪廓在電腦上初步體現(xiàn)。利用WebStorm把草案做成一個簡略的網(wǎng)頁，考慮文字、圖像等元素的排版布局。江蘇大學(xué)畢業(yè)論文答辯報告文獻(xiàn)綜述結(jié)構(gòu)規(guī)劃布局設(shè)計(jì)總結(jié)SUMMARY 這次的網(wǎng)站界面設(shè)計(jì)充分運(yùn)用Bootstrap的特性，其響應(yīng)式布局可以更好的適應(yīng)電腦，手機(jī)，平板等多種設(shè)備，比起原先的網(wǎng)站界面更清晰。但也因?yàn)樽陨斫?jīng)驗(yàn)知識不足的原因，其功能美觀方面仍有待改善。這次實(shí)踐是對自己一次很大的考驗(yàn)，網(wǎng)頁設(shè)計(jì)跟自己所學(xué)相關(guān)性很大卻又沒有專門學(xué)習(xí)過，所以在設(shè)計(jì)過程中也遇上了不少的問題。最后自己