《网页美工》课程教学大纲.doc

湖南同德职业学院计算机系 2011年11月网页美工课程教学大纲一、课程性质对于高等职业教育学院的学生来说，计算机课程是一门实践性及专业性很强的课程。随着社会的发展，网络以其快捷、方便的特征被人们广泛接受。时代大发展，人们的鉴赏力越来越高，对网站的视觉设计要求也越来越高。 网页美工正是这样的一门课程。它提供的几乎是无限的创作空间，为网页设计开辟了一个极富弹性且易于控制的世界，提供了一个前所未有的自我表现的舞台。是高等职业学校平面设计及多媒体专业从事相关实践不可缺少的重要手段之一，每一位相关专业的学生都应该熟练地掌握和运用，以增强适应职业变化的能力。二、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。三、课程要求根据教育部对教学计划制定的指导意见，该课程的课时设计为90课时，理论30课时，实践60课时。而教学任务则要兼顾理论和实践内容，但不可能做到面面俱到，“全”而“深”的教材并不适应他们。因而必须对教材内容的进行整合，这一点非常重要。而教材内容的整合，既不能简单的删、减理论内容，也不能随便删减实践教学内容。本教材的要求如下：1.该课程是高职计算机应用、网页设计、动漫、动画等专业中的必修课程，它具有承上启下的作用，因此在编写教材时，力求将平面设计的诸多因素贯穿其中，使学生在潜移默化中更多地去涉猎艺术元素，不断提高自我的艺术修养。2.突出理论与实践相结合的原则，将理论融入每个实例中去，减少学生学习时感觉枯燥无味的现象，力求快速掌握网页设计的基本知识。3.教材的每一章节的练习中增加了分析作业，充分发挥学生的自我想象能力，有助于锻炼学生的创造性思维，更好的适应市场的变化。四、教学内容全书共分为8章，主要学习网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计等。根据职业教育的特点，特别是非艺术类职业教育，在编写过程中，注意做到：1.采用由浅入深、循序渐进的讲述方法，让读者直观、迅速地了解网页美工的主要涉及领域。2.结合艺术类教育的规律，以学生为主体，加强临摹练习与案例分析，充分调动学生学习的主动性、积极性，努力提高学生艺术素质。3.加强学习分析问题、解决问题的方法；4.本书是一本理论性很强的教材，书中采用理论与实践（配图）相结合的案例结构模式，将平面设计理论知识与网页设计充分结合。特别是第8章采用一对一的案例分析思路，分别讲述了网页美工设计所涉及的多方面专业知识。5.注重实践应用能力的培养，每章后均附有相应的练习内容，加强实践操作技能的培训，增强学生择业、就业和适应职业变化的能力。6.在实际教学中，老师可以根据需要适当增加案例分析（案例图片分析讲解），提高非艺术类学生的鉴赏力。（一）理论教学1、网页美工概述（2课时）教学内容:了解网络发展历程，理解传统美工与网络美工的区别，掌握网页美工需要具备的能力存储文件的格式，了解不同文件格式的优缺点。重点：网络发展历程及网页美工的概念掌握常用快捷工具及网络网络 。难点：网络美工不同文件格式的优缺点及运用范围所要具备的能力。知识目标:能熟练掌握网络美工所要求具备的设计工具。2、网页平面构成（2课时）教学内容：网页设计中的平面构成原理及构成形式在网页设计中的运用不同特点并能正确使用。重点：网页平面构成中的3个方面布局新颖对比强烈变化与统一。难点：构成形式在网页设计中的活用自定义渐变效果。知识目标：掌握网页平面构成设计中的3个方面并应用于网页设计。3、网页的色彩搭配（4课时）教学内容：了解色彩构成原理及网页色彩心理，掌握网页配色原理掌握图层属性与图层风格的作用。重点：网页配色原理中的色彩的印象、调和、对比、变化以及网页常用配色分析。难点：网页色彩心理。知识目标： 熟练掌握网页配色原理，并能结合网页色彩心理的理论，活用于网页设计中。图层属性与风格可适用的对象。4、网页中的字体设计（2课时）教学内容：字体设计的基本原理，网页设计中字体与版式设计，以及文字颜色的运用。重点：字体设计原理及网页设计中文字颜色的运用“羽化值”、“容差”等参数的合理设置。难点：字体与版式设计中文字的编排形式，以及文字编排的特殊表现。知识目标：熟练掌握网页设计中字体与版式设计的相关理论与“扩大选取”和“选取相似”命令搭配使用方法。5、网页设计中的排版与布局（4课时）教学内容：掌握树立网站设计风格的方法；掌握关于网页LOGO的知识点；了解简约网页设计的特点以及网页设计中的版式设计。重点：掌握树立网站设计风格的方法；理解如何将网页设计变得简约；理解网页设计中版式设计的原理。难点：网页LOGO、按钮的设计，高级设计导航方法。知识目标：能掌握网站设计风格的方法；能掌网页LOGO、导航栏、按钮的设计方法。6、网络动画（10课时）教学内容：网络动画的分类；网络动画的制作及指导方针多边形工具与多边形形状工具的区别。重点：网络动画的制作。难点：网络动画的指导方针（十个原则）。知识目标：了解网络动画的具体分类，掌握网络动画的制作，能理解网络动画的指导方针。7、 网络形象设计与广告传媒（4课时）教学内容：视觉识别系统的相关概念；网络形象设计。重点：VI设计的基本原则；网络形象。难点：网络广告的设计方法；创建内容丰富的企业网站的网页。知识目标：了解视觉识别系统；掌握网络形象设计及网络广告；掌握创建内容丰富的企业网站。8、经典网页的解析（2课时）教学内容：各类网页的分析； 常见网页策划、设计、开发错误。重点：各类型网页设计的特点。难点：总结各类型网页设计的特点并独立分析网页自我创建新动作并运用。知识目标：通过对各类网页的分析，培养学生的网页美工水平，提高审美编辑方法。（二）实践教学实验一 网页美工概述实验课时：2课时实验目地：让学生了解网页美工和传统美工的区别及网页美工的发展历程。实验方法：老师多媒体介绍，让学生感受美工的魅力。实验内容：网页美工包括的知识点。实验效果：学生体会网页美工的魅力。实验二 网页平面构成实验课时：6课时实验目地：掌握网络平面构成的原理及内容。实验方法：学生在机房自已调试程序，并总结体会。实验内容：网页平面构成中的3个方面布局新颖对比强烈变化与统一。实验效果：掌握网页平面构成设计中的3个方面；熟练掌握平面构成形式并应用于网页设计。实验三 网页的色彩搭配实验课时：8课时实验目地：掌握网页色彩搭配的原理。实验方法：学生在机房自已调试程序，并总结体会。实验内容：了解色彩构成原理及网页色彩心理，掌握网页配色原理。实验效果：熟练掌握网页配色原理，并能结合网页色彩心理的理论，活用于网页设计中。实验四 网页中的字体设计实验课时：4课时实验目地：掌握字体设计原理。实验方法：学生在机房自已调试程序，并总结体会。实验内容：字体设计的基本原理，网页设计中字体与版式设计，以及文字颜色的运用。实验效果：熟练掌握网页设计中字体与版式设计与“扩大选取”和“选取相似”命令搭配使用方法。实验五 网页设计中的排版与布局实验课时：8课时实验目地：会根据个人网站风格设计网页排版和布局。实验方法：学生在机房自已调试程序，并总结体会。实验内容：网站设计风格的方法；能掌网页LOGO、导航栏、按钮的设计方法。与“扩大选取”和“选取相似”命令搭配使用方法。实验效果：确定个人网站设计风格与“扩大选取”和“选取相似”命令搭配使用方法。实验六 网络动画实验课时：20课时实验目地：能适当应用动画在网站中。实验方法：学生在机房自已调试程序，并总结体会。实验内容：网络动画的分类；网络动画的制作及指导方针多边形工具与多边形形状工具的区别。与“扩大选取”和“选取相似”命令搭配使用方法。实验效果：提升网站的质量与“扩大选取”和“选取相似”命令搭配使用方法。实验七 网络形象设计与广告传媒实验课时：8课时实验目地：掌握提升网站的网络形象。实验方法：学生在机房自已调试程序，并总结体会。实验内容：视觉识别系统的相关概念；网络形象设计与“扩大选取”和“选取相似”命令搭配使用方法。实验效果：掌握网络形象设计及网络广告；掌握创建内容丰富的企业网站。与“扩大选取”和“选取相似”命令搭配使用方法实验八 经典网页的解析实验课时：4课时实验目地：通过浏览经典网页，提升设计网站的水平。实验方法：学生在机房自已调试程序，并总结体会。实验内容：各类网页的分析； 常见网页策划、设计、开发错误与“扩大选取”和“选取相似”命令搭配使用方法。实验效果：学生掌握网页策划、设计的方法，能对名类网页进行分析。与“扩大选取”和“选取相似”命令搭配使用方法五、课程建设在教学过程中，课堂教学相对集中课时对网页设计中的“构成的原理”、“色彩搭配”、“字体设计”、“排版与布局”、“动画”、“实例解析”进行严格的训