高一信息技术选修《网站设计》教案.docVIP

《网站设计》教案 简阳市三星中学 吴小平 【教学目标】 一、知识与技能： 1、了解网站建设中栏目设置与版面设计的重要性。 2、体验网站建设的具体事务，使学生学会设计、构思一个网站。 二、过程与方法： 1.通过问题式策略让学生了解设计在建立主题网站过程中的重要性。 2.使用知识的迁移，利用信息分类集成的相关知识，让学生体会栏目设置的要点。 3.采用多样化的教学手段，营造各种适合学生学习的环境和条件。 三、情感态度与价值观： 1.培养学生分析问题、解决问题的能力 2.培养学生个性化创作精神 3.提高学生的审美观 【教学重点】主题网站的栏目设置 【教学难点】主题网站的栏目设置 【教学过程】 教 师 活 动 学 生 活 动 设 计 意 图 环节一【问题导入】 为什么有的网站的访问量廖廖无几，而有些网站的访问量却大得惊人呢？这些访问量大的网站除了内容丰富外，还有没有其他的原因呢？ 环节二【什么是栏目】 使用广播教学系统，教师打开一个足球类的主题网站，总结这个网站的优点，展开本节课的主题-栏目设置与版面设计。在浏览这个网站的过程中，教师预设几个想要查找的网站的内容，请学生找出内容所在的链接，并回答。 学生在查找的过程中体会，网站的栏目便如同书的目录，若栏目设置不合理，便很不方便查找这些内容。 环节三【栏目设置要点】 使用广播教学系统，带领学生浏览两个相同主题的网站，比较两个网站有什么不同，网站的设置有哪些不合理之处，提问学生，然后教师作总结。 网站的栏目设置需紧扣主题；将最重要最有吸引力的内容列在栏目中；要尽可能方便浏览者的浏览和查询。 抛出问题让学生分析： 给出一个主题“篮球部落”，请学生分析这个网站应该要包含的具体内容，提问学生，教师总结。 教师使用多媒体教学系统，打开课件，请一名学生到教师机操作，用拖动图标的方式将内容分类，再和学生一起分析每个分类名称，确定主栏目。 让学生自己动手： 请学生为 “我的家园”（个人主页）安排栏目。使用课件中的拖动按钮，让学生自行安排。（没有唯一性，体现学生的个性，但要注意栏目设置的几个注意点） 环节四【版面设计】 先让学生观看几种不同类型的网站结构，再使用广播教学与学生一起总结出几种典型的版面结构。 版面布局就是将页面分割，以最适合浏览的方式将图片和文字摆放在页面不同的位置，使之看起来层次分明、井井有条。 学生动手画: 学生为 “我的家园”（个人主页）画版面结构图，结构类型不限，但需将一些重要信息如标题，栏目等放置在结构图中。 环节五【课堂总结】 展示学生作品，并进行评价。 这节课和学生一起经历了网站设计中的两个重要的过程，掌握了栏目设置的要点，了解了不同的版面结构方式，同学们参与其中，体会了设计在建立主题网站过程中的重要性。 学生思考 学生思考： 明白一个主题网站的版面设计和栏目设置的重要性，明白栏目是怎么一回事，主栏目和子栏目是怎样的关系。 学生经过思考后，提请部分学生作回答，在评论的同时了解栏目设置的要点。 学生思考： 如何给信息分类，给信息分类的目的是什么。 给“我的家园”主题网站安排栏目。 欣赏页面，体会几种不同的结构风格。 动手画版面结构图。 学生思考本节课掌握了哪些知识要点。 通过抛出的问题，吸引学生的注意力，给学生思考的空间，带着这些问题进入今天的主题。 一是在浏览的过程中渗透栏目这个概念，让学生明白栏目其实就是目录，网站的主要链接。二是带领学生看主栏目和子栏目的关系，让学生明白栏目设置要运用到分类学的理论。 通过两个网站的比较，使学生有一个直观的认识，从而体会栏目设置的要点。 要设置“篮球部落”网站的栏目，首先要对具体内容进行分类，给出分类名称，便形成了主栏目。 让学生自己动手，体验网站设计的乐趣，在动手的过程中，将栏目设置的要点运用其中。 培养学生的审美观，让学生体会不同类型的版面布局。 在了解了几种不同布局类型的情况下，结合主题，充分发挥学生想像力，也让学生体会到网站设计过程中的乐趣。 明确教学目标。