单元2 HTML基础-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

《Web前端开发之网页设计》课程教学单元设计 教学单元2 HTML基础 授课教师： 授课班级: 学时：12 教学条件 预装Web前端开发工具HBuilder等的计算机；局域网环境；教学广播软件 教学素材 教材、教学文档、教学课件、案例项目库、教学平台等 教学目标设计 知识目标： (1) HTML基本概念 (2) HTML文档的基本结构 (3) HTML标签与元素 (4) 文本类标签的使用 (5) 图片及路径的使用 (6) 超链接的使用 (7) 列表的使用 (8) 表格的使用 (9) 表单的使用 (10) 容器与框架的使用 能力目标： (1) 了解HTML的基本概念。 (2) 掌握HTML常用标签的用法。 (3) 能够使用文本类标签对HTML文档中的文字排版设计。 (4) 能够使用img标签加载图片。 (5) 能够使用超链接标签实现跳转。 (6) 能够使用列表标签定义列表。 (7) 能够使用表格展示数据。 (8) 能够使用表单控件设计表单。 (9) 能够使用器与框架标签进行网页布局设计。 教学内容 (1) HTML基本概念，HTML文档的基本结构。 (2) HTML标签与元素，HTML属性 (3) 文本类标签的使用。 (4) 图片标签的使用。 (5) 超链接的使用。 (6) 列表标签的使用。 (7) 表格标签的使用。 (8) 表单标签及表单控件的使用。 (9) 容器与框架标签的使用。 重点： (1) 文字排版设计。 (2) 插入图片。 (3) 超链接的使用。 (4) 表格设计。 (5) 表单设计。 (6) DIV的使用。 难点： (1) 转义字符的含义。 (2) 相对路径与绝对路劲。 (3) 锚点超链接。 (4) 单元格的合并。 (5) 表单控件的使用。 (6) DIV标签划分页面。 教学过程设计 任务2-6：掌握容器与框架的用法 （2学时） 主要步骤 教学内容 教学方法 教学手段 师生活动 任务 引入 DIV与CSS相结合实现效果 教师讲授 启发引入 多媒体 教师：问题提问 学生：问题讨论 知识讲解 (1) DIV的功能。 (2) span的功能。 (3) iframe的功能。 启发讲解 讨论归纳 多媒体 课件演示 教师：知识讲解 学生：记录笔记 师生互动交流 示范 操作 操作1：使用div实现页面布局。 操作2：使用span进行文本修饰。 操作3：使用iframe框架嵌入网页。 问题引导 操作演示 分析归纳 多媒体 系统演示 老师：操作演示 学生：观摩思考 老师：归纳总结 实战 训练 实战1：使用DIV设计目录。 实战2：使用span进行文本修饰。 实战3：使用iframe嵌入网页。 动手实践 做中学 多媒体 系统操作 学生：实践操作 老师：巡视检查 评估 讨论 (1) 展示学生实战任务完成的效果。 (2) 评估讨论实战任务完成的正确性。 (3) 评估讨论实战任务完成的规范性； (4) 记载学生实战认为完成的考核结果。 教师启发 讨论归纳 分数激励 实训项目单 学生：演示交流 老师：点评激励 课堂 总结 (1) 归纳总结div的使用。 (2) 归纳总结span的使用。 (3) 归纳总结iframer的使用 教师讲解 多媒体 课件演示 学生：整理笔记 老师：引导创新 课后作业 2.8在线练习 作业练习 在线练习平台 老师：布置作业 提出要求 学生：完成作业 ( 6 )原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $