《树立网站整体风格》教学设计.doc

《《树立网站整体风格》教学设计.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《树立网站整体风格》教学设计————————————————————————————————作者：————————————————————————————————日期：《树立网站整体风格》教学设计盐城市南洋中学王健【教材分析】《树立网站整体风格》是高中选修教材《网络技术应用》（教科版）第四章第2节的内容。网站风格是抽象的，是站点的整体形象给浏览者的综合感受，这个整体形象往往从网站标志、标准色彩、标准字体等元素中体现出来。通过对经典案例的解读，将抽象的内容形象化，让学生自己去总结发现设计中的规律与应该注意的问题，并通过适当实践，激发学生的创作热情，使学生初步了解如何去树立网站的整体风格

2、，并为以后的继续学习和实践提供指导。【学情分析】本案例的对象为高一年级第二学期的学生，前面已经学习了网站的规划、网站设计中的栏目的设置与版面设计，对美有一定欣赏和鉴赏能力，但对从哪些方面去树立网站的整体风格，还缺乏整体的认识。FrontPage2000操作虽然上学期学过一点，但并不熟练。【教学目标】知识与技能：1、了解体现网站整体风格的要素。2、了解网站Logo设计的常见方法和设计中应该注意的问题。3、了解色彩的感觉，能根据主题的需要设计标准色彩。4、了解字体的特点，能根据主题的需要设计标准字体。知道使用特殊字体时应注意的问题。过程与方法：通过对案例的解读，让学生自已去总结发现设计中

3、的规律与应该注意的问题。情感、态度与价值观目标：提升学生的创新思维与审美能力。【教学重点、难点】对如何树立网站的整体风格形成一个整体的认识【教学准备】资源：主题网站、教师展示课件工具：FrontPage2000软件、ALogo3.10、IIS【教学策略】本课中首先通过与优秀网站的对比，分析学生作品中的不足之处，然后在完善这个作品过程中，引导学生从网站标志、标准色彩、标准字体方面树立网站的整体风格。通过自身的实践，体验到网站设计的乐趣。【教学过程】一、创设情境，引入课题1、请同学们欣赏几张网页，同时思考一下这些网页具有怎样的风格？我们发现较好的网站往往都具有其独特的风格，有的活泼可爱、

4、有的清新秀丽、有的温文尔雅、有的执着热情……，那么如何来树立网站的整体风格呢，这就是我们今天这节课所要共同探讨的问题。2、展示几个学生作品，分析存在不足：学生：颜色搭配不舒服字体杂乱……教师：网站的整体风格是属于外观的设计，色彩与字体肯定是属于风格的一部分，那还有什么跟网站的风格有关呢？设计意图：通过几张风格迥异、视觉冲击力比较强的网页，引起学生的兴趣，继而旗帜鲜明地提出本节课的课题——树立网站整体风格。并通过一个具体问题的提出，激发学生的求知欲与解决实际问题的渴望。二、网站标志（Logo）小游戏：（快速播放一组网页截图），比一比，记一记，看谁记得多，并思考你是怎么知道这些网站的名称

5、的？（部分截图如下记网站，引起网站标志）设计意图：在快速播放的一组网页中，要想知道网站的名称，学生们很自然地会关注到网站的标志。从而引出树立网站整体风格的第一步就是要设计出一个好的网站标志。同学们看看你们的主题网站里有没有Logo的设计？那怎么来设计呢？网站标志就如同企业的商标一样，看到它就应该能够联想到你的网站。我们先来参考一下那么著名的网站，看看他们的网站标志是怎么设计的吧。1、百度网站的Logo，采用了图文结合的设计。“百度”一词源于宋朝词人辛弃疾的诗句“众里寻他千百度”，“熊掌”图标的灵感来源于“猎人巡迹熊爪”，都有搜寻的意思，跟百度的搜索理念是相符合的。而且每逢重大节日的时

6、候，百度还会邀请一些创意大师对Logo进行修改，既烘托了节日的气氛，更具有一定的艺术性和趣味性。这类Logo的设计方法是选用与网站主题有关的，并具有代表性的人或物，用它们作为设计蓝本，加以卡通化和艺术化设计出来的。2、中国银行、奔驰汽车企业网站的Logo，其采用的是本专业的有代表性的物品。3、谷歌、中国雅虎、搜狗、联想等网站的Logo，采用将自己网站的中文或者英文名称作为网站标志的设计方法。这是最常用也是最简单的一种设计方法，将自己的名称采用不同的字体、字母的变形与组合，可以很容易地制作出自己的标志。设计意图：通过对几个知名网站的Logo的解读，使学生了解网站Logo设计通常采用的几

7、种方法，从而为学生的下一步实践提供指导。以及在解读的过程中，注意指明一些Logo设计的成功所在，引导学生发现其规律。提问：一个设计成功的Logo往往具备哪些特点呢？请讨论回答。学生活动：讨论一个设计成功的Logo往往具有哪些特点。总结：1、能够契合网站的主题2、符合大众的审美习惯、清楚易记。3、体现一定的创意，设计美观，有艺术价值设计意图：通过前面对几个案例的解读，学生已经发现了一些网站标志设计的规律，对网站标志具有了初步的鉴赏能力，因此让学生自己去归纳总