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