《网站美工》
课程标准
课程名称： | 网站美工 |
所属院系部： | 信息工程系 |
合作企业： | 山东中动文化传媒有限公司 |
制定人： | 张成霞 |
合作人： | 孙月兴、马凤娟、张长龙 |
制定时间： | 2015年9月 |
潍坊工程职业学院
课程标准
一、课程基本信息
课程名称：网站美工 |
课程代码：1070020 | 学分：4 | 学时：72 |
授课时间：第2学期 | 授课对象：计算机信息管理专业 |
课程类型：专业核心课程 |
先修课程:计算机文化基础、网页设计 | 后续课程:顶岗实习、毕业设计 |
二、课程性质与任务
课程性质
《网站美工》是信息工程系计算机信息管理专业学生必修的一门专业核心课。本课程前导课程是《计算机文化基础》，后续课程是顶岗实习、毕业设计等。本课程是理论与实践相结合的实践性很强的课程。
课程任务
本课程从加强基础、培养学生动手能力、提高素质的教学目标出发，建立一个科学的、合理的动画设计与制作实验教学课程体系。使学生通过本课程实验教学，不只是加深理解和巩固所学理论知识，而且更能切实掌握动画设计与制作基本实验操作，正确运用常用动画制作软件制作适合网络传播的动画作品。在实验教学中，同时加强对学生进行科学素质和良好的实验室工作习惯的训练，培养学生的时间意识。为培养具有创新精神和实践能力的高素质人才奠定良好的基础。
三、课程设计思路
本课程标准按照学院“SQC”人才培养模式要求，通过对二维动画制作领域的调查分析，以市场为需求，以企业为依托，组织项目；根据生产过程模拟，体现“教、学、做”一体化，“理训”一体；根据项目内容整合教材，增加拓展项目，举一反三，培养学生技能。课程内容突出对学生职业能力的训练，理论知识的选取仅仅围绕工作任务完成的需要来进行，以工作任务为中心来整合理论与实践，实现理论与实践的一体化。项目的设计由简单到复杂，引导学生拓开思维，自主解决问题，实现对项目的不断完善。
课时安排：共64学时，实践32学时；开设学期：第二学期；内容来源：广告公司的项目、网站动画、宣传部门、电视动画片、小游戏等。
四、课程培养目标
总体目标
通过本门课程的学习，培养具备一定的审美能力和专业创作能力。了解网站图片设计与处理、网站动画作品的设计与制作等工作的高技能高素质人才。
知识目标
掌握PHOTOSHOP、FLASH软件操作知识，并利用软件完成作品的能力。
能力目标
能独立制作网站图片、网站动画。
素质目标
1. 通过模拟企业项目，培养学生吃苦耐劳、细致认真、一丝不苟的工作作风；
2. 培养学生团队合作和与人交流、沟通的能力；
3. 通过项目实施中的作品展示，培养学生表达和展示自我的能力和意识；
4. 遵守IT行业规范，尊重知识产权，诚实可靠，保守秘密，尊重他人隐私。
五、课程内容与学时分配
为使学生对计算机基础有一个整体的理解，实现教、学、做的统一，让学生逐步掌握网站美工所需的知识和技能，本学习领域以11个学习模块来组织教学，以项目为教学载体实施教学，将职业行动领域的工作过程融合到项目教学中。本学习领域的学习模块和学时分配见表1。
表1
|
| 学时 |
学习模块1：初识网页设计与配色 | 4 |
教学目标 | 了解网页设计与配色的基本知识 |
教学 知识点 | • 网页设计的相关术语 • 网页美工常用工具 • 网页版面布局设计 • 常见的版面布局形式 • 文字与图像版式设计 • 网页配色安全 • 不同色彩的网页 • 网页配色技巧 |
学习模块2：实用PHOTOSHOP入门基础 | 4 |
教学目标 | 了解PS的基本软件操作 |
教学 知识点 | • Photoshop CC工作界面 • 设置前景色和背景色 • 创建选择区域 • 基本绘图工具 • 创建文字 • 图层与图层样式 • 应用滤镜 |
学习模块3：处理设计网页图片 | 6 |
教学目标 | 掌握网页图片的设计与制作 |
教学 知识点 | • 几种常见的抠图工具及方法 • 制作商品倒影的方法 • 制作格子效果图片 • 更换图片背景 • 制作木纹背景图片 |
学习模块4：设计网页特效文字 | 6 |
教学目标 | 掌握网页特效文字的制作方法 |
教学 知识点 | • 设计火焰字 • 设计发光字 • 设计绿色清新风格文字 • 设计蓝色荧光字 • 金色质感文字 • 设计黄金立体字 |
学习模块5：设计网页LOGO与按钮 | 6 |
教学目标 | 掌握网页LOGO与按钮的制作方法 |
教学 知识点 | • 网站Logo的制作 • 静态标识Logo的制作 • 网站动态Logo的制作 • 制作绿色环保Logo • 网页按钮设计技巧 • 制作按钮 • 制作透明按钮 |
学习模块6：设计网络广告和海报 | 8 |
教学目标 | 掌握网络广告和海报的设计与制作 |
教学 知识点 | • 网络广告的制作 • 促销广告 • 设计圣诞贺卡 • 时尚产品海报 |
学习模块7：创建切片与设计网页动画 | 8 |
教学目标 | 掌握切片与网页动画的设计与制作 |
教学 知识点 | • 快速制作Web文件 • 创建与编辑切片 • 优化与导出切片图像 • 动画面板 • 横幅动态Banner |
学习模块8：FLASH绘图基础 | 6 |
教学目标 | 了解FLASH绘图基础 |
教学 知识点 | • Flash CC简介 • Flash CC的工作界面 • 绘制图形工具 • 选择对象工具 • 编辑图形工具 • 文本工具的基本使用 |
学习模块9：实用原件与库管理好动画素材 | 6 |
教学目标 | 掌握动画素材的管理方法 |
教学 知识点 | • 元件和实例的概念 • 创建元件 • 编辑元件 • 创建与编辑实例 • 创建和管理库 • 使用公共库 |
学习模块10：创建基本FLASH动画 | 6 |
教学目标 | 掌握FLASH动画的创建方法 |
教学 知识点 | • 创建逐帧动画 • 创建补间动画 • 遮罩动画的创建 • 运动引导层动画的创建件和实例的概念 • 创建元件 • 编辑元件 • 创建与编辑实例 • 创建和管理库 • 使用公共库 |
学习模块11：设计制作企业网站 | 8 |
教学目标 | 掌握网站图片制作的综合方法 |
教学 知识点 | • 网站策划 • 设计网站封面页 • 创建本地站点 • 使用Dreamweaver制作页面 |
测验 | 4 |
学时合计 | 72 |
六、课程实施建议
（一）教材及教学参考书
教材：《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》，人民邮电出版社，安道通主编。
（二）考核标准与方法
1．考核内容：理论知识、实践技能与综合应用
2．考核形式：过程性考核与期末考试相结合。
3．成绩评定方法：过程性考核占40％，期末考试占60％，课程成绩评定依据见表5。
4．过程性考核内容及评定标准
（1）职业道德：（占20%）考核内容：包括尊敬师长，遵纪守时，学习态度认真，按时、保质保量完成作业。平时积极主动，勤奋踏实，注意团结协作等。
（2）课堂交流讨论：（占20%）考核内容：包括语言表达、思路是否清晰、提出问题、分析问题、解决问题的能力等
（3）任务完成报告：（占30%）考核内容：根据提交的任务完成作品的质量，考核作品内容是否完整、规范；设计概念是否清晰、获取信息以及归纳整理的能力。
（4）项目单元考试：（占30%）包括平时项目单元考试
5．期末实践考试（以命题作品为主）
（1）命题指导思想
依据教学大纲规定的教学内容、教学要求和教材的范围，重点考核对基本理论知识的理解、掌握以及运用能力。
（2）试题类型
例：用Flash制作一个有关“环保内容”的短片动画，要求时间不少于2分钟，并要求使用背景音乐，颜色，布局搭配和内容合理。
（3）成绩考核
准确的把握构图，主体突出（20分）；动画的流畅性，检查学生对逐帧动画的掌握情况（30分）；动画的时间掌握，各元素之间的穿插衔接（30分）；动画的色彩和文字版式（20分）。
表2 《网站美工》课程成绩评定依据
考核形式 | 考核项目 | 比重（%） | 成绩综合评定中比重（%） | 考试时间 |
过程性考核 | 职业道德 | 20 | 40 | 平时 |
课堂交流讨论 | 20 |
设计作品完成 | 30 |
项目单元考试 | 30 |
期末实践考试 | 各单元项目综合内容 | 60 | 课程最后一周 |
（三）教学建议
1．本课程要多采用实例教学，多搜集一些小的制作实例，让学生多观摩多练习，特别是在基础动画技巧与高级动画技巧方面，要多花一些时间。
2．根据本课程的教学目标，采用课内外教学与校内外教学活动相结合，社会实践与专业相结合等各种途径，加强学生职业能力的培养。
3．注意不断充实新的创作技巧、新技术的内容。
4．利用网络教学和网络资源库的结合，充分提高学生的自主学习和创作能力。
