響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)畢業(yè)論文

1、響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)畢業(yè)論文現(xiàn)畢業(yè)論文目錄第一章緒論......................................................61.1本課題研究的背景和目的..........................................61.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況............................71.3本章小結(jié)..........

2、..............................................7第二章前端開發(fā)及相關(guān)技術(shù)..........................................72.1HTML5前端開發(fā)環(huán)境..............................................82.2HTML5前端開發(fā)工具...........................................

3、...82.3HTML5前端開發(fā)相關(guān)技術(shù)..........................................82.3.1javript簡介.............................................82.3.2javript基本特點.........................................92.3.3css簡介.............................

4、.......................92.3.4jQuery.....................................................102.4本章小結(jié).......................................................10第三章前端布局分析與設(shè)計..........................................103.1前端總體開發(fā)流

5、程與設(shè)計.........................................103.1.1分層開發(fā)...................................................103.1.2代碼編寫...................................................113.1.3內(nèi)部測試與后續(xù)優(yōu)化...................................

6、......113.2前端UI設(shè)計....................................................113.2.1模塊分布...................................................113.2.2顏色配置...................................................123.2.3css元素...............

7、....................................123.3交互設(shè)計與UI..................................................143.4網(wǎng)站結(jié)構(gòu)布局與設(shè)計.............................................143.5.1網(wǎng)站首頁結(jié)構(gòu)..............................................14響應(yīng)

8、式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)1第一章第一章緒論1.1本課題研究的背景和目的如今的互聯(lián)網(wǎng)已經(jīng)滲透到了我們生活的每一個層面，網(wǎng)站的內(nèi)容越來越豐富全面，各大瀏覽器商也在競相的開發(fā)各種各樣的新的功能，供開發(fā)者進行開發(fā)構(gòu)建出更好的用戶體驗，以此來滿足各種不同需求的瀏覽者。隨機計算機的這些技術(shù)的飛速生長，手機的上網(wǎng)率高于傳統(tǒng)PC，而在手機端上，傳統(tǒng)網(wǎng)站又難以做到兼容所有的設(shè)備尺寸，越來越多的商家的傳統(tǒng)門戶官網(wǎng)已經(jīng)不能滿足用戶的體驗，各大商家大企業(yè)都開始重構(gòu)

9、新的HTML5響應(yīng)式網(wǎng)站，以求將自己的產(chǎn)品信息和企業(yè)動態(tài)，更直接的展示給用戶，并且通過豐富的交互去優(yōu)化與用戶溝通的過程。目前很多的企業(yè)已經(jīng)建立起了自己的響應(yīng)式官網(wǎng)。這些網(wǎng)站的建立使得企業(yè)可以突破傳統(tǒng)的PC媒介，在移動網(wǎng)絡(luò)上開辟屬于自己的新天地。用戶能在手機上，隨時隨地就能看到企業(yè)的最新動態(tài)，可以更好的利用用戶的碎片時間去關(guān)注企業(yè)，網(wǎng)絡(luò)之所以為網(wǎng)，也正是因為他具有超時空性。人們無論在哪都應(yīng)該可以進行訪問，體驗空間層面上帶來的開放性。整個官

10、網(wǎng)設(shè)置多個板塊與分頁面，分別放置相關(guān)內(nèi)容，不同板塊的信息相互獨立。交互上更多是體驗在CSS3的新屬性帶給用戶的新體驗，用戶在與官網(wǎng)進行交互的方式更加豐富與精彩了。與傳統(tǒng)官網(wǎng)相比，響應(yīng)式網(wǎng)站不外乎也是企業(yè)介紹，新聞發(fā)布，產(chǎn)品介紹一類等。為何還要花時間精力和人力去建立和維護網(wǎng)站呢？是正如上面所說：內(nèi)容更加多姿多彩，板塊，內(nèi)容更加豐富，而且能夠相應(yīng)不同屏幕大小，在這個用手機多過PC的時代，能更好更快地將第一手信息送到用戶手上。這些都促成了各個

11、企業(yè)組織新的信息化建設(shè)，構(gòu)建專業(yè)，易于維護和管理的網(wǎng)站。我們要構(gòu)建專門的企業(yè)響應(yīng)式官網(wǎng)，網(wǎng)站前端開發(fā)最基本的還是3個技能：htmlcssJavript也用到其他部分工具，如PS圖片處理工具，新的HTML5，css3；javript的工具集jQuery。這些都是開發(fā)中最基本的技能。前端開發(fā)的過程中，頁面的布局將會用HTML元素進行定義和布局，css對布局元素進行元素的定位和畫面效果的渲染，然后再通過javript實現(xiàn)相對應(yīng)的網(wǎng)站效果和優(yōu)化

12、用戶交互體驗。1.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況1、截至2015，有80%的App將全部或部分基于HTML5。這意味著大部分App的內(nèi)容都將是以網(wǎng)頁的形式呈現(xiàn)，典型的例子包括微信、Facebook、Twitter等。(數(shù)據(jù)來源：國際科技媒體ReadWriteWeb，2015)2、瀏覽量最高的1000個H5作品中，42%是心靈雞湯，最高17358480uv27%是測試題，最高49940339uv15%是社交互動游戲，最高289