admin 管理员组文章数量: 1087139
2024年5月10日发(作者：margintop计算公式)
≪Web
前端开发之网页设计》课程教学单元设计
教学单元
2HTM1
基础
授课教师：
教学条件
教学索材
授课班级： 学时：
12
预装
Web
前端开发工具
HBUikIer
等的计算机；局域网环境；教学广播软件
教材、教学文档、教学课件、案例项目库、教学平台等
教学目标设计
知识目标：
(1) HTM1
基本概念
(2) HTM1
文档的基本结构
(3) HTM1
标签与元素
(4)
文本类标签的使用
(5)
图片及路径的使用
(6)
超链接的使用
(7)
列表的使用
(8)
表格的使用
(9)
表单的使用
(10)
容器与框架的使用
(1) HTM1
基本概念，
HTM1
文
(2) HTM1
标签与元素，
HTM1
(3)
文本类标签的使用。
(4)
图片标签的使用。
能力目标：
(1)
了解
HTM1
的基本概念。
(2)
掌握
HTM1
常用标签的用法。
⑶能够使用文本类标签对
HTM1
文档中的文字排版设计。
(4)
能够使用
img
标签加载图片。
⑸能够使用超链接标签实现跳转。
(6)
能够使用列表标签定义列表。
⑺能够使用表格展示数据。
(8)
能够使用表单控件设计表单。
⑼能够使用器与框架标签进行网页布局设计。
档的基本结构。属性
教学内容
(5)
超链接的使用。
(6)
列表标签的使用。
O
⑺表格标签的使用。
(8)
表单标签及表单控件的使用
⑼容器与框架标签的使用。
重点,
⑴文字排版设计。
(2)
插入图片。
(3)
超链接的使用。
(4)
表格设计。
难点：
(1)
转义字符的含义。
⑵相对路径与绝对路劲。
⑶锚点超链接。
⑷单元格的合并。
(5)
表单控件的使用。
(6)DIV
标签划分页面。
⑸表单设计。
(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)
记载学生实战认为完成的考核结果。
动手实践做中学 多媒体系统操作
学生：实践操作老
师：巡视检查
教师启发讨论归纳
分数激励
实训项目单
学生：演示交流老
师：点评激励
课堂总
结
(1)
归纳总结
HTM1
文档的基本构成。⑵归
纳总结
HTM1
标签的语法格式。
(3)
归纳总
结
HTM1
标签属性的使用。
教师讲解
多媒体课件演示
学生：整理笔记老
师：引导创新
课后作
业
老师：布置作业提
2.1
在线练习 作业练习 在线练习平台
出要求
学生：完成作业
版权声明：本文标题：Web前端开发之网页设计 教案 单元2 HTML基础 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1715293190a687027.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论