刘倩倩
一、把握教材内容
《Dreamweaver CS5网页制作案例教程》的主要内容有以下十点:
1.学习与网页制作相关的基础知识。
2.学习使用表格布局网页的方法。
3.学习设置网页文本、图像和动画等内容的操作。
4.学习超链接和行为在网页制作中的应用。
5.学习CSS样式表的创建与应用。
6.学习应用Div+CSS布局网页的方法。
7.学习应用框架布局网页的方法。
8.学习应用模板与库项目提高网页制作效率的方法。
9.学习使用Dreamweaver制作动态网页的方法 ,包括安装和配置IIS、配置动态站点、应用表单和表单对象等内容。
10.学习测试和发布网站的方法。
了解 Dreamweaver CS5的整体内容后,教师需在头脑中形成一定的框架和认知,对其进行重组和安排,甚至讲课的时候可以适当的调整教材顺序。针对Dreamweaver CS5,第一课的主要内容就是在学生整体把握内容的基础上,分析在以后的课程中如何学习这门课以及学完后应达到的水平,仅使学生对本课程有所了解,同时也激发了他们的学习热情。
二、明确教学目标
在教学过程中,每节课的目标都是通过任务来实现的,而Dreamweaver CS5第一节课的教学目标就是:学习与网页制作相关的基础知识,如网页的构成元素、网页的本质、动态网页和静态网页、网站制作流程,以及Dreamweaver CS5的基本操作等。另外,激发学生的求知欲望也是一大目标。
三、分析学生特点
1.思维活跃敏捷,兴趣广泛;
2.年龄比较小,知识储备不足,学习能力较弱;
3.对理论知识的理解能力差,需要大量的实践操作来弥补;
四、教师提出自身要求
Dreamweaver CS5版本比较新,作为教师,必须仔细研读教材,尤其是对新功能、新知识的理解和应用,然后根据学生的特点,提前做准备和制定相应的计划。由于笔者曾经从事过制作网站的相关工作,对网站的制作流程有所了解,因此我把这一内容放在第一课来讲,使学生能从整体上认识这个工作以及对应的职位,帮助他们决定将来的职业取向。同时也为以后的教学做了铺垫。在这里,笔者制定的相应计划就是用任务驱动法进行每节课的学习。每节课我都安排了一個小案例,让学生实际来操作,并且中间还穿插了提问的方式使学生反思,同时给每个小组一个计分表,对积极回答的小组给与相应的积分,这样既激发了学生的求知欲望,也开拓了学生的逻辑思维能力。
五、教学过程和内容
1.认识网页和网站
我给学生列举了大量的网站,让大家分组讨论对网页和网站的认识,大家纷纷积极回答,有的说:“百度就是一个网站”有的说:“新浪、腾讯网”“上网时浏览的就是网页”我又提问到:“可以说说他们之间的关系吗?”大家都说:“网站里有网页”我很高兴的说:“大家回答的非常棒,那么老师给大家总结一下:网页就是我们上网时在浏览器中打开的一个个画面,网站则是一组相关网页的集合。一个小型网站可能只包含几个网页,而一个大型网站则可能包含成千上万个网页。”这时,大家也都点点头,接收到学生的反馈信息,教师很自然的进入下一个教学内容。
2.讲解网页的构成元素
在讲解这一节的时候,我给学生展示了具有代表性的网站首页,同时提出问题:“网页中包括哪几种素材呢?”学生很容易的说出:“网页上有图片、字、按钮、视频……”我紧接着打开课件,给他们一个更加直观的感觉。
3.网页的本质
讲解网页的本质时,我先给学生呈现了新浪网的网站的文件及其与构成元素的关系图。对图做了详细讲解后,大家都不难理解网页中除了包含网页文件(扩展名为.html.asp等)外,还有图像文件(扩展名为.jpg.gif等)、Flash动画文件(扩展名为.swf)、脚本文件(扩展名为.js)、样式文件(扩展名为.css)以及视频文件(扩展名为.avi.flv等)等。
4.网站的制作流程
对于网站的制作流程,我主要用主讲的方式,结合我的实际经历,给学生讲解了网站制作的每一步,同时配课件进行讲解:其中在讲解构思草图→美工设计→图形制作是对网站的最初构思过程),我都用实际的例子来展示,使学生能直观的感受网站的真正制作过程,同时消除学生对Dreamweaver CS5的陌生感。
六、评价实施效果
我对这门课的评价手段除了看学生的反应程度,更多的还是关注学生解决问题的能力,比如,在做课上的小任务中,看学生能否发现问题、分析问题以及解决问题。为了激发他们的探索热情,我会用积分,奖励的方式来鼓励他们思考,另外再结合课后习题,综合评价这节课的效果。
七、反思
Dreamweaver CS5第一节课的内容相对比较简单,我用直观教学法确实取得了不错的效果,学生也能积极回答每一个问题,而且整节课大家都非常的活跃。但是同时也存在不足,比如学生可能只是为了获得更多的积分才积极思考,这在一定程度上说明了学生的自主学习还是有些被动,教师如何能顺其自然的引导学生来思考,巧妙的鼓励学生,这些能力都将是教师必备的能力。