《響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)論文》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文目錄第一章緒論61.1本課題研究的背景和目的61.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況71.3本章小結(jié)7第二章前端開發(fā)及相關(guān)技術(shù)72.1?HTML5前端開發(fā)環(huán)境82.2?HTML5前端開發(fā)工具82.3?HTML5前端開發(fā)相關(guān)技術(shù)82.3.1?javascript簡(jiǎn)介82.3.2?javascript基本特點(diǎn)92.3.3?css簡(jiǎn)介92.3.4?jQuery102.4?本章小結(jié)10第三章前端布局分析與設(shè)計(jì)103.1?前端總體開發(fā)流程與設(shè)計(jì)103.1.1?分層開發(fā)103.1.2?代碼編寫113.1.3?內(nèi)部測(cè)試與后續(xù)優(yōu)化113.2?前端UI

2、設(shè)計(jì)113.2.1?模塊分布113.2.2?顏色配置123.2.3?css元素123.3?交互設(shè)計(jì)與UI143.4?網(wǎng)站結(jié)構(gòu)布局與設(shè)計(jì)143.5.1??網(wǎng)站首頁結(jié)構(gòu)1423.5.2??主題鮮明，富有特色143.5?網(wǎng)站前臺(tái)頁面設(shè)計(jì)143.5.1?首頁153.5.2?其余子頁面153.7?本章小結(jié)15第四章主要功能的實(shí)現(xiàn)154.1?界面設(shè)計(jì)154.2?具體設(shè)計(jì)文檔154.3?前臺(tái)新聞文摘顯示164.3.1?網(wǎng)站裝飾風(fēng)格164.3.2?網(wǎng)站的鏈接結(jié)構(gòu)164.4?可視化設(shè)計(jì)164.5?具體實(shí)現(xiàn)技術(shù)164.5.1?css在“寫意集團(tuán)響應(yīng)式企業(yè)官網(wǎng)”中的應(yīng)用實(shí)例164.6?本章小結(jié)1

3、8第五章總結(jié)18致謝18參考文獻(xiàn)192響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)第一章緒論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ù)的飛速生長，手機(jī)的上網(wǎng)率高于傳統(tǒng)PC，而在手機(jī)端上，傳統(tǒng)網(wǎng)站又難以做到兼容所有的設(shè)備尺寸，越來越多的商家的傳統(tǒng)門戶官網(wǎng)已經(jīng)不能滿足用戶的體驗(yàn)，各大商家大企業(yè)都開始重構(gòu)新的HTML5響應(yīng)式網(wǎng)站，以求將自己的產(chǎn)品信息和企業(yè)動(dòng)態(tài)，更直接的展示給用戶，并且通過豐富的交互去優(yōu)化與用

4、戶溝通的過程。目前很多的企業(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è)官網(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í)

5、間精力和人力去建立和維護(hù)網(wǎng)站呢？是正如上面所說：內(nèi)容更加多姿多彩，板塊，內(nèi)容更加豐富，而且能夠相應(yīng)不同屏幕大小，在這個(gè)用手機(jī)多過PC的時(shí)代，能更好更快地將第一手信息送到用戶手上。這些都促成了各個(gè)企業(yè)組織新的信息化建設(shè)，構(gòu)建專業(yè)，易于維護(hù)和管理的網(wǎng)站。我們要構(gòu)建專門的企業(yè)響應(yīng)式官網(wǎng)，網(wǎng)站前端開發(fā)最基本的還是3個(gè)技能：html;css;Javascript,也用到其他部分工具，如PS圖片處理工具，新的HTML5，css3；javascript的工具集jQuery。這些都是開發(fā)中最基本的技能。前端開發(fā)的過程中，頁面的布局將會(huì)用HTML元素進(jìn)行定義和布局，css對(duì)布局元素進(jìn)行元素的

6、定位和畫面效果的渲染，然后再通過javascript實(shí)現(xiàn)相對(duì)應(yīng)的網(wǎng)站效果和優(yōu)化用戶交互體驗(yàn)。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個(gè)H5作品中，42%是心靈雞湯，最高17,358,480uv;27%是測(cè)試題，最高49,940,339uv;15%是社交互動(dòng)游戲，最高2,892,047uv;5%是大型品牌宣傳，最高551,

7、195uv。(數(shù)據(jù)來源：在線h5工具平臺(tái)ih5.cn，2015.9)3、谷歌瀏覽器于9月1日起不再自動(dòng)播放Flash。74響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)亞馬遜宣布旗下網(wǎng)絡(luò)(包括Amazon.com門戶在內(nèi))的所有廣告將不再使用Flash。在可預(yù)見的未來，F(xiàn)lash廣告將被HTML5廣告所替代。4、朋友圈廣告上線，據(jù)傳起投20萬，CPM40元。詳情外鏈的H5頁面可以用微信提供的模板，也可以自行定制。以上的信息反映了H5在內(nèi)容營銷的應(yīng)用潛力。出于好奇，筆者又調(diào)研了國內(nèi)外的幾個(gè)社交平臺(tái)。目前支持H5分享的平臺(tái)：國內(nèi)的微信、微博