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

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

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

3、致謝18參考文獻192響應式企業(yè)網(wǎng)站設計與實現(xiàn)第一章緒論1.1本課題研究的背景和目的如今的互聯(lián)網(wǎng)已經(jīng)滲透到了我們生活的每一個層面，網(wǎng)站的內(nèi)容越來越豐富全面，各大瀏覽器商也在競相的開發(fā)各種各樣的新的功能，供開發(fā)者進行開發(fā)構(gòu)建出更好的用戶體驗，以此來滿足各種不同需求的瀏覽者。隨機計算機的這些技術的飛速生長，手機的上網(wǎng)率高于傳統(tǒng)PC，而在手機端上，傳統(tǒng)網(wǎng)站又難以做到兼容所有的設備尺寸，越來越多的商家的傳統(tǒng)門戶官網(wǎng)已經(jīng)不能滿足用戶的體驗，各大商家大企業(yè)都開始重構(gòu)新的HTML5響應式網(wǎng)站，以求將自己的產(chǎn)品信息和企業(yè)動態(tài)，更直接的展示給用戶，并且通過豐富的交互去優(yōu)化與用戶溝通的過程。目前很多的

4、企業(yè)已經(jīng)建立起了自己的響應式官網(wǎng)。這些網(wǎng)站的建立使得企業(yè)可以突破傳統(tǒng)的PC媒介，在移動網(wǎng)絡上開辟屬于自己的新天地。用戶能在手機上，隨時隨地就能看到企業(yè)的最新動態(tài)，可以更好的利用用戶的碎片時間去關注企業(yè)，網(wǎng)絡之所以為網(wǎng)，也正是因為他具有超時空性。人們無論在哪都應該可以進行訪問，體驗空間層面上帶來的開放性。整個官網(wǎng)設置多個板塊與分頁面，分別放置相關內(nèi)容，不同板塊的信息相互獨立。交互上更多是體驗在CSS3的新屬性帶給用戶的新體驗，用戶在與官網(wǎng)進行交互的方式更加豐富與精彩了。與傳統(tǒng)官網(wǎng)相比，響應式網(wǎng)站不外乎也是企業(yè)介紹，新聞發(fā)布，產(chǎn)品介紹一類等。為何還要花時間精力和人力去建立和維護網(wǎng)站呢？

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

6、script實現(xiàn)相對應的網(wǎng)站效果和優(yōu)化用戶交互體驗。1.2國內(nèi)外HTML5響應式企業(yè)網(wǎng)站建設的狀況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,195uv。(數(shù)據(jù)來源：在線h5工具平臺ih5.

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