_____用Html做制作静态网页_____教学设计

课题名称用html制作一个静态网站设计者专业类别课时3使用教材教学对象中职二年级学生教学目标知识与技能

掌握html制作页面的方法；

理解html制作网页的标签；

灵活运用各类标签制作各式的网面。

过程与方法

教师和学生共同分析页面的构成，它是由几部分构成，每部分该怎么做；

通过教师实际操作演示、学生自主探究实践，由浅入深，完成一系列任务，使学生熟练掌握html 标签的运用。

情感态度与价值观

体会创作的乐趣，提高学生对制作页面的兴趣，在学习过程中学会交流，学会扩展创新。

教学内容只用html制作一个静态的网站教学难点与重点重点：灵活运用各类标签。

难点：掌握建页的思维方式。

学习者

特征分析该课面向中职二年级动画专业学生，经过了中一一年的学习与调整，同学们已经具有一定的自学能力，对动画历史及发展有了一定的了解，但是由于他们是中专的学生年龄还小，学习能力自觉性约束力还是稍有欠缺。教学模式

与策略演示教学法、任务驱动教学媒体

选择计算机(一般的配置就可以了，因为没有涉及到iis服务器 sql等的运用)

【教学过程】

教学环节教师活动学生活动设计意图引入

(5min)【教师提问】：大家平时都喜欢浏览网页吗,对网页有什么要求?

这节课通过上几节课的教学，运用我们手上紧有的标签知识制作一个静态的网页，熟练掌握方法后我们能布局任何的页面

【学生回答】：网速快，页面漂亮，简洁…..这个过程是引入话题，提高学生学习的兴趣。

任务一：分析结构(5min)

分析主页(index.html)的结构：两个部分hand+body(里面有两个部分)即一个片头flash+logo和字+Enter

分析第一页(intro.html)结构：hand+body(有三个内容)观看老师操作并自主实践。分析难度，逐级深入，引导学生形成自己的思维方法。分析制作整个静态网站的结构(5min)

分析任务二：制作hand(5min)【教师问题】：我们上节课是怎么建网页的标签的首先要有那些？

操作演示:

在website文件夹里建一个text文本，然后把文件名改为index.html。

2、首先写上：

河畔林语

>

【回答】：

>

边看边操作引导学生对有整体的模型。分析任务三：制作背景(2min)【教师提问】：然后我们要做什么bg先还是其它？

操作演示:

添加背景：

【学生回答】：bg。引导学生形成自己的建模思维。任务四:制作页面主体(10min)【教师问题】：bg做好后我们就要进行主体的制作，我们要用那个标签最简单？

操作演示:

1、制作主体_1：

2、、制作主体_2:

3、制作主体_3：

ENTER

【学生回答】：

。引导学生形成自己的建模思维。任务五：整体测试(2min)教师巡视、指导

【教师提问】：大的模型已经做好了，还有那些细节？

在IETester用不用版本的浏览器进行测试。

【学生回答】：测试。引导学生形成自己的思维方式。第一部分总结：(3min)标签的选择

很重要的，就是要一边制作一边测试，而不是制作完了再测试。任务六:制作hand(5min)

在website文件夹里建一个text文本，然后把文件名改为intro.html。

2、首先写上：

河畔林语