网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc

网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc

ID:52114785

大小:197.00 KB

页数:5页

时间:2020-03-23

网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc_第1页
网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc_第2页
网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc_第3页
网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc_第4页
网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc_第5页
资源描述:

《网页设计与制作(HTML+CSS+JavaScript)教学全套课件(第2版)刘万辉教学资源任务2 网页的基本页面实现.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、《网页设计与制作》课程教学单元设计淮安信息职业技术学院《网页设计与制作》课程教学单元设计单元2网页的基本页面实现授课教师:网页设计与制作授课班级:学时:8教学条件实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标:(1)掌握HTML5的基本语法;(2)掌握HTML5的基本标签;(3)掌握文字与段落标签;(4)掌握图像与超级链接标签;(5)掌握表格与列表。能力目标:(1)能读懂HTML基本的文档结构;(

2、2)能根据项目草图,编写基本的HTML文档;(3)能通过浏览页面效果,编写对应的HTML图文混排的页面效果。任务描述本任务就是依据草图结构,使用HTML5基本语法,运用文本、图像、链接、表格、列表等标签来编写门户网站的基本页面效果。教学内容(1)HTML5的基本语法;(2)HTML5的基本标签;(3)文字与段落标签;(4)图像与超级链接标签;(5)表格与列表标签。重点:(1)HTML5的基本结构与标签;(2)文字与段落标签、图像与超级链接标签、表格与列表标签的使用。难点:(1)文字与段落标签、图像与超级链接

3、标签、表格与列表标签的使用场合;(2)图像与超级链接标签、表格与列表标签的参数设置。任务分析与实现(1)任务分析;(2)任务实现代码。第5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计2.1HTML5的基本语法与基本标签、文字与段落标签(学时数:2)主要步骤教学内容教学方法教学手段师生活动任务描述任务就是依据草图结构,使用HTML5运用文本、图像、链接、表格、列表等标签来编写门户网站的基本页面效果。讲授法多媒体教师:分析任务学生:信息交流知识讲授HTML5的基本文档格式、HTML

4、5的基本语法、基本标记、属性。讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践学生创建一个新页面进行体验基本文档格式、HTML5的基本语法、基本标记、属性。实验教学法多媒体教师:辅导交流学生:实践练习知识讲授文本控制标签的使用方法标题、段落、换行、水平线文本的格式化标签b、i、strong、s、u等。讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践创建一个新页面进行体验基本文档标签的使用。实验教学法多媒体教师:辅导交流学生:实践练习课堂总结(1)HTML5的基本文档格式、HTML5的基本语法

5、、基本标记、属性。(2)标题、段落、换行、水平线、文本的格式化标签教师讲解多媒体课件演示整理笔记引导创新任务拓展浏览新闻页面,模仿实现某新闻的页面效果。教师指导学生自学多媒体布置作业提出要求第5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计2.2图像与超级链接标签(学时数:2)主要步骤教学内容教学方法教学手段师生活动知识讲授图像标签的基本使用方法讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践创建一个新页面进行体验图像标签的使用实验教学法多媒体教师:辅导交流学生:实践练习

6、知识讲授超级链接标签的基本使用方法与属性规则讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践学生创建一个新页面进行体验标签的基本使用方法与属性规则。实验教学法多媒体教师:辅导交流学生:实践练习知识讲授超级链接标签中锚点的使用方法与影像地图的使用方法讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践学生创建一个新页面进行体验锚点的使用方法与影像地图的使用方法。实验教学法多媒体教师:辅导交流学生:实践练习课堂总结(1)图像标签的基本使用方法与属性规则(2)超级链接标签的基本

7、使用方法与属性规则教师讲解多媒体课件演示整理笔记引导创新任务拓展综合实例:法家庄辉的个人介绍页面。教师指导学生自学多媒体布置作业提出要求第5页共5页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计2.3表格与列表(学时数:2)主要步骤教学内容教学方法教学手段师生活动知识讲授表格标签

标签的基本使用方法与属性规则讲授法多媒体课件演示教师:讲授知识学生:边听边练学生实践学生创建一个新页面进行体验
标签的基本使用方法与属性规则。实验教学法多

8、媒体教师:辅导交流学生:实践练习知识讲授列表标签