基于HTML5 CSS3的相册设计与实现 (3)

只剩骄傲 分享 2020-06-28 下载文档

论........................................................................................................................... 45 前言

随着社会的不断发展,计算机已经逐渐普及,几乎渗入到人们生活中的每一个角落,人们的日常生活已经越来越离不开计算机了。计算机软件的发展更是日新月异,现在好多人喜欢把自己的照片或是一些美丽的图片制作成相册,以动画的方式浏览。网络上各种各样的相册层出不穷,本文将介绍基于HTML5和CSS3的幻灯片相册的设计与实现。

HTML5是近十年来Web标准最巨大的飞跃,和以前的版本有所不同,HTML5并非仅仅用来表示Web内容,它的使命是将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像和动画,以及同电脑的交互都被标准化。HTML5中加入了各类新的元素和功能,同时也考虑到了非健全人士使用互联网时可能带来的问题。所以,研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇。

第一章 HTML5幻灯片相册概述

第一节研究内容

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。

第二节研究意义

利用HTML5和CSS3实现一个幻灯片相册的应用,以此来学习这个最新的Web技术,以适应潮流的发展,让用户感受HTML带来的全新体验。

第三节研究现状和发展趋势

国内市场支持HTML5标准的浏览器已经从2010年的不到2%发展到2012年超过三成的比例,2013年这一比例将

有望突破70%。越来越多PC浏览器开始重视并且支持HTML5发展的同时,HTML5也越来越受到移动互联网的重视。

许多大网站开始采用HTML5页面,例如淘宝,京东等,足以见得HTML5发展之快。

相对于 PC 平台而言,移动平台一直是开发者更为关心的,因为移动平台浏览器品种较少,版本也普遍集中在最新正式版。同时,由于移动设备的更新换代速度要比 PC 更快,硬件支持和浏览器的状况都要比 PC平台的状况更好。移动平台上主流的 5 款浏览器(iOS Safari 6.0、Android Browser 4.1、Opera Mobile 12.1、Chrome for Android 18.0、Firefox for Android 15.0),目前对标准的支持度均高于 60%。其中表现居首的是 Chrome for Android,而支持度相对较低的 Android 系统自带的浏览器 Android Browser 对 HTML5 的支持度也在 60%以上。

此外,硬件加速促进了HTML5标准的发展和应用。在使用 HTML5 开发时,开发者经常会谈到的一个问题就是性能。使用 HTML5 动画、Canvas、WebGL究竟能否带来更好的用户体验,与其实际性能密不可分。目前国内外主流浏览器均支持硬件加速,这对 HTML5 的发展无疑是个好消息。可以支持硬件加速的浏览器版本有:

Chrome 18+、Firefox 4+、IE 9+、Safari 5.1+、Opera 12+。国内的有360 安全浏览器、搜狗浏览器以及QQ 浏览器。手机系统情况也比较乐观,主流的智能手机系统iOS、Android 以及 Windows Phone 上的原生浏览器都已经支持硬件加速。Android 4.0+上的 Chrome在硬件加速方面更是超越了原生浏览器的表现。

2012 年 12 月 17日,W3C 发布了 HTML5 以及 Canvas 2D 两个标准的完全定义版本,标志着 HTML5 的标准已经在趋向稳定。在2013年,支持 HTML5 的 PC 浏览器将会有一个较大的增长。除Chrome、Firefox 之外,微软推出的 IE9、IE10 对HTML5 的支持度都大幅提升,相信 HTML5 大面积使用只是时间问题。此外,移动平台的HTML5比PC平台发展得更快。由于移动设备的更新换代速度远远超过PC,而且硬件性能也能够完全支持HTML5。

第二章 HTML5相关技术及简介 第一节 HTML5发展历史及趋势

HTML5是HTML下的一个主要修订版本,现在仍处于发展阶段。目标是取代1999年所订定的HTML 4.01和XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义论及HTML5

时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet

application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。HTML5草案的前身名为Web

Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,在2010年9月正式向公众推荐。HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及同电脑的交互都被标准化。目前Firefox(火狐浏览器),IE9及其更高版本,Chrome,Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

第二节 HTML部分新特性

一、HTML5新API


基于HTML5 CSS3的相册设计与实现 (3).doc 将本文的Word文档下载到电脑

下一篇:东北大学17秋学期《数控机床与编程》在线作业3答案

相关推荐
相关阅读
本类排行
× 游客快捷下载通道(下载后可以自由复制和排版)

下载本文档需要支付 7

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:xxxxxx QQ:xxxxxx