≪Web前端开发之网页设计》课程教学单元设计
教学单元2HTM1基础
授课教师：    授课班级：    学时：12
教学条件
预装Web前端开发工具HBUikIer等的计算机；局域网环境；教学广播软件
教学索材
教材、教学文档、教学课件、案例项目库、教学平台等
教学目标设计
知识目标：
(1)HTM1基本概念
(2)HTM1文档的基本结构
(3)HTM1标签与元素
(4)文本类标签的使用
(5)图片及路径的使用
(6)超链接的使用
(7)列表的使用
(8)表格的使用
(9)表单的使用
(10)容器与框架的使用
能力目标：
(1)了解HTM1的基本概念。
(2)掌握HTM1常用标签的用法。
⑶能够使用文本类标签对HTM1文档中的文字排版设计。
(4)能够使用img标签加载图片。
⑸能够使用超链接标签实现跳转。
(6)能够使用列表标签定义列表。
⑺能够使用表格展示数据。
(8)能够使用表单控件设计表单。
⑼能够使用器与框架标签进行网页布局设计。
教学内容
(1)HTM1基本概念，HTM1文
(2)HTM1标签与元素，HTM1
(3)文本类标签的使用。
(4)图片标签的使用。
(5)超链接的使用。
(6)列表标签的使用。
⑺表格标签的使用。
(8)表单标签及表单控件的使用
⑼容器与框架标签的使用。
档的基本结构。属性
O
重点,
⑴文字排版设计。
(2)插入图片。
(3)超链接的使用。
(4)表格设计。
⑸表单设计。
(6)DIV的使用。
难点：
(1)转义字符的含义。
⑵相对路径与绝对路劲。
⑶锚点超链接。
⑷单元格的合并。
(5)表单控件的使用。
(6)DIV标签划分页面。
教学过程设计
任务2-1：了解HTM1(2学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
什么是HTM1?
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识讲解
(1)HTM1的发展史
(2)HTM1文档的基本结构
(3)HTM1标签与元素
(4)HTM1属性
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范
操作
操作1：创建HTM1文档。
操作2：HTM1标签属性的使用。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战训练
实战1：创建HTM1文档，设置head、bodyO
实战2：设置标签通用属性、专用属性、自定义属性值。
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估
讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
(4)记载学生实战认为完成的考核结果。
html网页设计的标题
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂总结
(1)归纳总结HTM1文档的基本构成。⑵归纳总结HTM1标签的语法格式。(3)归纳总结HTM1标签属性的使用。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
2.1在线练习
作业练习
在线练习平台
老师：布置作业提出要求
学生：完成作业
任务2-2：掌握文本类标签的用法(2学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
HTM1文档中文本排版设计
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识
讲解
(1)标题标签。
⑵段落标签。
⑶换行标签。
(4)水平线
⑸文本格式化标签
(6)转义字符
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范操作
操作1：使用文本标签排版设计。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战训练
实战1
实战2
实战3实战4
实战5
使用标题标签定义标题。
使用段落与换行标签分段。
创建水平线。
格式化文本
插入转义字符
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
(4)记载学生实战认为完成的考核结果。
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂总结
⑴归纳总结文本排版方法。
(2)归纳总结文本格式化标签的作用。
⑶归纳总结常用转义字符的含义。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
2.2在线练习
作业练习
在线练习平台
老师：布置作业提出要求学生：完成作业
任务2-3：掌握图片、路径、超链接的用法(2学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
HTM1中插入图片和链接
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识
讲解
(1)图片标签。
⑵相对路径与绝对路径。
(3)超链接。
(4)锚点
⑸图片超链接
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范操作
操作1：绝对路径插入图片。
操作2：相对路径插入图片。
操作3：超链接使用
操作4：锚点超链接使用。
操作4：图片超链接。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战
训练
实战1：HTM1文档中插入图片。
实战2：同一页面锚点超链接。
实战3：不同页面锚点超链接。
实战4：图片超链接。
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
(4)记载学生实战认为完成的考核结果。
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂总结
⑴相对路径与绝对路径的使用。
(2)锚点的使用。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
2.3、2.4在线练习
作业练习
在线练习平台
老师：布置作业提出要求学生：完成作业

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。