400-888-5228

课程介绍:

HTML5 是目前最为流行的前端网页构建技术,提供了广泛而丰富的 API为制作内容丰富的网页提供了良丰富的技术支撑,艾威Avtechcn(中国)HTML5与移动网页开发培训课程将结合移动网页开发特点,介绍如何使用 HTML5 这些丰富的 API 来实现移动互联网时代的网页开发与设计。

 

学习前提:

  HTML 基础知识
  CSS 基础知识
  JavaScript 基础知识

课程目标:

  掌握 HTML5 的新技术特性
  掌握 CSS3 新技术特性
  掌握移动网页开发的主要技术特点

课程时长:

2天

目标学员:

希望使用 HTML5 构建网页的前端开发人员

 

课程大纲:

  1. 新的页面组织标记:
  2. HTML5 中从应用角度出发提供了许多新的网页标记,专门用于定位各种网页内容,本节课程我们将介
  3. 绍这些新标记,并说明如何使用这些新标记来组织你自己的文档结构
  4. 智能表单设计:
  5. 数据提交从来都是 web 应用设计中的重要部分,而其中的数据格式验证等功能需要脚本的辅助,HTML5
  6. 为了解决这一问题提供了一些新的表单样式工具,为开发者开发更智能的表单输入提供了良好支持,本
  7. 节课程着重于介绍如何制作这样一个智能表单
  8. 引入多媒体对象:
  9. 在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利,从 HTML5 开始,HTML 标记中也可以
  10. 引入多媒体音频和视频,如何应用这些新标记让自己的网页内容更丰富呢,本节课程将带大家制作一个
  11. 简单的多媒体应用,来分享这一特性
  12. Canvas 对象你的画布:
  13. 网页中直接绘制图表也曾经是控件垄断的天下,各种图报表的绘制曾经困扰着广大开发者,现在 HTML5
  14. 中引入了原生的图形绘制工具,可以让你在 HTML 代码中直接绘制图表,本节课程将介绍如何使用这一
  15. 功能
  16. 扩展图形标记
  17. 本节课程介绍一些新的图形绘制方式和对象,帮助开发者更好的绘制自己的图形应用
  18. HTML5 中的地理应用
  19. LBS(Location Based Service)是基于位置的服务缩写,LBS 应用目前已经成为了移动互联网时代的新兴
  20. 的最重要应用。HTML5 中提供了对 LBS 的天然支持,可以让用户方便的开发出基于地理位置的网页应
  21. 用。本节课程介绍如何使用这一特性
  22. 独立数据存储
  23. Web 应用中也需要在用户端存储一些数据,从 HTML5 开始,这个存储功能不再仅限于存储一些简单的
  24. 文本信息,HTML5 提供了丰富的存储功能,开发者可以把更复杂的数据类型保存在用户端,本节课程将
  25. 要以一个实例来介绍如何在用户端存储用户数据
  26. 新的网络连接技术
  27. Web 应用中经常需要做一些异步交互,此次 HTML5 中专门提供了用于在后台取回数据的连接对象,本
  28. 节课程介绍如何使用这一连接对象进行工作
  29. Web Workers
  30. Web 开发中经常需要大量的交互式脚本,其中一些脚本耗时费力,影响响应时间,降低用户体验,为了
  31. 解决这一问题 HTML5 提供了一个独立线程,专门用于在后台运行各种脚本,大大提高了用户响应,这
  32. 就是本节课程介绍的 Web Worker 技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开
  33. 发具有良好性能的 Web 应用提供帮助。
  34. CSS3 技术
  35. CSS3 概述
  36. CSS 简史
  37. CSS3 新特点
  38. CSS 基础简述
  39. 盒子模型
  40. float 排版
  41. position 定位
  42. 固定宽度且居中的布局
  43. 实例:一键换肤
  44. CSS3 媒体支持
  45. 处理不同屏幕的排版
  46. 实例:ipad 横竖屏
  47. CSS3 透明度
  48. 不同浏览器的兼容问题
  49. 块透明与文字透明
  50. 外引字体
  51. 字体的重要性
  52. 中文字体的困惑
  53. 实例:裁剪字体(sp)