摘 要
在当今社会，相册影像已成为人们生活和工作中日以追求的物质和精神需求，婚纱影像、儿童写真、个人写真、聚会等等，它可以记录人生的美好时光，这些都需要应用相册来制作成为影像。
随着互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。在各种应用不断的趋于更加网络话的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种准，互联网开发居于此）。HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化，也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的客户端。所以此时研究HTML5，并且大胆的实践有着重要的意义。
HTML5技术是目前最新的互联网应用技术，它给使用者带来全新操作体验的同时，也改变着整个互联网未来的发展方向。现阶段对于HTML技术的研究和开发工作主要集中在技术草案的确立与新互联网应用的开发上。 本文使用HTML5和CSS3提供的前台展示能力制作出了漂亮的幻灯片相册程序，结合时下流行的Asp.Net做后台支持，实现了个人幻灯片相册的B/S结构的应用。
【关键词】HTML5 CSS3 Asp.Net 幻灯片相册
- I -
ABSTRACT
In today's society, album image has become Japanese people live and work in pursuit of the material and spiritual needs, wedding video, children photo, personal photo, gatherings, etc., it can record life's good times, these need to be applied to produce albums become images.
With the continuous development of Internet technology and computer
performance continues to increase, users enjoy the way the Internet began to change, more and more applications can be opened directly in the browser's use of the data is stored in the cloud, more secure reliable, user-share data. In a variety of applications tends to be more constant, then the network at the same time, a new technology standard also will produce, and that is HTML5 (HTML is a markup language is a quasi, Internet development living in this). HTML5 is the decade Web (Internet) Standard greatest leap, and previous versions, HTML5 is not just used to represent Web content, its mission is to bring a mature Web application platform, on this platform, video, audio, images and animations, as well as interaction with the computer are standardized, ie HTML5 is through open technologies and standards to achieve a free plug-mode client. So in this case study HTML5, and bold practice of great significance.
HTML5 technology is the latest Internet technology, to bring users new operating experience of colleagues, but also changing the future direction of development of the entire Internet. HTML5 technology at this stage of research and development work is mainly concentrated in the establishment and development of new Internet applications on the draft technical.
Using HTML5 and CSS3 front display capability to produce beautiful slide Albums procedures, combined with the the popular ASP.NET backing support, personal slideshow album B / S structure of the application.
【Key words】HTML5 CSS3 Asp.Net Slideshow Album
- II -
目 录
前 言......................................................................................................................... 1 第一章 HTML5幻灯片相册概述 ............................................................................ 2 第一节 研究内容................................................................................................... 2 第二节 研究意义................................................................................................... 2 第三节 研究现状和发展趋势............................................................................... 2 第二章 HTML5相关技术及简介 ............................................................................ 4 第一节 HTML5发展历史及趋势 ........................................................................ 4 第二节 HTML部分新特性 .................................................................................. 4 一、HTML5新API ........................................................................................... 4 二、HTML5的优点 .......................................................................................... 5 第三节 JavaScript及jQuery简介 ........................................................................ 6 一、JavaScript .................................................................................................... 6 二、jQuery ......................................................................................................... 6 第四节 CSS3简介 ................................................................................................ 8 一、布局............................................................................................................. 9 二、特性：......................................................................................................... 9 三、边框：......................................................................................................... 9 四、文字效果：............................................................................................... 10 五、颜色：....................................................................................................... 10 六、用户界面：............................................................................................... 10 七、选择器：................................................................................................... 10 八、影响：....................................................................................................... 11 第三章 开发运行环境及配置................................................................................. 12 第一节 开发工具................................................................................................. 12 一、Microsoft Visual Studio 2010外观和行为 .............................................. 12 二、帮助您快速浏览代码的工具................................................................... 12 三、代码生成和文本模板............................................................................... 13 第二节 运行环境................................................................................................. 13 一、Chrome 浏览器 ........................................................................................ 13 二、Sql Server 2008 R2 ................................................................................... 13
- III -
第四章 开发实例与设计......................................................................................... 15 第一节 幻灯片相册需求分析............................................................................. 15 一、需求分析................................................................................................... 15 二、总体需求................................................................................................... 15 三、功能需求................................................................................................... 15 四、网站概要设计........................................................................................... 17 第五章 开发与实现................................................................................................. 21 第一节 详细设计与实现..................................................................................... 21 一、分类管理................................................................................................... 21 二、文件管理................................................................................................... 29 三.、客服端...................................................................................................... 32 四、登陆页面................................................................................................... 44 结论........................................................................................................................... 45
- IV -
前 言
随着社会的不断发展，计算机已经逐渐普及，几乎渗入到人们生活中的每一个角落，人们的日常生活已经越来越离不开计算机了。计算机软件的发展更是日新月异，现在好多人喜欢把自己的照片或是一些美丽的图片制作成相册，以动画的方式浏览。网络上各种各样的相册层出不穷，本文将介绍基于HTML5和CSS3的幻灯片相册的设计与实现。
HTML5是近十年来Web标准最巨大的飞跃，和以前的版本有所不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。HTML5中加入了各类新的元素和功能，同时也考虑到了非健全人士使用互联网时可能带来的问题。所以，研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇。
- 1 -