《网站制作初步》教学设计

《网站制作初步》教学设计

一、教材分析

  　　1．本节课地位和作用   　　本节课是普通高中课程标准实验教材选修模块《网络技术应用》的第4章第二课时的内容，是继网站规划、网站设计后进行网站实现的关键一节。本节课侧重培养信息表达的能力，对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。   　　2．教材处理   　　课改后信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生掌握在FrontPage用表格规划网页及在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。   　　二、教学目标   　　1．知识与技能   　　（1）了解表格在网页设计中的作用，利用表格定位网页。   　　（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，表格嵌套的设计方法，并会添加网页元素。   　　（3）使用模板的方法来制作风格统一的网页。   　　2．过程与方法   　　（1）利用对比学习，培养学生知识迁移的能力。   　　（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。   　　（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。观察能力及解决问题的能力。   　　3．情感态度与价值观   　　（1）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。   　　（2）在合作实践过程中，培养学生合作帮助、团结协作的良好品质。   　　（3）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。   　　三、教学重点难点：   　　1．教学重点   　　（1）表格在网页设计中的重要作用。   　　（2）利用表格定位网页。   　　（3）保存使用模板。   　　2．教学难点    　　（1）表格的嵌套在网页设计中的应用。   　　（2）使用模板的方法来制作风格统一的网站。   　　四、学情分析   　　高中学生具备了一定的自学能力，通过上几节的学习，对自己要制作的网站进行了实际规划和设计，准备好了制作网站的基本素材，兴致很高。FrontPage2000与Word等其他Office软件相类似的图形操作界面，学生已经学过了Word字处理软件。因此，对FrontPage2000的使用会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。   　　五、教法学法分析   　　1．先学后教，“兵”教“兵”   　　先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互促进，相互影响的作用，达到共同进步。   　　2．任务驱动，小组竞赛法   　　根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分为6 ～ 8 人的小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴趣。   　　进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识，掌握重点难点。   　　由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。   　　整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。   　　3．提问引导法   　　根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断“发现问题──解决问题”，变学生“学会”为“会学”。   　　六、教学过程

www.ff70.com  

教学内容	教师活动	学生活动	设计意图
合理安排网页元素的具体位置，使网页更加合理美观，方便访问者访问	提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？	学生自主回答
	提问引导：你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？	学生思考
	打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构	观察思考	引出本课教学目标一：利用表格定位网页
	对比展示两张素材相同布局不同的网页。一个使用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱	根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由	让学生认识用表格布局的优点； 使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件
	提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理
	教师引导，并安排操作熟练的学生进行演示	学生动手操作	培养学生知识迁移的能力和动手能力。   引出表格的嵌套
	提出问题：如何才能让表格不显示在我们的网页中呢	学生思考并动手操作	引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等
添加网页元素	把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材；   把学生用到的技能要点发到学习网站上；   解决学生提出的疑难问题	学生自主实践	引导学生掌握添加网页元素的方法
使用模板制作其他页面	打开榕树下这个网站的主页和其他子页面	学生欣赏并观察这些页面的风格是否一致	结合FrontPage模板功能引出目标三：使用模板制作其他页面。
	提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致
	提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作
	提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑	学生自己动手为他们的网站制作模板
作品共评	下课前5分钟，展示学生作品，评价打分	各小组把做好的主页和模板上传到FTP服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评	既可以提高学生的自信心，也可通过评价提高学生的鉴赏审美能力。为下一节课的学习提供基础
		每组推荐一个相对优秀的学生作品，共同评价

  　　七、教学反思   　　本节课采用以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，让学生通过合作协调、构思创新的方式完成整节课学习的方法，极大调动了学生的学习积极性，培养了其信息表达的能力，加强了学生的信息意识，提高了信息处理的能力。但在引导过程中要注意掌握好“度”，既让学生自己探索，掌握知识，又要合理补充，及时纠错。这是本节课的难点。

如果觉得《《网站制作初步》教学设计》不错，可以推荐给好友哦。