《网页美工与动画》教案

《网页制作与动画设计》课程设计报告说明1、可参考本文的结构（下图）来撰写课程设计报告2、封面后第一页应描述本组成员及分工情况3、应附有Web应用的源代码4、必须于下学期开学第一周周末前将开题报告和源码email到zf@《网页制作与动画设计》课程设计课题名称：网络商城学院班级：xx学院xx年级xx班成员：张三学号201207100341李四学号201207100321 指导老师：詹锋课程设计成员介绍组长：xxx其他成员：yyy组员分工:***xxx主要完成网站中商品查询那一块和数据库的整体设计。

***yyy主要完成后台管理，登录注册，留言版块，在线订单以及静态页面的设计等功能。

一、系统功能及总体结构简介1.1系统功能说明该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.该系统首先要包含几个最基本的功能:1.建立和维护顾客信息库顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。

同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.2.方便和集成的电子购物环境顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。

系统同时对这些搜索关键字进行统计分析，以分析出顾客消费的热点信息。

《网页动画》课程标准一、课程的性质《网页动画》是计算机应用技术（网络美工设计）专业的一门核心课程，具有较强的技术性与实践性。

课程目标是让学生掌握网站的建设与网页美工等方面的知识，重点培养学生熟悉网页CSS+DIV的布局及页面的搭建，以及掌握优雅降级和渐进增强的网站开发思想等。

本课程学习的前导课程有《网页制作基础》、《图形图像基础》，后续课程有《企业品牌形象设计》、《活动综合策划》、《店铺营销推广》等。

二、课程设计理念1、本课程标准的设计以就业为导向，根据计算机类专业学生的就业岗位：网页美工师、网页设计师、网站开发工程师等来设置教学进度、选择教学方法和教学评价。

以项目为单元的方式组织教学，按照网站开发流程，从模拟到创意制作，在实践过程中加深对专业知识、技能的理解和应用，培养学生的综合职业能力，满足学生职业发展的需要。

在教学过程合理布置教学任务，以课堂任务、每周任务、每月任务、学期任务，这样一个循序渐进的任务布置，使学生通过一个学期的学习能制作出一个具有自己个性、美观、使用的网店。

完成任务的过程同时也是学生把所学知识应用到实践的过程。

教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。

2、本门课程的总学时为72，其中理论课学时为36节，实践课学时为36节。

以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（群）的任职要求，以实际案例为载体，对课程内容进行序化。

通过教学模式设计、教学方法设计、教学手段的灵活运用、教学目标的开放性设计、教学考核方法改革等，保证了学生专业能力、方法能力和社会能力的全面培养。

3、课程开发思路按照“以能力为本位、以职业实践为主线，以项目课程为主题的模块化专业课程体系”的总体设计要求，学生系统学习基本知识、掌握知识结构框架及要点，理解不同模块、不同章节的重点和难点，通过课堂讲解和项目模块化案例练习，使学生熟练掌握知识点。

《网页美工》课程教学大纲一、课程性质对于高等职业教育学院的学生来说，计算机课程是一门实践性及专业性很强的课程。

随着社会的发展，网络以其快捷、方便的特征被人们广泛接受。

时代大发展，人们的鉴赏力越来越高，对网站的视觉设计要求也越来越高。

《网页美工》正是这样的一门课程。

它提供的几乎是无限的创作空间，为网页设计开辟了一个极富弹性且易于控制的世界，提供了一个前所未有的自我表现的舞台。

是高等职业学校平面设计及多媒体专业从事相关实践不可缺少的重要手段之一，每一位相关专业的学生都应该熟练地掌握和运用，以增强适应职业变化的能力。

二、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。

三、课程要求根据教育部对教学计划制定的指导意见，该课程的课时设计为90课时，理论30课时，实践60课时。

而教学任务则要兼顾理论和实践内容，但不可能做到面面俱到，“全”而“深”的教材并不适应他们。

因而必须对教材内容的进行整合，这一点非常重要。

而教材内容的整合，既不能简单的删、减理论内容，也不能随便删减实践教学内容。

本教材的要求如下：高职计算机应用、网页设计、动漫、动画等专业中的必修课程，它具有承上启下的作用，因此在编写教材时，力求将平面设计的诸多因素贯穿其中，使学生在潜移默化中更多地去涉猎艺术元素，不断提高自我的艺术修养。

2.突出理论与实践相结合的原则，将理论融入每个实例中去，减少学生学习时感觉枯燥无味的现象，力求快速掌握网页设计的基本知识。

3.教材的每一章节的练习中增加了分析作业，充分发挥学生的自我想象能力，有助于锻炼学生的创造性思维，更好的适应市场的变化。

四、教学内容全书共分为8章，主要学习网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计等。

《网页美工设计与制作》课程教学进程表总计学习课时为 120 课时，其中理论课时为 60 课时，实验课时为 60 课时。

适用专业：视觉艺术，各章节课时分配如下：《网页美工设计与制作》课程教学大纲适用专业：视觉艺术教材：《网页美工设计与制作》新华教育（北京）研究院出版一、课程的性质与任务《网页美工设计与制作》课程是新华-网络传媒高级设计师专业（两年专科）课程。

通过本课程的学习，使学员可以系统地了解动画的制作方法，掌握动画的制作流程。

熟练掌握帧并帧动画、形变动画、运动动画的制作；掌握基本动画和脚本动画的制作。

学完本课程，学生可以制作Flash MTV、产品广告的制作、Flash网页的制作等，同时能够培养和提高学员分析问题和解决问题的能力，以提高学员就业应聘的综合能力。

二、课程的考核方法《网页美工设计与制作》为阶段考试必考课程，课程考试必考课程，采用理论考试方法，即在课程结束后以在线或纸质进行考核，考核权重为4%。

课程学完后学员可参加CIW认证考证。

三、课程的目标要求“目的要求”是指通过教师的讲授及学生的认真学习所应达到的教学目的和要求。

结合本课程的教学特点，“目的要求”分为“掌握”、“熟悉”和“了解”三个级别。

“掌握”的内容，要求教师在授课时，进行深入的剖析和讲解，使学生达到彻底明了，能用文字或语言顺畅地表述，并能独立做好实验，对案例内容进行分析，同时也是课程考试的主要内容；“熟悉”的内容，要求教师予以提纲挈领地讲解，使之条理分明，使学生对此内容完全领会，明白其中的道理及其梗概，在考试时会对基本概念、基本知识进行考核；“了解”的内容，要求教师讲清概念及相关内容，使学生具有粗浅的印象。

四、教学内容第1章网站基础[学习课时] 本章共需要学习 6 课时，其中理论课为 3 课时，实验课为 3 课时。

[目的要求] 1.介绍课程的内容以及作用2.掌握网站和网页的基本概念3．掌握网站设计的一般流程4.html语言的基本语法[教学内容] 1. 介绍课程的内容以及作用2. 网站和网页的基本概念2.1互联网的定义与功能2.2网页的定义、分类与功能2.3网站的定义与功能3. 网站设计的一般流程3.1规划（策划）3.2设计（美工）3.3实施（制作）4. html语言的基本语法4.1head标签4.2body标签第2章站点与HTML基础[学习课时] 本章共需要学习 6 课时，其中理论课为 3 课时，实验课为 3 课时。