基于视差滚动的网页立体化研究及框架设计

发布时间：2017-07-18 02:28

  本文关键词：基于视差滚动的网页立体化研究及框架设计

  更多相关文章： 网页立体化 视差滚动 JavaScript框架 jQuery

【摘要】：在过去的二十年里,Web技术的发展一日千里。网页作为互联网重要的组成部分,传递信息不可或缺的载体,得到了越来越多的开发者们的重视。人们对于互联网的依赖性越来越大,通过网络可以获得更多的信息,数据,体验。自从HTML5标准制定以来,以HTML5,CSS3,JavaScript为基础的Web新技术层出不穷,开发者们在不断的探索网页内容呈现形式的多样性。视差滚动(Parallax Scrolling)是一项概念性的技术,是将视差产生的原理结合到网页中开发出具有视差效果的网页,并没有具体的实现方式。它的应用在国外较多,但并不成熟,而国内还停留在起步阶段。视差滚动是目前最热门的网页开发新兴技术之一,已经开始越来越多地应用在网页开发当中,它为网页提供了全新的交互方式和用户体验。视差滚动不仅是Web技术上的创新,也是网页交互上的创新。它用简单的层级关系实现了立体的效果,让人耳目一新。通过视差滚动可以看到开发者们试图突破传统网页的种种限制,创造出更加多样的表现形式。但这只是一个开始,开发者们必须要付出更多的努力去创建一个良好的Web生态系统。随着国内开发者对Web技术的重视,不仅仅是了解视差滚动技术的核心算法,将技术框架化或插件化在新技术推广上是很必要的。本文详细介绍了HTML标准的发展过程,HTML5的出现和它在当今网页开发中的重要地位,从网页开发的趋势中发掘出视差滚动的价值,并介绍了JavaScript框架技术与j Query框架。再对视差滚动做了全面的分析和分类,给出每一类视差滚动的算法原理。在此基础上,更进一步的研究视差滚动技术在网页立体化上的重要意义,尝试以伪3D的设计思想构建出一套解决方案。此外,分析了视差滚动的缺点和视差滚动的适用范围。最后,通过JavaScript语言,用JavaScript框架技术和j Query框架技术将视差滚动技术封装成视差滚动框架。说明了框架提供的的接口和功能,并介绍如何使用视差滚动框架构建网页。本文建立了一套可以构建视差滚动网页并且初步实现网页立体化的解决方案,相比使用传统的开发技术,使用这套方案门槛更低,开发网页也更加快捷。本文以视差滚动技术作为主要研究对象,并将其作为网页立体化的手段之一进行了深入的分析和实现。本文建立了一个较为完整的框架,在目前网页3D技术仍不成熟的情况下,为开发具有立体效果的网页开辟了一条新的道路。
【关键词】：网页立体化 视差滚动 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相关技术及前端开发技术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的现状20-21
• 2.2 HTML5对互联网行业的重要性21-24
• 2.2.1 HTML5的三大原理21-22
• 2.2.2 前端技术的发展对网页设计的影响22-24
• 2.3 网页交互方式的分析24-26
• 2.3.1 响应式网页设计25
• 2.3.2 扁平化设计25
• 2.3.3 视差滚动设计25-26
• 2.4 JavaScript框架技术和jQuery26-28
• 2.4.1 JavaScript框架技术的发展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 视差滚动的现状分析32-33
• 3.2.2 视差滚动的含义33-34
• 3.3 视差滚动实现的方式34-36
• 3.3.1 网页层级的表现方式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
• 第四章 视差滚动框架的设计与实现40-60
• 4.1 四种视差滚动的算法分析40-49
• 4.1.1 基于网页滚动条和鼠标滚轮的视差滚动40-43
• 4.1.2 基于鼠标移动的视差滚动43-45
• 4.1.3 移动设备上的视差滚动45-49
• 4.2 视差滚动框架的详细设计49-53
• 4.2.1 视差滚动的功能扩展50-52
• 4.2.2 基于视差滚动的网页立体化方案设计52-53
• 4.3 视差滚动的框架实现53-56
• 4.3.1 定义部分53-54
• 4.3.2 扩展部分54-56
• 4.3.3 基于jQuery的插件实现56
• 4.4 使用框架编写视差滚动网页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 后续工作展望60-62
• 参考文献62-64
• 致谢64-66
• 作者简介66
• 1. 基本情况66
• 2. 教育背景66

【相似文献】

中国期刊全文数据库 前10条

1 朱松岩;;网页设计之特性分析[J];山东省农业管理干部学院学报;2009年03期

2 安琳;;国外网页信息存档项目及相关问题研究[J];图书馆建设;2009年12期

3 蒋桂梅;;网页设计的艺术性[J];电脑知识与技术;2010年05期

4 龙正义;;网页长期保存的策略与方法研究[J];档案管理;2010年03期

5 李志义;梁士金;;国内网页去重技术研究:现状与总结[J];图书情报工作;2011年07期

6 王烁;;美国网页归档项目——Internet Archive发展研究[J];兰台世界;2012年17期

7 栗勇兵;韩平;董启雄;;网页信息自动提取的设计与实现[J];计算机光盘软件与应用;2012年18期

8 何立波;周世波;;网页设计中的艺术研究[J];考试周刊;2011年25期

9 秦永平;网页信息共享技术[J];计算机应用;2000年02期

10 项镇;网页设计新概念[J];江西教育学院学报(自然科学);2001年06期

中国重要会议论文全文数据库 前10条

1 吴建军;;谈网页设计的艺术性表现[A];经天纬地——全国测绘科技信息网中南分网第十九次学术交流会优秀论文选编[C];2005年

2 韩近强;赵静;杨冬青;唐世渭;姚小波;;基于领域知识的网页筛选系统[A];第十九届全国数据库学术会议论文集（技术报告篇）[C];2002年

3 昝红英;苏玉梅;孙斌;俞士汶;;基于浅层分析的网页相关度研究[A];语言计算与基于内容的文本处理——全国第七届计算语言学联合学术会议论文集[C];2003年

4 孙静;刘正捷;奚小玲;王慧;;帮助盲人理解网页信息的一种网页结构划分方法[A];第一届建立和谐人机环境联合学术会议（HHME2005）论文集[C];2005年

5 曹淮;晁丁丁;;3D元素在网页信息传达中的应用研究[A];2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C];2006年

6 唐超;刘辰;杨正球;;使用多层迭代分析和分类网页文档的方法[A];2007北京地区高校研究生学术交流会通信与信息技术会议论文集（上册）[C];2008年

7 马骁;王晓龙;王轩;卜永忠;;基于网页信息结构的网页体裁聚类分析[A];第四届全国信息检索与内容安全学术会议论文集（上）[C];2008年

8 罗阳;季铎;张桂平;王莹莹;;面向单一网页的双语资源挖掘方法[A];第六届全国信息检索学术会议论文集[C];2010年

9 于满泉;谭松波;许洪波;;网页内部结构挖掘技术研究[A];NCIRCS2004第一届全国信息检索与内容安全学术会议论文集[C];2004年

10 王宇;黄炜;肖艳芹;任建立;李天柱;;ORBASE用于基于内容的Web查询[A];第十七届全国数据库学术会议论文集（技术报告篇）[C];2000年

中国重要报纸全文数据库 前10条

1 本报记者 曾居仁　通讯员 郝金荣;贵州“万村千乡”网页工程开辟为农服务新渠道[N];中国气象报;2012年

2 壮壮;批量保存网页信息[N];电脑报;2004年

3 罗震宇　严小斌;一种新型WEB开发技术的探讨[N];中国冶金报;2011年

4 钱鹏;网尽Web页中的好东东[N];电脑报;2004年

5 星之海洋;迈出网页制作的第一步[N];电脑报;2004年

6 河南 张金贵;FrontPage2000组件详解（四）[N];电脑报;2001年

7 枫尔;网站浏览提速的五大秘方[N];中国证券报;2004年

8 飘零剑客;网络监控利器——AnyView[N];中国电脑教育报;2004年

9 八戒;眨眼之间 答案立现[N];电脑报;2013年

10 ;网络应用 天龙八“步” 申请上网账号[N];电脑报;2002年

中国博士学位论文全文数据库 前10条

1 陈洁;基于概念融合的网页筛选技术研究[D];北京邮电大学;2013年

2 龚昌盛;基于语义标注的网页广告加载模型研究[D];武汉大学;2010年

3 孙建涛;Web挖掘中的降维和分类方法研究[D];清华大学;2005年

4 黄华军;网页信息隐藏与隐秘信息检测研究[D];湖南大学;2007年

5 徐晴阳;基于关系子群发现算法的聚焦爬行技术[D];吉林大学;2008年

6 曹鲁慧;Web个人信息集成问题研究[D];山东大学;2012年

7 刘馨月;Web挖掘中的链接分析与话题检测研究[D];大连理工大学;2012年

8 罗娜;基于本体的主题爬行技术研究[D];吉林大学;2009年

9 张勇实;基于链接相似性分析的WEB结构挖掘方法研究[D];哈尔滨工程大学;2012年

10 宗校军;中文网页定题采集及分类研究[D];华中科技大学;2006年

中国硕士学位论文全文数据库 前10条

1 敖志敏;基于网页相似度的搜索算法改进的研究[D];上海师范大学;2015年

2 杨寻;地域文化的视觉元素在旅游网页设计中的应用研究[D];西南交通大学;2015年

3 张W，

本文编号：555654