使用 HTML5 构建应用布局和页面 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程首先介绍手机 HTML5 开发的基本准则,然后以实战讲解的形式制作一个包括应用布局、列表元素的构建及点击事件处理等基本操作的原型页面。

    1.HTML5 在移动开发中的准则 00:08:38

    本课时介绍移动HTML5开发的基本原则,包括页面组织、前端UI、特效及长度单位等。

    2.页面基本布局构成 00:07:40

    本课时首先介绍基本布局方法,然后通过实例开发演示应用的基本布局编写。

    3.构建详细的内容列表 00:07:07

    本课时讲解如何构建移动应用的详细内容列表,每个列表项包含图片、文字及描述等信息。

    4.实现手机点击事件 00:07:36

    本课时介绍如何基于 touchstart、touchend 和 touchmove 三个基础事件实现点击事件。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

使用 HTML5 构建应用布局和页面

4课时,31分钟2015-05-06
liuhann
liuhann

极客学院签约布道师

课程背景:
相比较页面 HTML5 技术,手机 HTML5 开发有一些特定的准则,这和移动设备的多样性有很大关系。通过本课程学习,大家能够着手开发自己的 HTML5 手机应用,并对手机开发有更深入的认识。


核心内容:
1.HTML5 在移动开发中的准则
2.页面基本布局构成
3.构建详细内容列表
4.实现 HTML5 点击事件


软件环境:Windows XP 以上的 Windows 系统


是否提供资料:


课程等级:中级


适合人群:
对 HTML 开发有初步了解,了解 jQuery 框架使用的学员

  • 技术问答
  • 1

    HTML5 在移动开发中的准则

    08:38

    本课时介绍移动HTML5开发的基本原则,包括页面组织、前端UI、特效及长度单位等。

  • 2

    页面基本布局构成

    07:40

    本课时首先介绍基本布局方法,然后通过实例开发演示应用的基本布局编写。

  • 3

    构建详细的内容列表

    07:07

    本课时讲解如何构建移动应用的详细内容列表,每个列表项包含图片、文字及描述等信息。

  • 4

    实现手机点击事件

    07:36

    本课时介绍如何基于 touchstart、touchend 和 touchmove 三个基础事件实现点击事件。

相关课程

  • Cordova 入门和基础

    本课程主要讲解 Cordova 入门和基础,内容包括 Cordova 环境的安装,Cordova 开发环境 ADT 的搭建和基础操作,Cordova 的原理和基础概念,Cordova 的事件和插件,HTML5 App 的基本概念和原则,以帮助学员对 HTML5 手机开发有一个初步了解。

    4课时 28分钟
    中级
    30067人学习
  • HTML5 表单新增元素与属性

    本套课程主要讲解 HTML5 表单新增元素与属性,包含 form、formaction、formmethod、formenctype、formtarget、autofocus、labels 元素。让学员掌握表单中的一些具体的改变。

    4课时 26分钟
    初级
    30595人学习
  • HTML5 改良的 input 元素的种类

    本套课程详细介绍了 HTML5 中大幅度的增加与改良input元素的种类,包含 url、tel、email、datetime、time、number 类型等,以及 output 元素的追加和表单的验证。

    3课时 25分钟
    初级
    24915人学习
  • HTML5 新增的的非主体结构元素

    本套课程主要讲解 HTML5 新增的非主体结构元素,包含 header 元素、footer 元素、hgroup 元素和address 元素。让学员掌握HTML5中的非主体结构元素的使用。

    3课时 17分钟
    初级
    31614人学习