网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务3 运用HTML5的新标签.doc

《网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务3 运用HTML5的新标签.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》课程教学单元设计淮安信息职业技术学院《网页设计与制作》课程教学单元设计单元3运用HTML5的新标签授课教师：网页设计与制作授课班级:学时：8教学条件实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标：（1）了解HTML5新标签；（2）掌握结构性标签；（3）掌握级块标签；（4）掌握页面交互标签；（5）掌握行内语义性标签；（6）掌握HTML5的全局属性。能力目标：（1）能合理区分HTML5结构性标签的语义；（2

2、）能根据网页页面效果，运用HTML5结构性标签构造页面效果；（3）能恰当的使用HTML5的全局属性。任务描述本任务就是使用HTML5新标签来优化门户网站主页的页面文档。教学内容（1）HTML5的结构性标签；（2）HTML5的级块标签；（3）HTML5的页面交互标签；（4）HTML5的行内语义性标签；（5）HTML5的全局属性。重点：（1）HTML5的结构性标签；（2）页面交互标签、行内语义性标签、行内语义性标签。难点：（1）结构性标签的使用场合；（2）HTML5的全局属性的使用。任务分析与实现（1）任务分析；（2）任务实现代码。第

3、5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计3.1HTML5的结构标签（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述任务就是使用HTML5新标签来优化门户网站主页的页面文档。讲授法多媒体教师：分析任务学生：信息交流知识讲授初步认识结构性标签讲解section标签、article标签讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行体验section标签、article标签实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解nav标签、aside标签讲授法多

4、媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行体验nav标签、aside标签。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解header标签、footer标签讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行体验header标签、footer标签。实验教学法多媒体教师：辅导交流学生：实践练习课堂总结HTML5的新结构标签section标签、article标签、nav标签、aside标签、header标签、footer标签教师讲解多媒体课件演示整理笔记引导创新任务拓展浏览清华大学

5、网站页面，人认识HMTL5中的结构标签。教师指导学生自学多媒体布置作业提出要求第5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计3.2分组标签与页面交互标签（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授讲解figure和figcaption、hgroup标签讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行体验figure和figcaption、hgroup标签。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解details标签和summary标签讲授法多

6、媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行体验details标签和summary标签。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解menu标签与commond标签讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行体验menu标签与commond标签实验教学法多媒体教师：辅导交流学生：实践练习课堂总结（1）figure和figcaption、hgroup标签（2）details标签和summary标签、menu标签与commond标签教师讲解多媒体课件演示整理笔记引

7、导创新任务拓展浏览北京大学网站页面，人认识HMTL5中的结构标签教师指导学生自学多媒体布置作业提出要求第5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计3.3行内语义与HTML5的全局属性（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授progress标签、meter标签讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行体验progress标签、meter标签。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授time标签、video标签和audio标签讲授法

8、多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行体验time标签、video标签和audio标签实验教学法多媒体教师：辅导交流学生：实践练习知识讲授contenteditable属性、contenteditable属性、spel