对高职高专Dreamweaver CS5第一课的设计

2019-03-11 06:34刘倩倩
学校教育研究 2019年6期
关键词:每节课第一课网页

刘倩倩

一、把握教材内容

《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第一节课的内容相对比较简单,我用直观教学法确实取得了不错的效果,学生也能积极回答每一个问题,而且整节课大家都非常的活跃。但是同时也存在不足,比如学生可能只是为了获得更多的积分才积极思考,这在一定程度上说明了学生的自主学习还是有些被动,教师如何能顺其自然的引导学生来思考,巧妙的鼓励学生,这些能力都将是教师必备的能力。

猜你喜欢
每节课第一课网页
我会跳绳
上好“开学第一课”
毕业第一课:钱钱钱钱钱
基于HTML5静态网页设计
科学第一课
搜索引擎怎样对网页排序
What To Do With Minutes To Go In Class(2)
北京 小学初中将打破每节课45分钟惯例
小狮子的游泳第一课
网页智能搜索数据挖掘的主要任务