資源描述：
《響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)論文》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、響應(yīng)式企業(yè)網(wǎng)站設(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簡介82.3.2?javascript基本特點92.3.3?css簡介92.3.4?jQuery102.4?本章小結(jié)10第三章前端布局分析與設(shè)計103.1?前端總體開發(fā)流程與設(shè)計103.1.1?分層開發(fā)103.1.2?代碼編寫113.1.3?內(nèi)部測試與后續(xù)優(yōu)化113.2?前端UI
2、設(shè)計113.2.1?模塊分布113.2.2?顏色配置123.2.3?css元素123.3?交互設(shè)計與UI143.4?網(wǎng)站結(jié)構(gòu)布局與設(shè)計143.5.1??網(wǎng)站首頁結(jié)構(gòu)1423.5.2??主題鮮明，富有特色143.5?網(wǎng)站前臺頁面設(shè)計143.5.1?首頁153.5.2?其余子頁面153.7?本章小結(jié)15第四章主要功能的實現(xiàn)154.1?界面設(shè)計154.2?具體設(shè)計文檔154.3?前臺新聞文摘顯示164.3.1?網(wǎng)站裝飾風(fēng)格164.3.2?網(wǎng)站的鏈接結(jié)構(gòu)164.4?可視化設(shè)計164.5?具體實現(xiàn)技術(shù)164.5.1?css在“寫意集團響應(yīng)式企業(yè)官網(wǎng)”中的應(yīng)用實例164.6?本章小結(jié)1
3、8第五章總結(jié)18致謝18參考文獻192響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)第一章緒論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)新的HTML5響應(yīng)式網(wǎng)站，以求將自己的產(chǎn)品信息和企業(yè)動態(tài)，更直接的展示給用戶，并且通過豐富的交互去優(yōu)化與用
4、戶溝通的過程。目前很多的企業(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)該可以進行訪問，體驗空間層面上帶來的開放性。整個官網(wǎng)設(shè)置多個板塊與分頁面，分別放置相關(guān)內(nèi)容，不同板塊的信息相互獨立。交互上更多是體驗在CSS3的新屬性帶給用戶的新體驗，用戶在與官網(wǎng)進行交互的方式更加豐富與精彩了。與傳統(tǒng)官網(wǎng)相比，響應(yīng)式網(wǎng)站不外乎也是企業(yè)介紹，新聞發(fā)布，產(chǎn)品介紹一類等。為何還要花時
5、間精力和人力去建立和維護網(wǎng)站呢？是正如上面所說：內(nèi)容更加多姿多彩，板塊，內(nèi)容更加豐富，而且能夠相應(yīng)不同屏幕大小，在這個用手機多過PC的時代，能更好更快地將第一手信息送到用戶手上。這些都促成了各個企業(yè)組織新的信息化建設(shè)，構(gòu)建專業(yè)，易于維護和管理的網(wǎng)站。我們要構(gòu)建專門的企業(yè)響應(yīng)式官網(wǎng)，網(wǎng)站前端開發(fā)最基本的還是3個技能：html;css;Javascript,也用到其他部分工具，如PS圖片處理工具，新的HTML5，css3；javascript的工具集jQuery。這些都是開發(fā)中最基本的技能。前端開發(fā)的過程中，頁面的布局將會用HTML元素進行定義和布局，css對布局元素進行元素的
6、定位和畫面效果的渲染，然后再通過javascript實現(xiàn)相對應(yīng)的網(wǎng)站效果和優(yōu)化用戶交互體驗。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%是心靈雞湯，最高17,358,480uv;27%是測試題，最高49,940,339uv;15%是社交互動游戲，最高2,892,047uv;5%是大型品牌宣傳，最高551,
7、195uv。(數(shù)據(jù)來源：在線h5工具平臺ih5.cn，2015.9)3、谷歌瀏覽器于9月1日起不再自動播放Flash。74響應(yīng)式企業(yè)網(wǎng)站設(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)外的幾個社交平臺。目前支持H5分享的平臺：國內(nèi)的微信、微博
