《HTML5网页前端设计》的教与学

2022-12-17 0 739

提议先把音频看完

《HTML5网页前端设计》的教与学

《HTML5网页前端设计》的教与学

HTML5页面后端结构设计(零此基础56课时版)

本教学计划适用于于零此基础进阶自学,适用于于不曾自学过WEB后端结构设计的后置专业课程的年级。可以间接采用本教科书顺利完成Web页面后端结构设计的此基础进阶和先期HTML5控制技术的自学。本教科书相互配合以《HTML5页面后端结构设计两栖作战》做为试验特殊教育教科书。

内容

段落

自学最终目标

理论课时

上机课时

提议

此基础知识篇

1-4章)

1 绪论

HTML5进阶介绍

2

0

2 HTML5此基础

HTML5基本结构

HTML5保留的常用标签

HTML5新增的常用标签

2

2

上机试验:

开发第一个Web页面

采用HTML5新增标签丰富页面内容

3 CSS此基础

CSS样式表

CSS选择器

CSS常用样式

CSS定位

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第1章:

1. 导航栏菜单的结构设计与实现

2. 商务风格表格的结构设计与实现

4 JavaScript此基础

JavaScript变量、基本数据类型

JavaScript对象类型

JavaScript运算符

JavaScript 条件语句和循环语句

JavaScript函数

JavaScript DOMBOM

6

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第2章:

1. 电子时钟的结构设计与实现

2. 电子日历的结构设计与实现

重点篇

5-10章)

5 HTML5 拖放API

掌握HTML5元素拖放功能

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第3章:

1. 仿回收站效果的结构设计与实现

2. 图片相框展示的结构设计与实现

6 HTML5 表单API

HTML表单此基础

HTML5表单新增输入类型

HTML5表单新增元素标签

HTML5表单新增属性

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第4章:

1. 用户注册页面的结构设计与实现

2. 问卷调查页面的结构设计与实现

7 HTML5 画布API

HTML5画布创建

绘制路径、矩形、图片和文本

颜色和样式设置

保存与恢复控制技术

变形与剪裁

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第5章:

1. 手绘时钟的结构设计与实现

2. 拼图游戏的结构设计与实现

8 HTML5 媒体API

HTML5音频的应用

HTML5视频的应用

HTML5媒体API的其他通用功能

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第6章:

1. 音乐播放器的结构设计与实现

2. 在线教学音频的结构设计与实现

9 HTML5 地理定位API

经纬度坐标

HTML5

HTML5实时更新定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第7章:

1. 运动数据记录的结构设计与实现

2. 运动轨迹记录的结构设计与实现

10 HTML5 Web存储API

localStoragesessionStorage存储

存储、读取数据、数据遍历

删除指定数据、清空所有数据

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第8章:

1. 页面主题设置的结构设计与实现

2. 页面日志本的结构设计与实现

提高篇

11章)

11 CSS3控制技术

CSS3边框和背景效果

CSS3文本和字体效果

CSS3变形与动画效果

CSS3多列

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第9章:

1. 特殊字体效果的结构设计与实现

2. 动画放大菜单的结构设计与实现

总计

36

20

HTML5页面后端结构设计(零此基础64课时版)

本教学计划适用于于零此基础进阶自学,适用于于不曾自学过WEB后端结构设计的后置专业课程的年级。能直接采用本教科书顺利完成Web页面后端结构设计的此基础进阶和先期HTML5控制技术的自学。本教科书相互配合以《HTML5页面后端结构设计两栖作战》做为试验特殊教育教科书。

内容

段落

自学最终目标

理论课时

上机课时

提议

此基础知识篇

1-4章)

1 绪论

HTML5进阶介绍

2

0

2 HTML5此基础

HTML5基本结构

HTML5保留的常用标签

HTML5新增的常用标签

2

2

上机试验:

开发第一个Web页面

采用HTML5新增标签丰富页面内容

3 CSS此基础

CSS样式表

CSS选择器

CSS常用样式

CSS定位

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第1章:

1. 导航栏菜单的结构设计与实现

2. 商务风格表格的结构设计与实现

4 JavaScript此基础

JavaScript变量、基本数据类型

JavaScript对象类型

JavaScript运算符

JavaScript 条件语句和循环语句

JavaScript函数

JavaScript DOMBOM

6

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第2章:

1. 电子时钟的结构设计与实现

2. 电子日历的结构设计与实现

重点篇

5-10章)

5 HTML5 拖放API

掌握HTML5元素拖放功能

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第3章:

1. 仿回收站效果的结构设计与实现

2. 图片相框展示的结构设计与实现

6 HTML5 表单API

HTML表单此基础

HTML5表单新增输入类型

HTML5表单新增元素标签

HTML5表单新增属性

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第4章:

1. 用户注册页面的结构设计与实现

2. 问卷调查页面的结构设计与实现

7 HTML5 画布API

HTML5画布创建

绘制路径、矩形、图片和文本

颜色和样式设置

保存与恢复控制技术

变形与剪裁

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第5章:

1. 手绘时钟的结构设计与实现

2. 拼图游戏的结构设计与实现

8 HTML5 媒体API

HTML5音频的应用

HTML5音频的应用

HTML5媒体API的其他通用功能

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第6章:

1. 音乐播放器的结构设计与实现

2. 在线教学音频的结构设计与实现

9 HTML5 地理定位API

经纬度坐标

HTML5

HTML5实时更新定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第7章:

1. 运动数据记录的结构设计与实现

2. 运动轨迹记录的结构设计与实现

10 HTML5 Web存储API

localStoragesessionStorage存储

存储、读取数据、数据遍历

删除指定数据、清空所有数据

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第8章:

1. 页面主题设置的结构设计与实现

2.页面日志本的结构设计与实现

提高篇

11章)

11 CSS3控制技术

CSS3边框和背景效果

CSS3文本和字体效果

CSS3变形与动画效果

CSS3多列

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第9章:

1. 特殊字体效果的结构设计与实现

2. 动画放大菜单的结构设计与实现

综合篇

综合应用结构设计实例

通过对完整项目实例的解析与实现,提高开发者项目分析能力以及强化对于HTML5CSS3JavaScript的综合应用能力

4

4

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第10章:

1. 贪吃蛇游戏的结构设计与实现

2. Web网站的结构设计与实现

总计

40

24

HTML5页面后端结构设计(有Web此基础56课时版)

本教学计划适用于于自学过WEB后端结构设计的后置专业课程的年级(包括HTMLCSSJavaScript控制技术)。能采用本教科书顺利完成先期HTML5CSS3控制技术的自学。本教科书相互配合以《HTML5页面后端结构设计两栖作战》做为试验特殊教育教科书。

内容

段落

自学最终目标

理论课时

上机课时

提议

此基础知识篇

1-4章)

1 绪论

HTML5进阶介绍

2

0

2 HTML5此基础

HTML5基本结构

HTML5保留的常用标签

HTML5新增的常用标签

2

2

上机试验:

开发第一个Web页面

采用HTML5新增标签丰富页面内容

3 CSS此基础

(根据后置专业课程内容选讲)

CSS样式表

CSS选择器

CSS常用样式

CSS定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第1章:

1. 导航栏菜单的结构设计与实现

2. 商务风格表格的结构设计与实现

4 JavaScript此基础

(根据后置专业课程内容选讲)

JavaScript变量、基本数据类型

JavaScript对象类型

JavaScript运算符

JavaScript条件语句和循环语句

JavaScript函数

JavaScript DOMBOM

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第2章:

1. 电子时钟的结构设计与实现

2. 电子日历的结构设计与实现

重点篇

5-10章)

5 HTML5 拖放API

掌握HTML5元素拖放功能

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第3章:

1. 仿回收站效果的结构设计与实现

2. 图片相框展示的结构设计与实现

6 HTML5 表单API

HTML表单此基础

HTML5表单新增输入类型

HTML5表单新增元素标签

HTML5表单新增属性

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第4章:

1. 用户注册页面的结构设计与实现

2. 问卷调查页面的结构设计与实现

7 HTML5 画布API

HTML5画布创建

绘制路径、矩形、图片和文本

颜色和样式设置

保存与恢复控制技术

变形与剪裁

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第5章:

1. 手绘时钟的结构设计与实现

2. 拼图游戏的结构设计与实现

8 HTML5 媒体API

HTML5音频的应用

HTML5音频的应用

HTML5媒体API的其他通用功能

4

2

上机试验(任选其一):

HTML5页面后端设计两栖作战》第6章:

1. 音乐播放器的结构设计与实现

2. 在线教学音频的结构设计与实现

9 HTML5 地理定位API

经纬度坐标

HTML5

HTML5实时更新定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第7章:

1. 运动数据记录的结构设计与实现

2. 运动轨迹记录的结构设计与实现

10 HTML5 Web存储API

localStoragesessionStorage存储

存储、读取数据、数据遍历

删除指定数据、清空所有数据

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第8章:

1. 页面主题设置的结构设计与实现

2. 页面日志本的结构设计与实现

提高篇

11章)

11 CSS3控制技术

CSS3边框和背景效果

CSS3文本和字体效果

CSS3变形与动画效果

CSS3多列

6

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第9章:

1. 特殊字体效果的结构设计与实现

2. 动画放大菜单的结构设计与实现

总计

36

20

HTML5页面后端结构设计(有Web此基础64课时版)

本教学计划适用于于自学过WEB后端结构设计的后置专业课程的年级(包括HTMLCSSJavaScript控制技术)。能采用本教科书顺利完成先期HTML5CSS3控制技术的自学。本教科书相互配合以《HTML5页面后端结构设计两栖作战》做为试验特殊教育教科书。

内容

段落

自学最终目标

理论课时

上机课时

提议

此基础知识篇

1-4章)

1 绪论

HTML5进阶介绍

2

0

2 HTML5此基础

HTML5基本结构

HTML5保留的常用标签

HTML5新增的常用标签

2

2

上机试验:

开发第一个Web页面

采用HTML5新增标签丰富页面内容

3 CSS此基础

(根据后置专业课程内容选讲)

CSS样式表

CSS选择器

CSS常用样式

CSS定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第1章:

1. 导航栏菜单的结构设计与实现

2. 商务风格表格的结构设计与实现

4 JavaScript此基础

(根据后置专业课程内容选讲)

JavaScript变量、基本数据类型

JavaScript对象类型

JavaScript运算符

JavaScript 条件语句和循环语句

JavaScript函数

JavaScript DOMBOM

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第2章:

1. 电子时钟的结构设计与实现

2. 电子日历的结构设计与实现

重点篇

5-10章)

5 HTML5 拖放API

掌握HTML5元素拖放功能

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第3章:

1. 仿回收站效果的结构设计与实现

2. 图片相框展示的结构设计与实现

6 HTML5 表单API

HTML表单此基础

HTML5表单新增输入类型

HTML5表单新增元素标签

HTML5表单新增属性

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第4章:

1. 用户注册页面的结构设计与实现

2. 问卷调查页面的结构设计与实现

7 HTML5 画布API

HTML5画布创建

绘制路径、矩形、图片和文本

颜色和样式设置

保存与恢复控制技术

变形与剪裁

4

2

上机实验(任选其一):

HTML5页面后端结构设计两栖作战》第5章:

1. 手绘时钟的结构设计与实现

2. 拼图游戏的结构设计与实现

8 HTML5 媒体API

HTML5音频的应用

HTML5音频的应用

HTML5媒体API的其他通用功能

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第6章:

1. 音乐播放器的结构设计与实现

2. 在线教学音频的结构设计与实现

9 HTML5 地理定位API

经纬度坐标

HTML5

HTML5实时更新定位

2

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第7章:

1. 运动数据记录的结构设计与实现

2. 运动轨迹记录的结构设计与实现

10 HTML5 Web存储API

localStoragesessionStorage存储

存储、读取数据、数据遍历

删除指定数据、清空所有数据

4

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第8章:

1. 页面主题设置的结构设计与实现

2. 页面日志本的结构设计与实现

提高篇

11章)

11 CSS3控制技术

CSS3边框和背景效果

CSS3文本和字体效果

CSS3变形与动画效果

CSS3多列

6

2

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第9章:

1. 特殊字体效果的结构设计与实现

2. 动画放大菜单的结构设计与实现

综合篇

综合应用结构设计实例

通过对完整项目实例的解析与实现,提高开发者项目分析能力以及强化对于HTML5CSS3JavaScript的综合应用能力

4

4

上机试验(任选其一):

HTML5页面后端结构设计两栖作战》第10章:

1. 贪吃蛇游戏的结构设计与实现

2. Web网站的结构设计与实现

总计

40

24

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务