2012級(jí)計(jì)算機(jī)科學(xué)與技術(shù)師范電子檔

Bootstrap，源于，是目前最受市場(chǎng)歡迎的前端框架之一[4]。它由CSSless[5]。Bootstrap使其更為個(gè)性化和人性化，形成一套特有的風(fēng)格，并且能兼容大部分jQuery為什么選擇BootstrapBootstrapCSS3、HTML5亮、功能齊全的。上許多圖標(biāo)在Bootstrap中用簡(jiǎn)單的一句代碼就可以使用到你的項(xiàng)目中了，更為關(guān)鍵的是Bootstrap支持響應(yīng)式布局，即開(kāi)發(fā)的項(xiàng)目可以有效適配、平板、PC設(shè)備。Bootstrap便利性。Bootstrap可以通過(guò)調(diào)用內(nèi)置強(qiáng)大的組件，非常簡(jiǎn)便的使用成頁(yè)面樣式。進(jìn)行用戶(hù)交互，同樣在PC端也可以，同樣的代碼既可用PC端也可用移動(dòng)端簡(jiǎn)潔性。不用寫(xiě)過(guò)多的CSSHTMLPC開(kāi)源。Bootstrap是完全開(kāi)源的，使得技術(shù)限，用戶(hù)使用更方便隨現(xiàn)今社會(huì)，大部分人都有過(guò)網(wǎng)上購(gòu)物的經(jīng)歷，人們?cè)谫?gòu)物可以很方便的瀏覽商品、查詢(xún)商品等，時(shí)既方便又快速。并且，隨著移動(dòng)技術(shù)的發(fā)展，越來(lái)越多的用戶(hù)會(huì)使用不同的設(shè)備來(lái)瀏覽網(wǎng)頁(yè)。這就使得我們開(kāi)發(fā)的網(wǎng)店既要實(shí)現(xiàn)瀏覽商品、查詢(xún)商品等基本功能，又要讓人們?cè)诓煌臑g覽設(shè)備上相同的網(wǎng)頁(yè)內(nèi)容以不同的方式展現(xiàn)在使用不同設(shè)備的用戶(hù)面前。開(kāi)發(fā)需要的plus端、6端等進(jìn)行瀏覽網(wǎng)頁(yè)上的信息，用戶(hù)隨時(shí)隨地都能上網(wǎng)去瀏覽信息對(duì)自己滿(mǎn)意的商品可以進(jìn)行的頁(yè)面簡(jiǎn)單明了舒適大方方便操作頂層用例圖是全部用戶(hù)的用例圖，如圖4-1用WEB4-1用4-24-35-1用登登理理息訂單信 書(shū)籍信用5-1在對(duì)電子商務(wù)進(jìn)行開(kāi)發(fā)之前,首先合理的應(yīng)用軟件工程的方法,對(duì)進(jìn)行整體規(guī)劃及布局,否則就會(huì)導(dǎo)致設(shè)計(jì)開(kāi)發(fā)工作量大,系統(tǒng)不符合要求等,更BootstrapHTML5javascriptAdobeDreamweaver、AdobePhotoshop等工具對(duì)進(jìn)行設(shè)計(jì)開(kāi)發(fā)，使網(wǎng)頁(yè)根據(jù)瀏覽設(shè)備尺寸的不同而自行響應(yīng)，讓用戶(hù)在使用不同的瀏覽設(shè)備時(shí)都能得到優(yōu)質(zhì)的瀏覽體驗(yàn)。系統(tǒng)實(shí)現(xiàn)的主要功能如下。搜索模塊：用戶(hù)可以根據(jù)自己的需求，搜索自己想要的物品購(gòu)物指南模塊：包括用戶(hù)可以免費(fèi)賬戶(hù)、開(kāi)通支付寶等購(gòu)物保障模塊：可為用戶(hù)提供所的商品的及等7-1網(wǎng)頁(yè)需要實(shí)現(xiàn)的功能：用戶(hù)使用不同的設(shè)備都能體驗(yàn)到優(yōu)質(zhì)的瀏覽效果[]。網(wǎng)頁(yè)的設(shè)計(jì)與制作應(yīng)該依據(jù)設(shè)備環(huán)境及用戶(hù)行為的不同而進(jìn)行相應(yīng)的調(diào)整和設(shè)備的不同自動(dòng)切換尺寸及分辨率等，開(kāi)發(fā)人員可以使用包括彈性網(wǎng)格和圖環(huán)境的不同而自行響應(yīng)[8]使用meta讓當(dāng)前視圖（viewport）的寬度等于設(shè)備的寬度：@media(min/max-width:***px)；HTMLMedia[9]。7.17.1設(shè)備 分辨率5x6x6plusxipadx7-27.3.1的PC端版制明確：就是要明確制作的所要包含的主要內(nèi)容=320p=320p=375p=414p=<>。，的設(shè)計(jì)可以從標(biāo)志、色彩、字體等方面著手給人的第一印象是來(lái)自視覺(jué)沖擊，所以給人的第一印象很重要。不同的色彩搭配能夠會(huì)產(chǎn)生不同的視覺(jué)效果從而有可能會(huì)影響用戶(hù)的情緒從而影響的宣傳及用戶(hù)的使用Dreamweaver、AdobePhotoshop。，65ipad端PC端顯6plus端6plus端7.3.2的響應(yīng)式布所謂響應(yīng)式就是一個(gè)能夠兼容多個(gè)終端可以為不同終端的用戶(hù)提供更大小進(jìn)行改變，一般的就不能完全顯示，在瀏覽器中則是產(chǎn)生滾動(dòng)條，在PC的響應(yīng)式布局，即利用Bootstrap前端開(kāi)發(fā)框架，結(jié)合CSS+div、javascriptjQuery8的電腦端和移動(dòng)設(shè)備端的顯示對(duì)PC8-1PCipad8-2ipad6plus圖8-36plus6圖8-465圖8-559師的指導(dǎo)和的幫助下順利完成了我的畢業(yè)設(shè)計(jì),在此我衷心的感謝他們給我許多寶貴的意見(jiàn)和建議才使得我的畢業(yè)設(shè)計(jì)和得以順利完成在做，在學(xué)習(xí)知識(shí)的同時(shí)也學(xué)到了很多道理一直是我學(xué)習(xí)的榜樣感謝我的室友，馬娟.移動(dòng)互聯(lián)網(wǎng)的研究[J].今傳媒（學(xué)術(shù)版潘明明.響應(yīng)式——《征途》的設(shè)計(jì)與制作[J].黃,王永利.移動(dòng)互聯(lián)網(wǎng)環(huán)境下業(yè)務(wù)發(fā)展能力探析[J].移動(dòng)通信bootstrap百科. bootstrap中文網(wǎng). 張磊.統(tǒng)一移動(dòng)端與PC端等前端開(kāi)發(fā)框架技術(shù)的應(yīng)用研究[J].信息與電腦(理論StephonHay.響應(yīng)式WEB