本文關鍵詞：基于視差滾動的網(wǎng)頁立體化研究及框架設計

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

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

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

【相似文獻】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10 ;網(wǎng)絡應用 天龍八“步” 申請上網(wǎng)賬號[N];電腦報;2002年

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

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

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

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

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

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

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

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

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

9 張勇實;基于鏈接相似性分析的WEB結構挖掘方法研究[D];哈爾濱工程大學;2012年

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

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

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

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

3 張W，

本文編號：555654