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

1、響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文現(xiàn)畢業(yè)論文目錄第一章緒論......................................................61.1本課題研究的背景和目的..........................................61.2國(guó)內(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簡(jiǎn)介.............................................82.3.2javript基本特點(diǎn).........................................92.3.3css簡(jiǎn)介.............................

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

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

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

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

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

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

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

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

12、用戶交互體驗(yàn)。1.2國(guó)內(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ù)來源：國(guó)際科技媒體ReadWriteWeb，2015)2、瀏覽量最高的1000個(gè)H5作品中，42%是心靈雞湯，最高17358480uv27%是測(cè)試題，最高49940339uv15%是社交互動(dòng)游戲，最高289