《网站设计》课堂实录及教学反思.doc

网站设计课堂实录 教学内容及设计理念分析：网站设计是教育科学出版社高中选修教材网络技术应用第四章节第2部分的内容，本节课主要学习如何设计网站。考虑到学生的实际情况，在设计本课时加入了前一节课关于确定网站名称主题的内容，着重体现以下思想：1、倡导自主探究，使学生主动、愉快地学习。2、强化合作交流，使学生共同成长。3、注重展示评价，让学生体验学习的快乐。教学目标：知识与技能1. 能了解优秀网站应具备的一些特征要素2. 能对网站制作进行初步规划设计过程与方法1. 通过网站赏析和小组讨论，能了解网站设计中应考虑到的一些要素2. 能够通过自己制作，小组讨论完成小组主题网站的规划设计。情感、态度与价值观1. 提高视觉素养，能根据网站主题确定恰当的网站风格并具有初步的创意2. 乐于在小组中和同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价，学会合作。教学重点：能对小组网站进行初步规划设计教学难点：网站标志的初步设计。教具使用：多媒体课件、投影仪、电子教室软件。教学过程：一、揭示目标（利用电子教室展示本节课的学习目标，和同学们一起了解本节课的学习目标。）1. 确定小组网站的主题和名称2. 完成小组主题网站的栏目设置3. 完成小组主题网站的版面规划4. 学会网站标志的初步设计（欣赏两个优秀网站，激发学生的学习兴趣。）师：刚才我们看的两个网站很漂亮吧。接下来让我们一起学习如何设计制作一个优秀的网站。二、任务一师：当我们班级来了一名新同学，我们首先会知道的是这位同学的什么信息？生：姓名。师：（展示百度MP3网站）我们设计网站也是一样，也要设计一个好的名字。请大家看看这个网站的名字是什么，并且概括网站的大概内容。生：网站名称是“百度MP3”，网站主要是提供音乐的下载和娱乐新闻等等。师：（展示KFC网站）再请大家看看这个网站，谁来说说这个网站主题和名称。生：名称是：“welcome to KFC”主题是美食介绍、美食文化等等师：回答的很好，了解了网站的名称和主题以后，我们的第一个任务就是为自己小组主题网站确定主题和名称，详细要求见屏幕。（展示任务一：“网站主题名称确定”及详细要求）（学生分组讨论完成任务，教师指导）（每小组学生代表发言，介绍本组网站的主题名称以及选择理由，教师点评，精彩之处鼓掌表扬。）三、任务二师：各小组网站的主题名称经过大家的讨论都已经确定下来了，接下来我们继续学习栏目的设置。师：网站的栏目就相当于一本书的目录，可以让阅读者知道这本书有多少章节，每一章节的大概内容。师：（展示中国国家地理网站）大家观察一下中国国家地理网站，谁来说说这个网站的栏目是什么呢？生：“地理资讯、地理论坛”等等师：（展示中国青少年发展基金会网站）请一位同学来说说这个网站的栏目。生：“首页、关于我们”等等。师：那么左边的是不是栏目啊？生：是（不是）师：网站上面部分的“首页、关于我们”等等就是我们网站的栏目，而左边的“我们的机构、我们的标识”等等是关于你这个栏目的子栏目。师：（展示任务二：栏目设置）大家已经基本了解网站栏目的概念了，现在我们一起来完成小组网站的栏目设置，请注意屏幕上的注意事项。（小组内讨论，老师到各小组了解进度并作适当引导）（小组代表发言，介绍小组网站的栏目及大概内容，教师点评，精彩的发言鼓掌）四、任务三师：网站的栏目就像框架结构的大楼，已经做好了框架，现在我们就来将这栋大楼继续完善，现在我们就来学习网站版面的划分。师：（展示版面设计介绍）大家花一分钟时间了解版面划分的相关知识。师：好了，现在大家对版面划分有了一定的了解，现在老师给大家介绍几种常见的网站版面。师：（展示课件版面设计的内容，利用动画介绍“厂字型”“口字型”“自由式”）师：（展示一个网站）请一位同学到黑板上画出这个网站的版面草图。（学生上台画出版面草图，老师指导并讲评）师：（出示任务三：版面划分）好了，我们现在完成小组网站的版面划分，请在任务单上画出草图。（学生完成小组网站版面草图）(选出部分学生作品在实物投影上展示，教师点评)五、任务四师：目前中国国内最火的事件莫过于上海世博会了，那么有同学知道世博的标志是什么样子的吗？生：像汉字“世”，又像三个人连在一起的图案。师：回答的不错，有同学知道这个标识是什么人设计的吗？生：是盐城人。师：不错，这个标识是我们盐城人邵宏庚的作品，他为家乡争得了荣誉，现在就让我们来欣赏一下吧！(屏幕展示世博会会徽及简介，让学生了解徽标设计的理念。)师：看完世博会徽，我们再一起来欣赏几个世博会的其他标志吧。（展示：海宝、志愿者标志、票务标志等世博会相关标志，让学生认识认识）师：欣赏完了这些漂亮的世博标志以后大家一定跃跃欲试了吧，下面让我们一起来学习几种常见的网站标志设计方法。（展示并介绍三种常见的标志设计方法）师：经过前面的学习，我们已经大概了解网站标志的制作方法了，现在就让我们一起来为小组网站设计一个标志吧！每位同学完成一幅作品，老师提供几种常见的网站标志供大家参考！（出示任务四：网站标志设计）（学生设计网站标志，教师进行指导）（选出部分作品，让学生自己在实物投影仪下讲解创作过程）六、课堂小结师：这一节课我们一共完成了网站设计的四个任务，同学们完成的都不错。关于网站设计还有其他内容我们下一节课再一起学习。师：一节课下来，老师觉得高一（19）班的同学们都非常聪明，最后老师送大家三句话，让我们一起大声的朗读出来！“我非常聪明！”“我潜力无穷！”“我定能成功！”师：谢谢大家的配合，下课！   七、教学反思      网站设计是教育科学出版社高中选修教材网络技术应用第四章节第2部分的内容。新课程改革的理念是以学生为主体，教师为主导，培养学生自主探究的能力。因此在设计本课教学方案时我从以下方面考虑：这节课是网站建设的关键步骤，但完全的理论知识和欣赏会让学生失去兴趣，因此结合前一节的内容，我设计了一个系列的学生任务，让学生从给网站取名确定主题开始一步步的去学习如何设计网站。考虑到小组间的竞争既能激发学生的学习热情，又能培养现在孩子的团队协作精神。根据机房的实际情况我将上课的24位同学分成了4个小组，每组两位女生四位男生，并在课前选好了小组长。在课上再次证明小组模式是一种好的形式，既调动学生的学习热情，活跃课堂气氛，又能将学习内容在讨论中完成。由于是学生小组合作探讨完成任务的形式，因此我在一上课就将这一节课的学习目标展示出来，让学生对本节课的学习内容有个大体的认识。在接下来的学习过程中，学生结合任务单和学习目标就可以按照顺序逐步完成网站的设计。接下来我展示了两个事先准备的优秀个人网站，让学生去欣赏优秀网站激发学习兴趣。然后以站点作为示例让学生理解概念以后分小组达成任务。在学生完成任务的过程中，我和每个小组成员进行交流发现学生只要参与进来，每一个学生身上都有让人惊喜的思想火花。比如一四小组商讨后确定的主题都是和梦想有关，但是认真听两个小组代表对主题的介绍，又发现两个小组的主题各有各的定位各有各的思想，这样学生就充分参与课堂，融入课堂。本堂课的授课效率、目标也就自然显现，实现。在设计本节课的难点：网站标志设计这部分内容的时候，考虑到学生对标志的知识掌握比较少，如果贸然让学生去设计网站标志可能学生会不知所措。但是徽标在我们的生活中无处不在，于是我选择了以今年的世博会这个热点内容作为切入点，这样既能将学生的兴趣调动起来，又能将徽标设计思想在欣赏的过程中让学生去领会。我又设计了一个关于世博会标作者的提问，让学生知道这份荣誉是我们盐城人获得的。利用学生的自豪感进一步激发学习兴趣。在任务完成过程中，绝大多数同学能独立设计出自己的作品。我在上课过程中因为担心时间而省略了一些学生展示的内容，忽略了部分学生的问题，让学生不能充分的交流，在语言的组织上也存在不足。在以后的教学中我会力图避免上述问题，创造一个师生互动的生动课堂。