HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)-首页

复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
5-17
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部 门
软件与信息学院
课程名称
前端设计与开发
编号
1
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课 □实验课 □体育课 □习题课 □实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT23幅 □有其他电子文件
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
4-11、4-12
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
65分钟
10分钟
1、引言
1）简述CSS的引用方法
2）简述基本选择器
3）简述复合选择器
2、CSS基础
1）选择器
伪类和伪元素选择器
2）CSS的继承特性
3）CSS的层叠特性
4）CSS常用单位
5）CSS书写和命名规范
3、小结
重点：伪类和伪元素选择器、CSS的继承特性、CSS的层叠特性
难点:伪类和伪元素选择器、CSS的继承特性、CSS的层叠特性
4、小结
引入新课程
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
课后练习题
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
理解、掌握CSS盒子模型
理解、掌握盒子之间的关系
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
15分钟
65分钟
10分钟
1、引言
1）简述伪类和伪元素选择器
2）简述CSS的继承特性
3）简述CSS的层叠特性
2、CSS页面布局及排版
1）CSS盒子模型
盒子模型的概念
边框
内容
内边距
外边距
2）盒子之间的关系
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
2-13
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
无
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
8
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
课程名称
前端设计与开发
编号
3
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT23幅 □有其他电子文件
题目（教学章、节或主题）
第二章HTML语言
教学目的要求：
熟悉HTML常用标记
时间
授课内容提要
1）表单标记
表单分组标记
分组标题标记
按钮标记
绑定标记
输出标记
生成秘钥对标记
3、小结
重点：分组标题标记、按钮标记、生成秘钥对标记
难点:生成秘钥对标记
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
3-2
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
7
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
9
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT98幅□有其他电子文件
题目（教学章、节或主题）
第五章 CSS页面布局及排版
教学目的要求：
投影仪
传奇软件
网络
讨论、思考题、作业：
2-19
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院课程ຫໍສະໝຸດ 称前端设计与开发编号
4
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
表格标记
浮动框架标记
多媒体标记
交互标记
3、小结
重点：表格标记、浮动框架标记、多媒体标记、交互标记
难点:表格标记、交互标记
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
2-21
部门领导意见：
教研室主任签章：2021年 8 月 31 日
题目（教学章、节或主题）
第一章网页设计理论
第二章HTML语言
教学目的要求：
了解网页的来源和本质、网页的组成元素、网页的尺寸、网页的布局、网页的色彩、网站建设需求分析、网页设计流程
了解HTML特点、HTML语法、HTML文档结构
时 间
授 课 内 容 提 要
（标注重点、难点）
教 师 活 动
学 生 活 动
（标注重点、难点）
教师活动
学生活动
使用资源
10分钟
65分钟
15分钟
1、复习
2、引言
1）简述文本标记
2）简述图像标记
3）简述超链接标记
4）简述列表标记
3、小结
重点：图像标记
难点:列表标记
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
电脑
2）简述盒子在标准流中的定位
3）简述盒子的浮动与定位
2、CSS页面布局及排版
1）盒子之间的关系
z-index空间位置
盒子的display属性
2）CSS页面布局
宽度固定且居中版式
“工”字型版式
3、小结
重点：z-index空间位置、盒子的display属性、宽度固定且居中版式、“工”字型版式
难点:z-index空间位置、盒子的display属性
题目（教学章、节或主题）
第三章HTML5表单
教学目的要求：
掌握动态网页与网页的动态效果原理
掌握表单设计基础知识
掌握表达标记
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
15分钟
65分钟
10分钟
1、引言
1）简述表格标记
2）简述浮动框架标记
3）简述多媒体标记
4）简述交互标记
2、HTML5表单
1）动态网页与网页的动态效果
2）表单设计基础
3）表单标记
表单标记
输入标记
下拉列表框标记
多行文本框标记
3、小结
重点：表单标记、输入标记、下拉列表框标记、多行文本框标记
难点:表单标记、输入标记
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
上机操作完成任务
部门
软件与信息学院
课程名称
前端设计与开发
编号
2
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT23幅 □有其他电子文件
题目（教学章、节或主题）
第二章HTML语言
教学目的要求：
熟悉HTML常用标记
教案篇幅
√打印稿1页 □手写稿__页
√PPT41幅□有其他电子文件
题目（教学章、节或主题）
第四章CSS基础
教学目的要求：
了解CSS概念
了解CSS的基本语法
熟悉选择器
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
15分钟
65分钟
10分钟
1、引言
1）简述分组标题标记
2）简述按钮标记
3）简述生成秘钥对标记
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT41幅□有其他电子文件
题目（教学章、节或主题）
第四章CSS基础
教学目的要求：
熟悉选择器
了解CSS的继承特性
了解CSS的层叠特性、
了解CSS常用单位
了解CSS书写和命名规范
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
15分钟
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
10分钟
65分钟
15分钟
1、引言
1）HTML语法
2）HTML文档结构
2、HTML语言
1）熟悉HTML常用标记
文本标记
图像标记
超链接标记
列表标记
分节标记
3、小结
重点：文本标记、图像标记、超链接标记、列表标记
难点:文本标记、超链接标记
复习上次课程重点内容
上机操作完成任务
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
5-5
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
10
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT44幅□有其他电子文件
题目（教学章、节或主题）
第三章HTML5表单
教学目的要求：
掌握表单标记
演练综合实例
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
10分钟
65分钟
15分钟
1、引言
1）简述表单标记
2）简述输入标记
2、HTML5表单
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT98幅□有其他电子文件
题目（教学章、节或主题）
第五章 CSS页面布局及排版
教学目的要求：
掌握盒子之间的关系
掌握CSS页面布局
时间
授课内容提要
（标注重点、难点）
教师活动
学生活动
使用资源
15分钟
65分钟
10分钟
1、引言
1）简述内边距、外边距的关系
电脑
投影仪
传奇软件
网络
讨论、思考题、作业：
3-1
部门领导意见：
教研室主任签章：2021年 8 月 31 日
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
6
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
标准文档流
div元素和span元素
盒子在标准流中的定位
盒子的浮动与定位
3、小结
重点：内边距、外边距、标准文档流、盒子在标准流中的定位、盒子的浮动与定位
难点:内边距、外边距、盒子在标准流中的定位、盒子的浮动与定位
复习上次课程重点内容
讲授新课内容
授课过程中穿插提问
辅导学生上机操作实践
认真听讲并思考
思考并回答问题
XXXX职业技术学院教案首页
编号：JX/GC7.1-01-JL03
教师姓名
张老师
部门
软件与信息学院
课程名称
前端设计与开发
编号
5
适用班级
-班级编号-
课时安排
2学时
教学课型：√理论课□实验课□体育课□习题课□实训课□实践环境课
教案介质
√纸质√电子
教案篇幅
√打印稿1页 □手写稿__页
√PPT23幅 □有其他电子文件
2、CSS基础
1）CSS概念
2）CSS的基本语法
CSS规则
CSS的引用方法
CSS注释
3）选择器
基本选择器
复合选择器
4、小结
重点：CSS的引用方法、基本选择器、复合选择器
难点:抽象数据类型、算法的性能分析