首页  思维导图  详情



 



HTML5基础开发教程

2020-03-05 11:07:53   0  举报





AI智能生成

HTML5基础开发教程

HTML5

html

HTML5基础

前端开发

读书笔记

模板推荐

作者其他创作

大纲/内容

7 HTML5的数据存储

7.1 为什么需要数据存储

7.2 Web Storage

7.2.1 Web Storage与Cookie的比较

7.2.2 Web Storage的两种存储方式

7.2.3 localStorage的多数据操作

7.3 Web SQL数据库

7.3.1 创建数据库

7.3.2 Web SQL的增删改查

7.4 上机实践——注册与登录

7.4.1 实践目的

7.4.2 设计思路

7.4.3 实现过程

7.4.4 演示效果

小结

习题

8 HTML5离线应用及地理位置应用

8.1 离线应用

8.1.1 离线应用的工作原理

8.1.2 管理本地缓存

8.1.3 applicationCache检测及更新缓存

8.1.4 检测在线状态

8.2 地理位置应用

8.2.1 Geolocation的工作原理

8.2.2 获取当前地理位置

8.2.3 监视地理位置信息

8.2.4 停止获取当前地理位置信息

8.3 上机实践——在搜狗地图中定位

8.3.1 实践目的

8.3.2 设计思路

8.3.3 实现过程

8.3.4 演示效果

小结

习题

9 CSS3入门与基础

9.1 CSS3是什么

9.2 CSS3的一个简单应用

9.3 CSS3的常用选择器

9.3.1 为什么要使用选择器

9.3.2 属性选择器

9.3.3 类选择器

9.3.4 伪类选择器

9.4 控制页面样式

9.4.1 控制圆角边框样式

9.4.2 控制背景样式

9.4.3 控制颜色样式

9.4.4 控制页面布局

9.5 上机实践——购物车结算界面

9.5.1 实践目的

9.5.2 设计思路

9.5.3 实现过程

9.5.4 显示效果

小结

习题

10 CSS3高级应用

10.1 在页面中插入内容

10.1.1 插入文字

10.1.2 插入图像

10.1.3 插入项目编号

10.2 文字样式控制

10.2.1 为文字增加阴影效果

10.2.2 设置单词及网址自动换行

10.2.3 使用服务器端字体

10.3 元素变形处理

10.3.1 缩放效果

10.3.2 旋转效果

10.3.3 移动效果

10.3.4 倾斜效果

10.4 样式过渡

10.5 更为复杂的样式过渡

10.6 上机实践——个性留言板

10.6.1 实践目的

10.6.2 设计思路

10.6.3 实现过程

10.6.4 显示效果

小结

习题

11 综合案例

11.1 马里奥大逃亡游戏

11.1.1 游戏介绍

11.1.2 需求分析

11.1.3 详细设计

11.1.4 游戏效果

11.2 欧美风格企业网站

11.2.1 需求分析

11.2.2 概要设计

11.2.3 详细设计

11.2.4 网站效果

1 初识HTML5

1.1 HTML发展史

1.2 为什么要学习HTML5

1.3 HTML5的开发环境

1.4 浏览器对HTML5支持性检测

小结

习题

2 HTML5——全新的HTML

2.1 新的语法结构

2.2 新的页面架构

2.3 元素的改变

2.3.1 新增的元素

2.3.2 停止使用的元素

2.4 属性的改变

2.4.1 新增的属性

2.4.2 停止使用的属性

2.4.3 全局属性

小结

习题

3 HTML5的表单

3.1 新的input输入类型及属性

3.1.1 新的input输入类型

3.1.2 新的input公用属性

3.2 表单的验证方式

3.2.1 自动验证方式

3.2.2 调用checkValidity()方法实现验证

3.2.3 自定义提示信息

3.2.4 设置不验证

3.3 上机实践——设计注册页面

3.3.1 实践目的

3.3.2 设计思路

3.3.3 实现过程

3.3.4 演示效果

小结

习题

4 HTML5的多媒体

4.1 HTML5的多媒体元素

4.2 多媒体元素的属性

4.2.1 autoplay属性

4.2.2 controls属性

4.2.3 error属性

4.2.4 poster属性

4.2.5 networkState属性

4.2.6 width与height属性

4.2.7 readyState属性

4.2.8 其他属性

4.3 多媒体元素的方法

4.3.1 多媒体支持性检测方法

4.3.2 多媒体播放方法

4.4 多媒体元素的事件

4.4.1 事件捕捉方法

4.4.2 支持的事件类型

4.4.3 播放事件的应用

4.5 上机实践——DIY视频播放器

4.5.1 实践目的

4.5.2 设计思路

4.5.3 实现过程

4.5.4 演示效果

小结

习题

5 HTML5的图像及动画

5.1 了解canvas元素

5.1.1 canvas的用法

5.1.2 一个简单的canvas画图实例

5.2 使用路径画图

5.2.1 理解canvas的坐标系

5.2.2 使用moveTo、lineTo画线

5.2.3 使用arc方法画弧

5.2.4 绘制贝塞尔图形

5.3 图形操作

5.3.1 图形样式设置

5.3.2 画渐变图形

5.3.3 图形坐标变换

5.3.4 图形组合处理

5.3.5 图形阴影

5.4 图像操作

5.4.1 画图像

5.4.2 图像平铺

5.4.3 图像剪裁

5.4.4 像素处理

5.5 canvas其他操作

5.5.1 绘制文字

5.5.2 保存、恢复图形

5.6 制作动画

5.7 上机实践——绘制时钟

5.7.1 实践目的

5.7.2 设计思路

5.7.3 实现过程

5.7.4 演示效果

小结

习题

6 HTML5的元素拖曳

6.1 拖曳曾经的解决方案

6.2 HTML5中拖曳的实现

6.3 dataTransfer对象

6.4 文件拖曳操作

6.5 上机实践——拖曳式点菜界面

6.5.1 实践目的

6.5.2 设计思路

6.5.3 实现过程

6.5.4 演示效果

小结

习题

 Collect

Get Started

HTML基础

 Collect

Get Started

HTML5开发技能图谱

 Collect

Get Started

Html5

 Collect

Get Started

Html5





0 条评论

下一页