資源描述：
《基于bootstrap技術(shù)的企業(yè)網(wǎng)站設(shè)計與實現(xiàn)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、為了確?！敖虒W(xué)點數(shù)字教育資源全覆蓋”項目設(shè)備正常使用，我校做到安裝、教師培訓(xùn)同步進行。設(shè)備安裝到位后，中心校組織各學(xué)點管理人員統(tǒng)一到縣教師進修學(xué)校進行培訓(xùn)，熟悉系統(tǒng)的使用和維護?；贐ootstrap技術(shù)的企業(yè)網(wǎng)站設(shè)計與實現(xiàn) 摘要：目前企業(yè)官網(wǎng)對個性化需求和響應(yīng)式布局的要求越來越緊迫。通過闡述企業(yè)網(wǎng)站的需求和功能，分析系統(tǒng)的前端設(shè)計、UI設(shè)計和系統(tǒng)結(jié)構(gòu)布局等，基于Bootstrap技術(shù)采用“PHP+MySQL”?_發(fā)模式實現(xiàn)了響應(yīng)式企業(yè)網(wǎng)站，極大地提高了網(wǎng)站的開發(fā)效率，并使網(wǎng)站適應(yīng)不同移動設(shè)備的瀏覽。 關(guān)鍵詞：Bootstrap；響應(yīng)式布局；Web開發(fā)；移動設(shè)備 中
2、圖分類號：TP39文獻(xiàn)標(biāo)志碼：A文章編號：1006--17-03 Abstract：Atpresent，thedemandsfortheindividualrequirementsandtheresponsivelayoutofenterprise'sofficialwebsitearebecomingmoreandmoreurgent.Bydescribingtherequirementsandfunctionsofthewholeenterprise'sofficialwebsite，thefront-enddesign，UIdesignandsystemlayou
3、tofthesystemareanalyzed，andwithBootstrapframework，"PHP+MySQL"developmentmodelisusedtoachievearesponsiveenterprisewebsite，whichgreatlyimprovestheefficiencyofthedevelopmentofthewebsite，and為了充分發(fā)揮“教學(xué)點數(shù)字教育資源全覆蓋”項目設(shè)備的作用，我們不僅把資源運用于課堂教學(xué)，還利用系統(tǒng)的特色欄目開展課外活動，對學(xué)生進行安全教育、健康教育、反邪教教育等豐富學(xué)生的課余文化生活。為了確?！敖虒W(xué)點數(shù)字
4、教育資源全覆蓋”項目設(shè)備正常使用，我校做到安裝、教師培訓(xùn)同步進行。設(shè)備安裝到位后，中心校組織各學(xué)點管理人員統(tǒng)一到縣教師進修學(xué)校進行培訓(xùn)，熟悉系統(tǒng)的使用和維護。makesthewebsiteadaptdifferentmobiledevices. Keywords：Bootstrap；responsivelayout；Webdevelopment；mobiledevice 0引言 在信息技術(shù)高速發(fā)展的這個時代，網(wǎng)絡(luò)作為最為方便快捷的媒介越來越被人們所接受，網(wǎng)絡(luò)已融入我們的生活。自XX年HTML5在國內(nèi)興起，新技術(shù)不斷推進著信息時代的發(fā)展，網(wǎng)站也逐漸脫離了傳統(tǒng)的枯燥頁面
5、風(fēng)格，如今的HTML5比以前的HTML更容易維護和管理，而且還能實現(xiàn)跨平臺開發(fā)，減少開發(fā)成本。為了充分發(fā)揮“教學(xué)點數(shù)字教育資源全覆蓋”項目設(shè)備的作用，我們不僅把資源運用于課堂教學(xué)，還利用系統(tǒng)的特色欄目開展課外活動，對學(xué)生進行安全教育、健康教育、反邪教教育等豐富學(xué)生的課余文化生活。為了確?！敖虒W(xué)點數(shù)字教育資源全覆蓋”項目設(shè)備正常使用，我校做到安裝、教師培訓(xùn)同步進行。設(shè)備安裝到位后，中心校組織各學(xué)點管理人員統(tǒng)一到縣教師進修學(xué)校進行培訓(xùn)，熟悉系統(tǒng)的使用和維護。 近年來，移動互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，移動端的上網(wǎng)率高于傳統(tǒng)PC，而在移動端上，傳統(tǒng)網(wǎng)站又難以做到兼容所有的設(shè)備尺寸，越
6、來越多的商家傳統(tǒng)門戶官網(wǎng)已經(jīng)不能滿足用戶的體驗，各大商家、大企業(yè)都開始重構(gòu)新的HTML5+Bootstrap響應(yīng)式網(wǎng)站，以求將自己的產(chǎn)品信息和企業(yè)動態(tài)，更直接展示給用戶，并通過豐富的交互去優(yōu)化與用戶溝通的過程。網(wǎng)頁內(nèi)容更加多姿多彩，板塊、內(nèi)容更加豐富，而且能夠適應(yīng)不同屏幕尺寸，在這個移動設(shè)備逐步普及的時代，能更快更好地將第一手信息送到用戶手上[1-2]，不僅方便了企業(yè)的宣傳和銷售工作，同樣也普及了人們的需要。因此，立足于設(shè)計一個兼顧不同尺寸的移動設(shè)備，同時兼顧網(wǎng)站開發(fā)的資金、技術(shù)、時間以及人力成本的響應(yīng)式官網(wǎng)，以體現(xiàn)各大企業(yè)官網(wǎng)轉(zhuǎn)型做響應(yīng)式也是勢在必得的過程?！ ?需求分
7、析 用例圖 用例圖用來描述系統(tǒng)與參與者之間的相互作用，也可以說它是從用戶角度出發(fā)來描述如何使用系統(tǒng)。首先要理清下面幾個概念?！ 〗巧航巧砟骋皇录l(fā)生的參與者，用一個小人表示。在通常的網(wǎng)絡(luò)項目中，角色常被用來代表使用網(wǎng)站的用戶，但角色的作用并不局限于此，它也可以用來代表與系統(tǒng)交互的其他實體?！ ∮美河美硐到y(tǒng)可以實現(xiàn)的功能，通常一個用例代表一組功能，它實質(zhì)上規(guī)定了系統(tǒng)實現(xiàn)功能的范圍。在實際項目開發(fā)過程中，一個項目中往往涉及很多個用例，此時需要將其分解成若干個子系統(tǒng)實現(xiàn)，以便于理解。在UML中，用例用一個橢圓表示。本
