网站的设计教学设计

《网站的设计教学设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、“网站的设计”教学设计【教材分析】：“网站的设计”是上海科技教育出版社《网络技术应用》（选修）第四章第一单元“了解与设计网站”的第二课时，它是学生进行网站制作的前提工作，对后期学生利用网页制作工具具体实现网站起到重要的引导作用。本课内容在整个网站建设中是非常关键的，在这部分教学中，要求动脑思考的内容比较多，所以对于本节课内容只在于让学生了解主题网站设计的重要性。在网站设计中，一份详细的网站规划表有利于指导创作过程，而策划主题风格同样至关重要，它以显性的方式向人们展示了网站的主题、个性等，这部分内容同样也是要求学生进行深入思考的。【学情分析】：本节课的授课对象为高二年级第二学期的学生。学生

2、在初中，高一都已使用过Frontpage来制作主题网站，对网站的制作已有了初步的了解，但对网站的开发流程没有进行系统的学习。在上学期，他们已经掌握了上网的相关操作（如：接入Internet、浏览网页，从因特网上获取信息等等），通过观察，他们对上网很感兴趣。同时也发现了许许多多内容丰富、创意新颖、设计独特的网页，也有学生在询问如何制作个人网站并把它传到网上去，达到宣扬自己的目的。由此可见，他们对网站的设计也是很有兴趣、有信心的。【教学目标】：知识与技能：1、了解优秀网站应具备的一些特征要素；2、让学生明确“网站的设计”的重要性；3、能根据主题设计网站。过程与方法：1、通过网站的欣赏及对比，

3、探究网站设计中应考虑的一般要素；2、初步确定小组网站的主题；3、通过同学“网站设计”主题网站的活动，使学生学会科学、合理地整理与规划信息，提高学生的信息素养。情感态度价值观：1、在分析、探讨中学会欣赏，学会客观的评价自我以及他人；2、引导学生对任务进行分解，学会适当的分工与合作。【重点难点】：重点是网站设计的过程和方法。难点是网站的整体构思，也就是依据自己的兴趣爱好，选择网站主题，创作网站名称，设计网站的栏目、结构、风格和布局等。【教学方法】：讲授法、任务驱动法、小组协作法相结合的教学方法【教学设想】：1、课前向学生调查他们平常喜欢的网站，利用截图的方式在教学课件ppt中展示出来，引起他

4、们的学习欲望，从而了解不同布局的网站，它们的设计都是差不多的，都有各自的主题、内容、风格等；72、由于网站设计是个大任务，要建设一个网站往往需要多人合作才能完成，因而采用小组协作法充分发挥学生各自的特长，关注到每一个学生的发展。还能炼就他们良好的团队协作精神，而且小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思维。3、新课教学环节，采用新知传授和实例相结合的方式来进行。这样学生会比较感兴趣，因为这些网站都是他们喜欢的；4、由于网站设计是个大任务，要建设一个网站往往需要多人合作才能完成，因而采用小组协作法，从而充分发挥学生自己的特长，关注到每一个学

5、生的全面发展。还能锻炼他们良好的团队协作精神，而且小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思维。5、课堂上，还要充分考虑学生的认知水平不同，给个别组的学生增设任务拓展：完成快的小组可以使用FrontPage中的表格来规划设计网站主页面。【教学环境】：网络教室+PPT演示文稿【教学过程】一、创设情境，引入课题：【教师活动】：在开学的第一周，各位同学已经知道我们这个学期的主要任务就是建一个主题网站，在上节课我们一起了解了网站的一些基本概念以及动态网站和静态网站的工作原理，还要求各位同学按照各自的兴趣、爱好2-5人一组，确定本学期要制作的网站主题

6、，并收集相应的信息内容。接下来大家是不是想我们就要开始使用网页制作软件来制作我们的主题网站了呢？先请各位同学观看网上截取的一些网站截图：ppt播放几张网页的截图：（时光网、豆瓣网、新浪网、中国教育信息网、音乐极限网等）7【学生活动】：观看幻灯片截图【教师活动】：看了这些截图以后，提问：1、你们记住了几个网站，分别是哪些？2、这些网站分别表达了什么主题？3、网站最吸引你的地方在哪里？（网站名称、主题内容、风格、结构、色彩、布局等方面去分析）4、各位同学都很喜欢上网，在打开一个网站的第一时间你们最关注的是网站的什么东西？是它的名称、主题、内容或是色彩等？【学生活动】：思考并回答问题【教师活动

7、】：PPT展示几个网站的主题、风格和色彩的描述等。【教师提问】：还有就是播放截图之前问大家的一个问题：在我们认识了网站的一些基本概念之后，是否马上可以利用网页制作工具来制作网站了呢？【学生回答】：【教师总结】：经验告诉我们，建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。因此，在建一个网站之前必须有一个总体的设计。【设计目的】：让学生迅速集中注意力到