电子商务网页设计与制作 教案 第7次课 任务案例：HTML基础网页

湖南商务职业技术学院教案

1、先选人再抢答下图中的代码的预览的效果是知识回顾10minA下一步bbuttoncbtn

2、先选人再抢答下列哪个不是块级元素？A.brB.divC.hr

3、先选人再抢答＜h2align=center＞html5的概念＜/h2〉是什么意思？

4、先选人再抢答什么是空链接？

5、先选人再抢答设置10秒钟刷新一次网页的代码是什么？请拍照回复

6、先选人再抢答在图像“pl.jpg”前插入名为itop的锚记，请写出代码，拍照回复

7、先选人再抢答要访问index.html文件中命名锚记itop请写出代码，拍照回复

8、先选人再抢答单击“学院官网”文本后在新窗口中打开uhttp://www.hnswxy.comn页面本任务是利用图片“htnn51ogo.jpg，添加文字信息，制作如图1-3-1所示的网页效果，以文件htmlExample.html保存任务描述10min0G支的UBHTML50X今天的主题HTML

5.0的特性与发展趋势什么是HTKL5HTIL5将成为XHTIL以及KHLD0I的新标准.KTML5的部分新特件।・用于婕沏的元*•用于媒介13放的video和audio元索•新的蓑单拉件HTML5的寄见站构卜苏图1-3-1网页预览效果组织学生一起实施项目任务:4网页添加header区块对象

1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点.【任务描述】讲师讲解本次课需要完成的任务.【课堂讨论工请列举出在任务3HTML5基础网页中，包含了哪些HTML元素？L【发布任务】教师在学习通发布技能任务

2.【实践指导】来回巡视，及时帮助学生解决问题

1.学生积极参与课堂活动.学生了解本次课要完成的任务.学生积极参与课堂活动.学生查看技能训练任务.完成技能训练题授课章节及主题任务案例HTML基础网页课次7教学目标知识目标.进一步熟悉常用的HTML各种元素的语法；.进一步掌握常用的HTML各种元素的使用方法；能力目标.能够制作一些简单的网页效果；.培养解决实际问题的能力；素养目标.培养学生清晰有序的逻辑思维；.培养学生数据分析与总结的意识；.培养学生系统分析与解决问题的能力学情分析知识基础学生已经具备了一定的计算机操作能力和Photoshop、Dreamweaver软件的基本操作技能，对网页设计有一些基本的了解，能够创建站点和网页文件，能进行简单的网页编辑学生特点.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难.软件课程知识绝大部分同学掌握较好，少部分同学操作不太熟练.解决复杂问题能力弱，缺乏知识迁移能力教学重点Html元素在使用过程的综合运用教学难点Html元素在使用过程的综合运用教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平A教学平台超星学习通https://www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》，电子工业出版社.《HTML5+CSS3网页设计与制作》，人民邮电出版社参考网络资源.菜鸟教程https://www.runoob.com/.虎课网https://huke

88.com/教学过程设计环节教学内容教师活动学生活动技能1创建站点训练2创建空白文档35min3网页添加头部信息，

一、，人।t•一•、iarr-raB技能训练作业HTML基础任务实施练习（详见教师发布的作业内容）知识检测给单元涮试L【课堂活动】教师通过开展各种

1.学生积极参与课堂活动30min测试第一单兀网页设计基础知识单兀测试（详见教।课堂活动检测本次课知识点课堂小结（3min）通过对本次课的学习，让学习者了解了HTML的各个常见元素HTML是网页设计的核心基础，请学习者真正理解每一个标签的含义与使用方法.作业布置

1.继续完成技能训练任务，并提交至学习通

2.预学下一次课的内容教学反思。