6.2课堂任务网页布局设计鉴赏.doc

课堂任务网页布局设计鉴赏
课程名称:网页布局设计鉴赏
课时数:2
教学目标:
知识与技能:了解设计版面布局的步骤。
过程与方法:掌握几种常见的版面布局形式;
了解版面布局的原则。
情感与价值观:从网站欣赏中培养学生对网站设计的理解和艺术素养。
教学重点:
了解设计版面布局步骤,掌握几种常见的版面布局形式。
教学难点:
了解版面布局的原则。
教法:
讲解、提问,任务驱动
学法:
欣赏网站布局设计,并思考为什么。
教学过程设计:
导入设计:
版面设计是整个网站设计过程中最重要的一部分,因为好的版面设计不但会给浏览者留下好的第一印象,而且还会带来一个好的心境,从而提高网站的访问量。在本节课中,我们将一起来鉴赏网页布局设计。
(二)新课讲解设计:
(1)请学生带着以下问题阅读P211~213知识预读1,问题如下:
A、一般网页包括哪些页面尺寸?与什么有关?
B、版面布局有哪些原则?
(2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。
(3)教师在学生回答问题的同时,总结评价并补充相关要点。
(4)教师总结并给出相应的例子。(可参考知识预读)同时简单小结:加强视觉效果,加强网页的可视度和可读性,新鲜和个性是布局的最高境界。见知识阅读后提示。
(5)教师展示不同布局结构的网站,从不同的角度讲解网页的页面结构。然后给出一些网站,让学生回答该网页采用的是一种什么形式的页面结构。
(6)根据课本内容,依次讲解LOGO设计,导航栏设计,文字设计,图片设计,以及BANNER设计,在讲解过程中,控制自己不可以泛泛而谈,应切合实际,结合相应的例子讲解。
教师演示建立表格、输入文本、修改表格、单元格修改等部分操作(详见教材第86~89页)。
(7)给出一张网页,从不同方面请一位学生讲解自己对于网页的理解,教师评价并指点。
(8)课堂作业,完成任务一第4题:将学生分组,根据已学知识,讲解自己对网页设计的理解。将理解心得提交后。教师抽取其中作业并加以讲解。
(8)学生完成任务一对照练****第7题。个别点名回答,检验教学成果。
(三)小结和作业:
小结:
了解一般网页的页面尺寸。。
了解版面布局的一些原则。
作业:
填写《任务评价表》并上交。
完成任务一第5题