响应式企业网站设计与实现论文

《响应式企业网站设计与实现论文》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、响应式企业网站设计与实现毕业论文目录第一章绪论61.1本课题研究的背景和目的61.2国内外HTML5响应式企业网站建设的状况71.3本章小结7第二章前端开发及相关技术72.1 HTML5前端开发环境82.2 HTML5前端开发工具82.3 HTML5前端开发相关技术82.3.1 javascript简介82.3.2 javascript基本特点92.3.3 css简介92.3.4 jQuery102.4 本章小结10第三章前端布局分析与设计103.1 前端总体开发流程与设计103.1.1 分层开发103.1.2 代码编写113.1.3 内部测试与后续优化113.2 前端UI

2、设计113.2.1 模块分布113.2.2 颜色配置123.2.3 css元素123.3 交互设计与UI143.4 网站结构布局与设计143.5.1  网站首页结构1423.5.2  主题鲜明，富有特色143.5 网站前台页面设计143.5.1 首页153.5.2 其余子页面153.7 本章小结15第四章主要功能的实现154.1 界面设计154.2 具体设计文档154.3 前台新闻文摘显示164.3.1 网站装饰风格164.3.2 网站的链接结构164.4 可视化设计164.5 具体实现技术164.5.1 css在“写意集团响应式企业官网”中的应用实例164.6 本章小结1

3、8第五章总结18致谢18参考文献192响应式企业网站设计与实现第一章绪论1.1本课题研究的背景和目的如今的互联网已经渗透到了我们生活的每一个层面，网站的内容越来越丰富全面，各大浏览器商也在竞相的开发各种各样的新的功能，供开发者进行开发构建出更好的用户体验，以此来满足各种不同需求的浏览者。随机计算机的这些技术的飞速生长，手机的上网率高于传统PC，而在手机端上，传统网站又难以做到兼容所有的设备尺寸，越来越多的商家的传统门户官网已经不能满足用户的体验，各大商家大企业都开始重构新的HTML5响应式网站，以求将自己的产品信息和企业动态，更直接的展示给用户，并且通过丰富的交互去优化与用

4、户沟通的过程。目前很多的企业已经建立起了自己的响应式官网。这些网站的建立使得企业可以突破传统的PC媒介，在移动网络上开辟属于自己的新天地。用户能在手机上，随时随地就能看到企业的最新动态，可以更好的利用用户的碎片时间去关注企业，网络之所以为网，也正是因为他具有超时空性。人们无论在哪都应该可以进行访问，体验空间层面上带来的开放性。整个官网设置多个板块与分页面，分别放置相关内容，不同板块的信息相互独立。交互上更多是体验在CSS3的新属性带给用户的新体验，用户在与官网进行交互的方式更加丰富与精彩了。与传统官网相比，响应式网站不外乎也是企业介绍，新闻发布，产品介绍一类等。为何还要花时

5、间精力和人力去建立和维护网站呢？是正如上面所说：内容更加多姿多彩，板块，内容更加丰富，而且能够相应不同屏幕大小，在这个用手机多过PC的时代，能更好更快地将第一手信息送到用户手上。这些都促成了各个企业组织新的信息化建设，构建专业，易于维护和管理的网站。我们要构建专门的企业响应式官网，网站前端开发最基本的还是3个技能：html;css;Javascript,也用到其他部分工具，如PS图片处理工具，新的HTML5，css3；javascript的工具集jQuery。这些都是开发中最基本的技能。前端开发的过程中，页面的布局将会用HTML元素进行定义和布局，css对布局元素进行元素的

6、定位和画面效果的渲染，然后再通过javascript实现相对应的网站效果和优化用户交互体验。1.2国内外HTML5响应式企业网站建设的状况1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。(数据来源：国际科技媒体ReadWriteWeb，2015)2、浏览量最高的1000个H5作品中，42%是心灵鸡汤，最高17,358,480uv;27%是测试题，最高49,940,339uv;15%是社交互动游戏，最高2,892,047uv;5%是大型品牌宣传，最高551,

7、195uv。(数据来源：在线h5工具平台ih5.cn，2015.9)3、谷歌浏览器于9月1日起不再自动播放Flash。74响应式企业网站设计与实现亚马逊宣布旗下网络(包括Amazon.com门户在内)的所有广告将不再使用Flash。在可预见的未来，Flash广告将被HTML5广告所替代。4、朋友圈广告上线，据传起投20万，CPM40元。详情外链的H5页面可以用微信提供的模板，也可以自行定制。以上的信息反映了H5在内容营销的应用潜力。出于好奇，笔者又调研了国内外的几个社交平台。目前支持H5分享的平台：国内的微信、微博