《网页设计与制作》课程教学单元设计：单元3 HTML高级应用.docVIP

《网页设计与制作》课程教学单元设计

单元3：HTML高级应用

授课教师：网页设计与制作组

授课班级:

学时：6

教学条件

预装网页制作工具Dreamweaver的计算机；局域网环境

教学素材

教材、课件、实训项目单、授课录像、案例库、教学网站等

教学目标设计

知识目标：

掌握表单的概念与定义方法；

熟练掌握各类表单元素标签的定义；

熟练掌握网页表单的设计；

掌握框架的基本构成、设计、引用和链接设置；

掌握各种框架的布局应用；

掌握marquee标签的使用方法；

掌握embed标签进行多媒体页面的设计。

能力目标：

能进行常见的表单设计；

能实现框架的嵌套与超级链接的设置；

能应用html标签设计滚动字幕效果；

能熟练运用html多媒体标签设计音频、视频页面。

教学内容

表单的简介、定义、表单元素；

框架构成与创建；

窗口的名称和链接设置；

多媒体元素的使用方法。

重点：

表单元素的应用与表单设计；

框架页面的创建与超级链接的设置；

各类多媒体元素的调用。

难点：

运用表单元素进行表单设计；

框架页面的超级链接的设置。

课后作业

使用表单与表单元素设计留言信息表单；

使用框架与多媒体技术设计基于框架布局的软件页面。

教学过程设计

任务一：表单设计（2学时）

主要步骤

教学内容

教学方法

教学手段

师生活动

问题引入

日常浏览网页时接触过哪些类型交互页面？

教师讲授

引导文法

多媒体

教师：提问

学生：讨论

知识讲解

知识点1：表单简介；

知识点2：表单定义；

知识点3：表单元素；

知识点4：文件域；

知识点5：隐藏控件；

知识点6：表单边框。

启发讲解

讨论归纳

多媒体

课件演示

思考

交流互动

记录笔记

示范操作

操作1：表单的定义。

操作2：表单元素的分类与定义。

操作3：文件域的使用。

操作4：隐藏域的使用。

操作5：表单边框的使用。

问题引导

操作演示

分析归纳

多媒体

系统演示

观摩思考

归纳总结

实战训练

任务单3-1订单信息与评价信息表单的设计

动手实践

做中学

多媒体

真实系统环境

实践操作

巡视检查

评估

讨论

1.评估讨论实训任务完成的速度；

2.评估讨论实训任务完成的规范性；

3.展示学生的完成效果；

4.考核学生结果。

教师启发

讨论归纳

分数激励

实训项目单

思考

结果演示

课堂

总结

1.表单的定义与用途分类。

2.表单元素的分类。

3.表单元素的使用方法应用场景。

4.文本域、隐藏域与边框的设置技巧。

教师讲解

多媒体

课件演示

整理笔记

引导创新

课后作业

拓展实训3-1：

1.Dreamweaver软件的表单与表单元素的定义；

2.QQ邮箱注册页面的设计。

教师讲授

多媒体

布置作业

提出要求

教学过程设计

任务2：窗口框架的使用（2学时）

主要步骤

教学内容

教学方法

教学手段

师生活动

问题引入

常用电子邮箱系统界面与日常的网页有何区别？

教师讲授

引导文法

多媒体

教师：提问

学生：讨论

知识讲解

知识点1：框架的含义和基本构成；

知识点2：框架集；

知识点3：子框架标签的设定；

知识点4：窗口的名称和链接；

知识点5：浮动iframe标签的应用。

启发讲解

讨论归纳

多媒体

课件演示

思考

交流互动

记录笔记

示范操作

操作1：框架集的定义。

操作2：子框架标签的设定。

操作3：窗口的名称和链接的使用技巧。

操作4：浮动iframe标签的应用方法与技巧。

问题引导

操作演示

分析归纳

多媒体

系统演示

观摩思考

归纳总结

实战训练

任务单3-2框架布局网页页面。

动手实践

做中学

多媒体

真实系统环境

实践操作

巡视检查

评估

讨论

1.评估讨论实训任务完成的速度；

2.评估讨论实训任务完成的规范性；

3.展示学生的完成效果；

4.考核学生结果。

教师启发

讨论归纳

分数激励

实训项目单

思考

结果演示

课堂

总结

1.框架的含义和基本构成。

2.框架集与子框架标签的设定。

3.框架集的嵌套。

4.窗口的名称和链接的使用技巧。

5.浮动iframe标签的应用方法与技巧。

教师讲解

多媒体

课件演示

整理笔记

引导创新

课后作业

拓展实训3-2：

1.Dreamweaver中框架的使用。

2.框架布局邮箱页面。

教师讲授

多媒体

布置作业

提出要求

教学过程设计

任务3多媒体页面设计（2学时）

主要步骤

教学内容

教学方法

教学手段

师生活动

问题引入

网页中有哪些多媒体元素？

教师讲授

引导文法

多媒体

教师：提问

学生：讨论

知识讲解

知识点1：滚动字幕标签；

知识点2：插入多媒体文件；

知识点3：插入背景音乐；

知识点4：插入Flash元素。

启发讲解

讨论归纳

多媒体

课件演示

思考

交流互动

记录笔记

示范操作

操作1：marque