摘  要：随着互联网技术的高速发展，不同形式的HTML5技术不断涌现出来，基于HTML5的页面推广技术也不断发展，场景应用便是这一发展潮流下的产物，通过场景应用来推广产品，可以达到范围广，效率高的效果。而智能家居从九十年代进入市场后，不断扩大其团队，在未来的需求也不断增大。目前智能家居和广大房地产合作，在市场上的推广并没有多大的效果，将智能家居与场景应用相结合，可以突破这一局面实现市场的发展。

本文主要阐述了基于HTML5的智能家居的场景应用设计。主要使用的HTML5、CSS、JavaScript以及Jquery语言来构建整体页面和功能模块。选用了Dreamweaver CS6和TXT来编辑和修改程序，通过Photoshop cs5来编辑主要的图片，包括每个页面的背景图片，功能显示图片等。整体页面内容包括音乐开关，视频介绍，地址显示以及分享功能等部分。本设计在这些软件或平台的基础上搭建基础框架，最后添加功能标签，完成整体的设计内容，实现页面展示。

关键词： 互联网；HTML5；场景应用；智能家居

ABSTRACT：With the rapid development of Internet technology, different forms of HTML5 technology continue to emerge, based on HTML5 page promotion technology is also evolving, the scene application is the product of this trend, through the scene application to promote the product, can reach a wide range , The effect of high efficiency. The smart home from the nineties into the market, continue to expand its team, in the future demand is also increasing. At present, smart home and the vast number of real estate cooperation in the market promotion and not much effect, the combination of smart home and scene applications, you can break through this situation to achieve market development.

This paper mainly elaborates the application design of scene based on HTML5 intelligent home. Mainly used HTML5, CSS, JavaScript and Jquery language to build the overall page and function modules. Use Dreamweaver CS6 and TXT to edit and modify the program, through Photoshop cs5 to edit the main picture, including the background of each page picture, function display pictures. The overall page content includes music switch, video introduction, address display and sharing function and other parts. The design of these software or platform based on the basic framework, and finally add functional tags, complete the overall design content, to achieve page display.

Key words: internet; HTML5; scene application; smart room

目  录

第一章  绪论 1

1.1研究的背景 1

1.2 研究的意义 1

1.3国内外研究现状 2

第二章  关键技术介绍 3

2.1Java Script介绍 3

2.2HTML5介绍 3

2.2.1HTML5由来 3

2.2.2HTML5的特性 4

2.2.3HTML5的优点 5

2.3CSS3介绍 6

2.4本章小结 6

第三章  模块结构介绍 7

3.1模块内容 7

3.2开发语言和开发工具 8

3.2 本章小结 8

第四章  模块整体设计 9

4.1音乐开关设计 9

4.2 相簿功能设计 10

4.3 视频功能模块设计 12

4.4 地址显示及朋友圈分享功能设计 13

4.5本章小结 15

结束语 16

致  谢 17

参考文献 18

附录: 19

附录A：主要程序 19

第一章  绪论

1.1研究的背景

互联网技术的高速发展不断改变着人们的生存和发展的模式。虽然第三次工业从20世纪的四五十年代一直到现在，持续了七十几年的时间，电子计算机的技术也已经在目前的生活、工作及研究中得到了充分的开发和应用。但是，互联网技术对现在的生活的更新步伐并没有减慢，反而不断加速而且在领域上更加广泛，层次也更加深入。科技所带来的机器“智慧”引导这人类未来社会的发展和变革。

智能家居便是现代科技所带来的机器“智慧”，也是如今最受关注的未来城市中的重要的一个环节。其实，智能家居的概念从很早之前就有了，但一直没有具体的案例出来，直到1984年第一幢智能建筑CityPlaceBuilding在美国康涅狄格州哈特佛市正式建成，智能家居的序幕也由此正式被揭开，智能家居也正式以实体的形式向世人展示其魅力。国外第一个使用智能家居的家庭是比尔盖茨的家，至今已经有三十多年的历史了，这也使得智能家居所特有的便捷的功能及高效率的管控等特性进一步展示在消费者的面前。随着这些技术的不断发展，国内市场中的智能设备也在不断发展。智能家居在二十世纪九十年代末进入国内市场，但这些设备都来自于进口，国内并没有直接生产，直到21世纪初期，国内的研发生产企业才开始慢慢成立，到了2014年以后，越来越多的智能家居厂商不断的加入到这一潮流中，也让外界意识到智能家居的未来不可逆转。