admin 管理员组

文章数量: 1086019


2023年12月18日发(作者:mybatisplus配置文件)

《HTML5网页设计》教案

一、课程信息

课题名称 HTML5网页设计 授课对象 20级电子商务1-4班

授课时间 周一1-4级,周二1-8节,周五1-4节

B

授课地点

学情分析

综合楼206,技术楼401 授课学时

2

授课课型

认知基础:教学对象为20级电子商务1-4班的学生,经过上一学年课程的学习,对html5语言有了基本的认知

技能基础:教学对象有着良好的基础实操能力,本课程让学生能够在众多的案例中加深学习,对知识点进行讨论与实操

学习特点:本课程主要分为基础技能篇与案例实训编。基础技能篇主要学习Dreamweaver的基本操作方法和网页设计制作技巧,这是学习Dreamweaver的入门课程,也是必修课程,学员通过本课程的学习,应当能够熟悉软件功能。在案例实训篇中,学员通过对Dreamweaver在各个设计领域的应用进行的全面分析和详细讲解,使学员更加贴近实际工作,艺术创意思维更加开阔,为今后的专业学习与深入的设计打下基础。

学习困难:大部分学生已经养成自觉学习的良好习惯,但仍需要提高学生对勤加思考、灵活应变的重视,使学生在知识的应用中触类旁通、举一反三

教学目标

知识目标

技能目标

素质目标

 掌握Dreamweaver基础

 学会自如运用Dreamweaver,熟悉html5语言

 提高学生在网页设计方面的能力

教学重点

教学难点

掌握创建和编辑模板的方法

掌握模板的使用方法

直观演示法、练习法、范例教学法、讲授法、问题讨论法

主要教法

练习法、自主学习法、探究学习法、合作学习法

主要学法

教学环境与资源

机房

项目介绍

Dreamweaver CS6网页设计

二、教学设计

课前:

教学环节

组织教学

(5分钟)

教学内容

强调纪律,行师生礼,考勤

教师活动

考勤

学生活动

考勤

设计意图

组织纪律,让学生进入学习状态

激发学生兴趣

课程介绍

课本目录内容整体介绍,说明为什么要学网页设计以(5分钟)

及本课程的重要性

讲授 思考

课中:

第一课时:

教学环节

导入新课

模板

教学内容 教师活动

演示,提问

学生活动 设计意图

观察,思考,引导学生讨论 思考,调动学生积极性

思考,讨论,知识点讲实操练习 授、演示,让学生把握学习内容

思考,讨论,加强练习

实操练习

思考 巩固知识点

讲授新课、9.1 模板

教学设计

9.1.1 创建空模板

9.1.2 创建可编辑区域

课堂练习

课本配套练习

师生互动,实操演示

师生互动,实操演示

讲授

课堂小结

简单总结设计理念和软件功能

第二课时:

教学环节

导入新课

管理模板

教学内容 教师活动 学生活动 设计意图

引导学生思考,调动学生积极性

知识点讲授、演示,让学生把握学习内容

加强练习

演示,提问 观察,思考,讨论

讲授新课、9.1.3 管理模板

教学设计

9.1.4 课堂案例——飞越天空网页

师生互动,实操演示

思考,讨论,实操练习

课堂练习

课本配套练习 师生互动,实操演示

讲授

思考,讨论,实操练习

思考

课堂小结

简单总结设计理念和软件功能 巩固知识点

引导学生坚持学习,落实、迁移知识

布置作业

完成书本课后配套练习

师生互动 师生互动

课后拓展

课后

复习本节课内容,预习下节课新课知识 练习课本案例 课本资源

教学反思

教学效果

教学诊改

熟练掌握Dreamweaver CS6界面的操作方法和技巧,加强对HTML5语言的认识。

学生对知识点的掌握欠佳,应督促学生课后强加联系,相互学习。


本文标签: 学生 学习 设计 思考 教学