本文關(guān)鍵詞：基于視差滾動(dòng)的網(wǎng)頁立體化研究及框架設(shè)計(jì)

  更多相關(guān)文章： 網(wǎng)頁立體化 視差滾動(dòng) JavaScript框架 jQuery

【摘要】：在過去的二十年里,Web技術(shù)的發(fā)展一日千里。網(wǎng)頁作為互聯(lián)網(wǎng)重要的組成部分,傳遞信息不可或缺的載體,得到了越來越多的開發(fā)者們的重視。人們對(duì)于互聯(lián)網(wǎng)的依賴性越來越大,通過網(wǎng)絡(luò)可以獲得更多的信息,數(shù)據(jù),體驗(yàn)。自從HTML5標(biāo)準(zhǔn)制定以來,以HTML5,CSS3,JavaScript為基礎(chǔ)的Web新技術(shù)層出不窮,開發(fā)者們?cè)诓粩嗟奶剿骶W(wǎng)頁內(nèi)容呈現(xiàn)形式的多樣性。視差滾動(dòng)(Parallax Scrolling)是一項(xiàng)概念性的技術(shù),是將視差產(chǎn)生的原理結(jié)合到網(wǎng)頁中開發(fā)出具有視差效果的網(wǎng)頁,并沒有具體的實(shí)現(xiàn)方式。它的應(yīng)用在國外較多,但并不成熟,而國內(nèi)還停留在起步階段。視差滾動(dòng)是目前最熱門的網(wǎng)頁開發(fā)新興技術(shù)之一,已經(jīng)開始越來越多地應(yīng)用在網(wǎng)頁開發(fā)當(dāng)中,它為網(wǎng)頁提供了全新的交互方式和用戶體驗(yàn)。視差滾動(dòng)不僅是Web技術(shù)上的創(chuàng)新,也是網(wǎng)頁交互上的創(chuàng)新。它用簡(jiǎn)單的層級(jí)關(guān)系實(shí)現(xiàn)了立體的效果,讓人耳目一新。通過視差滾動(dòng)可以看到開發(fā)者們?cè)噲D突破傳統(tǒng)網(wǎng)頁的種種限制,創(chuàng)造出更加多樣的表現(xiàn)形式。但這只是一個(gè)開始,開發(fā)者們必須要付出更多的努力去創(chuàng)建一個(gè)良好的Web生態(tài)系統(tǒng)。隨著國內(nèi)開發(fā)者對(duì)Web技術(shù)的重視,不僅僅是了解視差滾動(dòng)技術(shù)的核心算法,將技術(shù)框架化或插件化在新技術(shù)推廣上是很必要的。本文詳細(xì)介紹了HTML標(biāo)準(zhǔn)的發(fā)展過程,HTML5的出現(xiàn)和它在當(dāng)今網(wǎng)頁開發(fā)中的重要地位,從網(wǎng)頁開發(fā)的趨勢(shì)中發(fā)掘出視差滾動(dòng)的價(jià)值,并介紹了JavaScript框架技術(shù)與j Query框架。再對(duì)視差滾動(dòng)做了全面的分析和分類,給出每一類視差滾動(dòng)的算法原理。在此基礎(chǔ)上,更進(jìn)一步的研究視差滾動(dòng)技術(shù)在網(wǎng)頁立體化上的重要意義,嘗試以偽3D的設(shè)計(jì)思想構(gòu)建出一套解決方案。此外,分析了視差滾動(dòng)的缺點(diǎn)和視差滾動(dòng)的適用范圍。最后,通過JavaScript語言,用JavaScript框架技術(shù)和j Query框架技術(shù)將視差滾動(dòng)技術(shù)封裝成視差滾動(dòng)框架。說明了框架提供的的接口和功能,并介紹如何使用視差滾動(dòng)框架構(gòu)建網(wǎng)頁。本文建立了一套可以構(gòu)建視差滾動(dòng)網(wǎng)頁并且初步實(shí)現(xiàn)網(wǎng)頁立體化的解決方案,相比使用傳統(tǒng)的開發(fā)技術(shù),使用這套方案門檻更低,開發(fā)網(wǎng)頁也更加快捷。本文以視差滾動(dòng)技術(shù)作為主要研究對(duì)象,并將其作為網(wǎng)頁立體化的手段之一進(jìn)行了深入的分析和實(shí)現(xiàn)。本文建立了一個(gè)較為完整的框架,在目前網(wǎng)頁3D技術(shù)仍不成熟的情況下,為開發(fā)具有立體效果的網(wǎng)頁開辟了一條新的道路。
【關(guān)鍵詞】：網(wǎng)頁立體化 視差滾動(dòng) JavaScript框架 jQuery
【學(xué)位授予單位】：西安電子科技大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2015
【分類號(hào)】：TP311.52;TP393.092
【目錄】：

• 摘要5-6
• ABSTRACT6-10
• 符號(hào)對(duì)照表10-11
• 縮略語對(duì)照表11-14
• 第一章 緒論14-18
• 1.1 選題背景14-16
• 1.2 本文的結(jié)構(gòu)安排16-18
• 第二章 HTML相關(guān)技術(shù)及前端開發(fā)技術(shù)18-30
• 2.1 HTML相關(guān)技術(shù)18-21
• 2.1.1 XHTML 1.018
• 2.1.2 XHTML 2.018-19
• 2.1.3 HTML519-20
• 2.1.4 HTML5的現(xiàn)狀20-21
• 2.2 HTML5對(duì)互聯(lián)網(wǎng)行業(yè)的重要性21-24
• 2.2.1 HTML5的三大原理21-22
• 2.2.2 前端技術(shù)的發(fā)展對(duì)網(wǎng)頁設(shè)計(jì)的影響22-24
• 2.3 網(wǎng)頁交互方式的分析24-26
• 2.3.1 響應(yīng)式網(wǎng)頁設(shè)計(jì)25
• 2.3.2 扁平化設(shè)計(jì)25
• 2.3.3 視差滾動(dòng)設(shè)計(jì)25-26
• 2.4 JavaScript框架技術(shù)和jQuery26-28
• 2.4.1 JavaScript框架技術(shù)的發(fā)展26-27
• 2.4.2 jQuery框架27-28
• 2.5 本章小結(jié)28-30
• 第三章 視差滾動(dòng)框架的需求分析及研究30-40
• 3.1 視差滾動(dòng)框架的需求分析30-32
• 3.1.1 視差滾動(dòng)框架功能陳述30
• 3.1.2 需求建模30-31
• 3.1.3 過程建模31-32
• 3.2 視差滾動(dòng)技術(shù)的研究32-34
• 3.2.1 視差滾動(dòng)的現(xiàn)狀分析32-33
• 3.2.2 視差滾動(dòng)的含義33-34
• 3.3 視差滾動(dòng)實(shí)現(xiàn)的方式34-36
• 3.3.1 網(wǎng)頁層級(jí)的表現(xiàn)方式35
• 3.3.2 四種視差滾動(dòng)的關(guān)系35-36
• 3.4 視差滾動(dòng)的缺點(diǎn)36-38
• 3.4.1 視差滾動(dòng)對(duì)于性能的影響36-37
• 3.4.2 視差滾動(dòng)對(duì)于SEO的影響37
• 3.4.3 視差滾動(dòng)的其他缺點(diǎn)37-38
• 3.4.4 視差滾動(dòng)的適用范圍38
• 3.5 本章小結(jié)38-40
• 第四章 視差滾動(dòng)框架的設(shè)計(jì)與實(shí)現(xiàn)40-60
• 4.1 四種視差滾動(dòng)的算法分析40-49
• 4.1.1 基于網(wǎng)頁滾動(dòng)條和鼠標(biāo)滾輪的視差滾動(dòng)40-43
• 4.1.2 基于鼠標(biāo)移動(dòng)的視差滾動(dòng)43-45
• 4.1.3 移動(dòng)設(shè)備上的視差滾動(dòng)45-49
• 4.2 視差滾動(dòng)框架的詳細(xì)設(shè)計(jì)49-53
• 4.2.1 視差滾動(dòng)的功能擴(kuò)展50-52
• 4.2.2 基于視差滾動(dòng)的網(wǎng)頁立體化方案設(shè)計(jì)52-53
• 4.3 視差滾動(dòng)的框架實(shí)現(xiàn)53-56
• 4.3.1 定義部分53-54
• 4.3.2 擴(kuò)展部分54-56
• 4.3.3 基于jQuery的插件實(shí)現(xiàn)56
• 4.4 使用框架編寫視差滾動(dòng)網(wǎng)頁56-59
• 4.4.1 使用JavaScript編寫視差滾動(dòng)頁面56-58
• 4.4.2 使用jQuery編寫視差滾動(dòng)頁面58-59
• 4.5 本章小結(jié)59-60
• 第五章 總結(jié)與展望60-62
• 5.1 論文工作總結(jié)60
• 5.2 后續(xù)工作展望60-62
• 參考文獻(xiàn)62-64
• 致謝64-66
• 作者簡(jiǎn)介66
• 1. 基本情況66
• 2. 教育背景66

【相似文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 朱松巖;;網(wǎng)頁設(shè)計(jì)之特性分析[J];山東省農(nóng)業(yè)管理干部學(xué)院學(xué)報(bào);2009年03期

2 安琳;;國外網(wǎng)頁信息存檔項(xiàng)目及相關(guān)問題研究[J];圖書館建設(shè);2009年12期

3 蔣桂梅;;網(wǎng)頁設(shè)計(jì)的藝術(shù)性[J];電腦知識(shí)與技術(shù);2010年05期

4 龍正義;;網(wǎng)頁長(zhǎng)期保存的策略與方法研究[J];檔案管理;2010年03期

5 李志義;梁士金;;國內(nèi)網(wǎng)頁去重技術(shù)研究:現(xiàn)狀與總結(jié)[J];圖書情報(bào)工作;2011年07期

6 王爍;;美國網(wǎng)頁歸檔項(xiàng)目——Internet Archive發(fā)展研究[J];蘭臺(tái)世界;2012年17期

7 栗勇兵;韓平;董啟雄;;網(wǎng)頁信息自動(dòng)提取的設(shè)計(jì)與實(shí)現(xiàn)[J];計(jì)算機(jī)光盤軟件與應(yīng)用;2012年18期

8 何立波;周世波;;網(wǎng)頁設(shè)計(jì)中的藝術(shù)研究[J];考試周刊;2011年25期

9 秦永平;網(wǎng)頁信息共享技術(shù)[J];計(jì)算機(jī)應(yīng)用;2000年02期

10 項(xiàng)鎮(zhèn);網(wǎng)頁設(shè)計(jì)新概念[J];江西教育學(xué)院學(xué)報(bào)(自然科學(xué));2001年06期

中國重要會(huì)議論文全文數(shù)據(jù)庫 前10條

1 吳建軍;;談網(wǎng)頁設(shè)計(jì)的藝術(shù)性表現(xiàn)[A];經(jīng)天緯地——全國測(cè)繪科技信息網(wǎng)中南分網(wǎng)第十九次學(xué)術(shù)交流會(huì)優(yōu)秀論文選編[C];2005年

2 韓近強(qiáng);趙靜;楊冬青;唐世渭;姚小波;;基于領(lǐng)域知識(shí)的網(wǎng)頁篩選系統(tǒng)[A];第十九屆全國數(shù)據(jù)庫學(xué)術(shù)會(huì)議論文集（技術(shù)報(bào)告篇）[C];2002年

3 昝紅英;蘇玉梅;孫斌;俞士汶;;基于淺層分析的網(wǎng)頁相關(guān)度研究[A];語言計(jì)算與基于內(nèi)容的文本處理——全國第七屆計(jì)算語言學(xué)聯(lián)合學(xué)術(shù)會(huì)議論文集[C];2003年

4 孫靜;劉正捷;奚小玲;王慧;;幫助盲人理解網(wǎng)頁信息的一種網(wǎng)頁結(jié)構(gòu)劃分方法[A];第一屆建立和諧人機(jī)環(huán)境聯(lián)合學(xué)術(shù)會(huì)議（HHME2005）論文集[C];2005年

5 曹淮;晁丁丁;;3D元素在網(wǎng)頁信息傳達(dá)中的應(yīng)用研究[A];2006年中國機(jī)械工程學(xué)會(huì)年會(huì)暨中國工程院機(jī)械與運(yùn)載工程學(xué)部首屆年會(huì)論文集[C];2006年

6 唐超;劉辰;楊正球;;使用多層迭代分析和分類網(wǎng)頁文檔的方法[A];2007北京地區(qū)高校研究生學(xué)術(shù)交流會(huì)通信與信息技術(shù)會(huì)議論文集（上冊(cè)）[C];2008年

7 馬驍;王曉龍;王軒;卜永忠;;基于網(wǎng)頁信息結(jié)構(gòu)的網(wǎng)頁體裁聚類分析[A];第四屆全國信息檢索與內(nèi)容安全學(xué)術(shù)會(huì)議論文集（上）[C];2008年

8 羅陽;季鐸;張桂平;王瑩瑩;;面向單一網(wǎng)頁的雙語資源挖掘方法[A];第六屆全國信息檢索學(xué)術(shù)會(huì)議論文集[C];2010年

9 于滿泉;譚松波;許洪波;;網(wǎng)頁內(nèi)部結(jié)構(gòu)挖掘技術(shù)研究[A];NCIRCS2004第一屆全國信息檢索與內(nèi)容安全學(xué)術(shù)會(huì)議論文集[C];2004年

10 王宇;黃煒;肖艷芹;任建立;李天柱;;ORBASE用于基于內(nèi)容的Web查詢[A];第十七屆全國數(shù)據(jù)庫學(xué)術(shù)會(huì)議論文集（技術(shù)報(bào)告篇）[C];2000年

中國重要報(bào)紙全文數(shù)據(jù)庫 前10條

1 本報(bào)記者 曾居仁　通訊員 郝金榮;貴州“萬村千鄉(xiāng)”網(wǎng)頁工程開辟為農(nóng)服務(wù)新渠道[N];中國氣象報(bào);2012年

2 壯壯;批量保存網(wǎng)頁信息[N];電腦報(bào);2004年

3 羅震宇　嚴(yán)小斌;一種新型WEB開發(fā)技術(shù)的探討[N];中國冶金報(bào);2011年

4 錢鵬;網(wǎng)盡Web頁中的好東東[N];電腦報(bào);2004年

5 星之海洋;邁出網(wǎng)頁制作的第一步[N];電腦報(bào);2004年

6 河南 張金貴;FrontPage2000組件詳解（四）[N];電腦報(bào);2001年

7 楓爾;網(wǎng)站瀏覽提速的五大秘方[N];中國證券報(bào);2004年

8 飄零劍客;網(wǎng)絡(luò)監(jiān)控利器——AnyView[N];中國電腦教育報(bào);2004年

9 八戒;眨眼之間 答案立現(xiàn)[N];電腦報(bào);2013年

10 ;網(wǎng)絡(luò)應(yīng)用 天龍八“步” 申請(qǐng)上網(wǎng)賬號(hào)[N];電腦報(bào);2002年

中國博士學(xué)位論文全文數(shù)據(jù)庫 前10條

1 陳潔;基于概念融合的網(wǎng)頁篩選技術(shù)研究[D];北京郵電大學(xué);2013年

2 龔昌盛;基于語義標(biāo)注的網(wǎng)頁廣告加載模型研究[D];武漢大學(xué);2010年

3 孫建濤;Web挖掘中的降維和分類方法研究[D];清華大學(xué);2005年

4 黃華軍;網(wǎng)頁信息隱藏與隱秘信息檢測(cè)研究[D];湖南大學(xué);2007年

5 徐晴陽;基于關(guān)系子群發(fā)現(xiàn)算法的聚焦爬行技術(shù)[D];吉林大學(xué);2008年

6 曹魯慧;Web個(gè)人信息集成問題研究[D];山東大學(xué);2012年

7 劉馨月;Web挖掘中的鏈接分析與話題檢測(cè)研究[D];大連理工大學(xué);2012年

8 羅娜;基于本體的主題爬行技術(shù)研究[D];吉林大學(xué);2009年

9 張勇實(shí);基于鏈接相似性分析的WEB結(jié)構(gòu)挖掘方法研究[D];哈爾濱工程大學(xué);2012年

10 宗校軍;中文網(wǎng)頁定題采集及分類研究[D];華中科技大學(xué);2006年

中國碩士學(xué)位論文全文數(shù)據(jù)庫 前10條

1 敖志敏;基于網(wǎng)頁相似度的搜索算法改進(jìn)的研究[D];上海師范大學(xué);2015年

2 楊尋;地域文化的視覺元素在旅游網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[D];西南交通大學(xué);2015年

3 張W，

本文編號(hào)：555654