1、HTML5 创意应用第十二届齐鲁大学生软件设计大赛命题HTML5 创意应用HTML5 创意应用命题评审专家组山东建筑大学建筑信息化研究所联 系 方 式 ： HTML5 创 意 应 用 官 方 群 群 号 ： 121477983飞信群：齐鲁大学生软件大赛 HTML5 创意应用 群号：8 5138193（ 每 参 赛 队 限 两 人 加 入 ： 项 目 经 理 和 技 术 总 监 ）一、 项目介绍HTML 标准自 1999 年 12 月发布的 HTML4.01 后，后继的 HTML5 和其它标准被束之高阁，为了推动 Web 标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hyperte
2、xt Application Technology Working Group （Web 超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C（World Wide Web Consortium，万维网联盟） 专注于 XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。HTML5 草案的前身名为 Web Applications 1.0，于 2004 年被 WHATWG 提出，于2007 年被 W3C 接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于 2008 年 1 月 22 日公布
3、。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。2012 年 12 月 17 日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5 规范已经正式定稿。根据 W3C 的发言稿称：“HTML5 是开放的 Web 网络平台的奠基石。 ”2013 年 5 月 6 日， HTML 5.15正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML） 。在这个版本中，新功能不断推出，以帮助 Web 应用程序的作者，努力提高新元素互操作性。支持 Html5 的浏览器包括 Firefox（火狐浏览器） ，IE9 及其更
4、高版本，Chrome（谷歌浏览器） ，Safari，Opera 等；国内的傲游浏览器（ Maxthon） ，以及基于 IE 或Chromium（Chrome 的工程版或称实验版）所推出的 360 浏览器、搜狗浏览器、 QQ 浏览器、猎豹浏览器等国产浏览器同样具备支持 HTML5 的能力。摘自百度百科二、 项目要求采用 HTML5、CSS3、JavaScript、jQuery、AJAX 等技术，设计实现一种创意应用网站，可同时满足 PC 机和移动终端访问，具体内容不限，但要求有一定实用性，要求兼容流行的最新版的五大浏览器 IE，Chrome，Firefox ，Safari，Opera，界面美观大
5、方，交互友好。出题背景：大多数计算机专业对于后台程序设计比较重视，一般都有 JAVA、.NET 课程，但对于前台开发，课程设计往往比较弱，虽然也会讲一些 HTML、CSS 之类的知识，但往往离实际开发所要求的水平较远，对于一些新的前台开发技术了解不多，掌握更是不够深入，如 AJAX、jQuery、json、常用的前台框架（jQuery UI、EasyUI、ExtJS 、YUI、MooTools 等） 。希望同学们通过参加这个命题，能为企业培养出更多的前台程序设计师。HTML5 创意应用另外，HTML5 是未来十年热门的技术，但现在已经应用非常广泛，也希望通过这个命题能引起同学们对新兴技术的兴趣
6、。同时，也希望同学们结合实际应用，充分发挥自己的奇思妙想，充分利用 HTML5 中的新技术新特性，不要新瓶装旧酒，要做出新颖实用的优秀作品来。典型创意网站案例：1、百万格子网：英国一个名叫亚历克斯-图学生的大胆创意。从小就喜欢奇思怪想的亚历克斯- 图为了筹集自己的大学学费而又不想跟银行借贷款，于是在 2005 年的 8 月 26 日突发奇想，只用 10 分钟就建立了一个名叫百万首页的网站 ,然后将这个网站的首页平均分成 1 万份，每一份只是一个小小的格子，他宣称每个格子卖 100 美元，于是一个几乎是零成本的网页在经过亚历克斯- 图的创意后，总价值就变成了一个高达百万美元的网页。2、世纪佳缘交
7、友网由北京大学文学学士、复旦大学媒介经营管理硕士龚海燕研二期间创办。龚海燕属龙，故网名小龙女，自幼家境清贫，好学上进，曾经因家贫和车祸而辍学打工三年，后重返高中校园，23 岁时以县文科状元成绩被北京大学中国语言文学系录取。本科毕业后被保送至复旦大学新闻学院读研，方向为媒介经营管理。研二时经过深刻的市场调查，创办世纪佳缘交友网站，欲为天下单身谋幸福。05 年 7 月获得复旦大学优秀毕业生之荣誉，毕业后放弃诱惑，将全部精力投入于世纪佳缘之幸福事业。3、创意设计 HTML5 元素周期表 http:/ 作品提交规范1、每个参赛队的作品必须以光盘形式上交，光盘内需包含以下内容：在根目录下建立四个文件夹，
8、分别命名为“作品” 、 “源程序” 、 “文档”和“演示” ，必要时自己根据情况建立二级文件夹并清晰命名。1)将作品的发布版及数据库备份文件放入“作品”文件夹中，还要将作品在网上发布，并确保提供在提交作品后直至评审完毕都能任意访问的正确网址。2)将作品的源程序放入“源程序 ”文件夹中；3)将完整的技术文档、管理文档和系统说明文档（必备软件安装和使用说明书）都放到“文档”文件夹中。注意在文件中应逐条详细说明体现作品设计特色的功能；2、每个队的作品一式三份，即刻录三张光盘上交。光盘上做必要不可擦除的标识以防混乱，如“作品名” 、 “学校” 、 “组长姓名” 、 “小组名称”等；3、请将光盘放在档案
9、袋内，档案袋上贴以下标签。 （请将下表填好后粘贴在档案袋外部）参赛题目 HTML5 创意应用 作品网址 http:/参赛学校作品名称HTML5 创意应用团队名称 队长姓名队长手机 队长邮箱 队长 QQ注意：联系方式要与网上报名完全一致，而且要确保在参赛时间内能保持联系，否则因无法影响参赛和评审的，责任自负！四、 作品上交时间：请关注大赛网站通知 及 QQ 群通知五、 评比方式1、 提交的材料完整、齐全、可读性好。如果所提交的文档不完整，仍可以参加评比，但要适当扣分。2、 评比首先要看程序是否能正常运行，即运行中出现的错误不能使程序退出、陷入死循环或造成死机。如果出现上述情况，可以重新运行，但
10、总尝试次数不能超过三次。3、 作品展示效果占比分的 20%，功能及创意为 80%。在正常运行基础上，以功能评比为主，在功能相近的情况下，考察程序的其他特色，重点看创意，以鼓励学生创新性思维。首先考察程序是否包含指定的基本功能，其次考察程序的其它创意功能和创意设计。若某项功能运行不正常，算做无此功能，不影响其他功能评比。4、 作品要求至少要兼容 Google Chrome、Firefox 浏览器。5、 经过演示、报告、答辩后，给出参赛成绩。六、 参赛注意事项 多 关 注 大 赛 网 站 http:/ 多 关 注 大 赛 论 坛 加 入 本 命 题 QQ 群 加 入 相 关 专 业 开 发 群 参
11、 加 巡 回 报 告 会 ， 与 命 题 老 师 和 往 届 获 奖 学 生 面 对 面 交 流 参 加 暑 期 训 练 营 ， 与 命 题 老 师 和 其 他 参 赛 同 学 直 接 深 入 交 流 多 与 往 届 获 奖 选 手 交 流 ， 知 道 一 等 奖 应 该 具 备 什 么 水 平 ， 是 如 何 炼 就 的 主 动 与 指 导 老 师 交 流HTML5 创意应用 组 建 一 支 最 有 战 斗 力 最 合 适 的 团 队 与 相 关 专 业 结 合 多 买 些 专 业 书 籍 看 多 上 网 看 一 些 高 水 平 论 文 多 上 网 查 询 一 些 相 关 资 料 认 真 审 题 ， 分 析 得 分 点 注 意 细 节 ， 细 节 决 定 成 败 注 意 参 赛 的 各 个 时 间 点 和 参 赛 的 所 有 信 息七、 参考资料1. W3SCHOOLEB/OL. http:/. http:/ HMTL5 移动 Web 开发指南M. 电子工业出版社:唐俊开, 2012.3. HTML5 中文网. http:/ HTML5 中国EB/OL. http:/www.html5cn.org/.5.jQueryEB/OL. http:/ UIEB/OL. http:/
