首页   课程设计    做学教    在线答疑    在线测试    考核评价    考证专区    教学资源    师资队伍    实践条件    下载专区    创业就业   申报网站
网络教学平台 -《Web新媒体设计与制作》
课程设计
 
  首页 >> 课程设计 
学习指南(学生用)
发布日期:2009-02-16 17:44:36

网络数字媒体专业学习指南

 

课程名称:Web新媒体设计与制作

学分:3.5学分

学时:课内56学时+课外112课时

授课对象:计算机应用技术专业二年级学生

性质:专业核心课

先修课:音视频媒体采编、界面美工设计、二维动态媒体设计等专业基础课

后续课:WEB后台开发、项目管理

一、课程简介

Web新媒体设计与制作》课程是网络技术媒体专业的专业核心课。本课程采用以工作任务为中心选择、组织课程内容,并以完成工作任务为主要学习方式的项目化教学课程模式。在课程实施中,充分体现实训场所职场化、行为标准职业化、教学方法项目化、职业技能专业化、考核方法过程化。加强了课程内容与工作之间的相关性,整合理论与实践,提高学生职业能力培养的效率。

课程以职业能力培养为目标,根据企业实际需求,以企业对岗位的能力素质需求来设计教学内容,反复研究提炼,引入企业具有代表性的案例,精选设计教学项目,通过“拟定项目化教学的真实情境,按照企业规范化流程进行开发”实施项目,积累项目经验,熟悉Web媒体设计项目过程中常见的技术、流程、团队协作方式,掌握相关的解决方法。通过项目实践、课堂研讨、在线学习及职业素质训练,使学生能够从任务目标设定、个人时间管理、团队协作、沟通和情绪处理等方面,得到实际工作岗位所需要的学习能力、工作能力和创新思维能力。

本课程学习时,要有一定平面设计和平面动画的基本知识与技能。

 

二、培养目标

总体目标:

通过入门项目、主导项目和自主项目等全景展示网站的训练,使学生能够根据项目业务背景,分析项目需求的功能;完成全景项目的拍摄、图片拼接、交互功能的设置项目;确定全景展示网站风格和网站结构;按规范进行标准化发布网络平台设计。同时能够进行设计团队的管理,包括制定目标、分配任务和规范管理。

能力目标:

1)能够进行项目需求分析,了解项目业务背景。

2)能根据项目业务背景的不同,确定项目需要实现的功能。

3)能根据项目需求对素材进行收集、整理与处理。

4)能根据项目需求风格,设计虚拟展示页面。

5)能根据项目需求对客户场景进行拍摄。

6)能根据项目需求对拍摄照片进行拼接。

7)能对拼接后的全景照片进行虚拟漫游制作。

8)能对全景作品进行包装和美化

9)能根据客户需求全景展示网站进行页面规划与结构布局。

10)能根据需要对文字、图像、热区、锚点等建立相关链接,从而实现网站导航功能,建立网页页面间的链接。

11)能在网页中添加CSS样式,以使网页具有统一的标准化的风格。

12)能根据页面的内容要求在网页中嵌入图像、声音、多媒体信息,以使网页内容更为丰富。

13)能利用表格技术进行网页标准化布局。

14)能在HTML语言代码中嵌入JavaScript代码,实现不同的特效网页效果。

15)具有工作报告形成能力。

 

知识目标:

1)了解WEB站点的工作原理。

2)理解拍摄光线的应用原理。

3)掌握专业单反相机的使用方法。

4)理解图片拼接的方法和规范。

5)掌握虚拟漫游制作的基本规范。

6)理解服务器、客户端、浏览器的概念和作用。

7)掌握网站的命名规范、文件夹和文件的命名规范、网站界面设计的规范。

8)理解网站超链接中文档相对路径、站点根目录相对路径和绝对路径的含义。

9)理解HTML中的文本、字符、段落、列表、表单、框架、多媒体标记的作用。

10)理解模板的概念、可编辑区的含义。

 

素质目标:

1)培养学生项目开发的规范意识;

2)增强学生时间管理能力;

3)增强学生沟通表达能力;

4)培养学生的创新思维能力、艺术鉴赏能力和实际应变能力;

5)培养学生的团队协作精神以及团队的管理能力,包括制定目标、分配任务和规范管理;

6)培养学生专业外语单词的学习能力;

7)培养学生的自我学习能力;

8)培养学生分析问题解决问题的能力;

9)培养学生具有一定的服务意识、文明法制意识;

10)培养学生具有严谨的工作态度。

 

三、考核方法

网页设计课程考核采用了“四个结合”原则,对学生进行多层次、多角度、全方位的职业技能和素质考核:

把教学考核方法和企业工作效能考核方法相结合:我们不仅在项目实施中采用了企业实战情景模拟,同时在考核上也把企业中对员工的效能考核方式引入教学考核中,两者结合,设计了基于教学、源于企业的考核标准。

把教师考核和学生评价相结合:项目实施中除了项目总监对项目组各位员工的工作评价,各项目组经理也要对本组员工进行评价,结合两个不同的视角,评价员工将更全面,更准确。

把技能考核和综合素质考核相结合:在考核项目的设置中,不仅注重对技术技能的考核,同时对于企业员工必要的基本职业素养,例如沟通表达能力,团队协作能力等方面也加大了考核的力度和比例。

形成性评价和总结性评价相结合:在每个项目实施过程中的每个任务也设置了相应的任务考核表,每次任务考核的累积直接影响最终的课程考核,这使总结性考核有理有据,同时能更好的监测每个时期的教学效果和学生各项能力的提升情况。

在项目实施的每一步中,项目总监、项目经理及每个设计员都要按照进程表对所做工作进行阶段性检查(也就是过程考核),项目完成后先由项目总监检查、测试网页运行情况,最后进行验收(即结果考核),项目考核过程模拟了企业实际运作过程。

通过交流、展示和讨论,根据每个学生在项目开发过程中的参与程度、所起的作用、合作能力及成果等,对学生的学习情况做出反馈和评价,这是学生对知识掌握和能力提高的重要阶段,使学生体验到项目的成就感,极大地鼓舞和激发学生的学习动力。

在过程考核时,还对学生在项目实施过程中所体现出的企业规范化文档的编制能力、网站开发的规范性、知识应用能力、与人合作能力、吃苦耐劳精神、信息资料整理处理;自我学习能力等综合素质进行考核。

同时,为了调动学生参与项目的积极性,激发学生的竞争意识,开发了《网页设计评分系统》,将学生的项目成果全部上网,进行网上评分,而且该系统对校内外开发,由学生自评、互评、校内校外学生、教师和其它任何人员进行评价,随时可以统计出评分和排名情况,通过展示项目成果并将成果作为回报奖励给学生使之有一种成就感。

最后的课程成绩由任务考核、项目考核、网上考核成绩按一定比例计算而得。具体详见课程成绩评分表。

附:

1)工作任务完成情况评价表

2)项目验收表

 

四、教材、参考书和参考资料

1.教材

校本教材《Web新媒体设计与制作》

通过对Web设计师岗位能力分析,得出岗位所需的能力、知识和素质的要求,精心设计教学项目,以全景展示项目为主线,以实际工作流程作为教材内容的编排顺序,从分析业务背景入手,进行需求分析,确定全景展示方案,进行全景效果的设计与制作,并根据网站的业务背景对网站进行策划,根据网站内容进行页面规划与结构布局,按照设计规范进行网页设计。该书强调技能训练、企业项目经验的培养,教材与行业企业标准紧密结合。

2.参考教材与网络资源

1)推荐教学参考书

针对课程培养目标,精选参考书目,推荐给学生以作课外学习使用:

1.韩国网页设计精粹 黄米、章英编 电子工业出版社2007

2.感受精彩Dreamweaver8 沈炜等编著人民出版社

3.Web Design设计师谈精彩精彩网页设计 黄在贤() 电子工业出版社2004

4.平面视觉艺术网址 林路编著 江西美术出版社2004

5.电子商务网站建设实例 赵乃真编著 清华大学出版社2003

6. Dreamweaver8网页设计经典商用案例 何琛主编 上海科学普及出版社2007

7. Dreamweaver8完美网页设计综合实例篇 鲍嘉等编著 中国青年电子出版社2006

2)推荐的网络资源

1.中国建站网 http://www.136z.com/

2.网页设计师联盟 http://www.68design.net/

3.网页教学网 http://www.webjx.com/

4.韩国设计资源网 http://www.han123.net/

5.红动中国 http://www.redocn.com/

6.模板天下 http://www.mbsky.com/

7.太平洋电脑软件学院 http://pcedu.pconline.com.cn/

8.赛腾网 http://www.siteem.com/res/

 

五、学习标准和学习方法


课次

学时

教学目标和主要内容

单元标题

能力目标

能力训练项目编号

知识目标

其他内容

(课程主要内容)

考核内容方法

1

4

天宁寺全景展示

1-1项目需求分析

1.能够理解需求方意向,分析可行性,向客户传达自己的设计思想;

2.明确了解客户对全景的拍摄意图

3.能够制定项目整体设计方案;

 

1-1

1.了解项目来源;

2.了解需求方行业背景;

3.熟悉技术服务合同书、需求分析登记表、项目建设方案的书写规范;

课前动员:

1.对学生进行教学情况的调查;

2.对学生介绍项目化教学法的意义、组织过程。

3.利用多媒体向学生展示优秀网站及数字媒体作品,介绍本专业的发展现状及趋势,对学生进行专业教育。让同学明确本门课程的能力目标和知识目标。

4.介绍教材的使用及参考书、参考网站的使用方法。

5.拟定企业情境,进行角色定位

学生按4-6人的规模自由组合成团队,作为网影科技有限公司项目事业部的项目开发组,每个项目组中一人被推选为项目经理,教师作为网影科技有限公司项目事业部的项目总监。第一、二项目每个项目组由项目经理组织各项目组成员进行讨论、共享资料,但项目组每个成员都要独立完成项目,最后一个自主创新项目,由项目经理组织小组成员分工合作完成。

6.任务布置

与常州天宁宝塔置业有限公司代表就天宁寺全景项目的相关事宜进行洽谈,签定技术服务合同书,并根据天宁寺需求,为其天宁寺网站添加景区景点全景展示效果,制订项目建设方案。

7.公布项目(或任务)完成情况的基本考核办法。

8.项目实施过程:见能力训练项目中对应的训练方式手段及步骤。

重点解决以下问题:

1)如何引导客户填写调研登记表;

2)如何根据需求分析,撰写全景项目建设方案;

3)引导学生如何建立项目组,并能充分进行团体协作,完成相应工作任务。

1-1工作任务情况评价表

2

4

1-2全景图片拍摄

1.能够理解需方意向,结合现场实际情况分析可行性;

2.能够与需方、需方现场工作人员或陪同人员进行交流、沟通、协作、配合;

3.能够对需方企业的 VI有整体了解;

4.能够根据现场多变的实际情况完成照相设备的调试;

5.能够现场确定拍摄方案、组织拍摄。

1-2

1.了解全景图片的概念;

2.了解全景相机、三脚架的基本构成;

3.熟悉全景图片的拍摄要领;

4.掌握全景相机参数的设置、三脚架架设;

5.掌握现场拍摄时选择最佳拍摄点的基本要领。

1.任务布置

常州天宁宝塔置业有限公司已与网影科技有限公司签定了合作协议,常州天宁宝塔置业有限公司提供了所需全景项目建设的原始素材,天宁景区的CAD图,要求网影科技有限公司项目组能完成全景图片的拍摄工作

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何能够正确理解需方意向,结合现场实际情况分析可行性;

2)如何能够与需方、需方现场工作人员或陪同人员进行良好的交流、沟通、协作、配合;

3)如何能够根据现场多变的实际情况完成照相设备的调试;

4)如何能够在现场确定拍摄方案、组织拍摄。

对知识相对容易理解的内容以学生自己学习为主,而对相对较难理解的内容进行集中的必要的学习、演示、练习,特别是第一个项目的实施,主要是在教师的引领下进行。第二个项目以学生自主学习,课外训练为主,但新知识的反复学习、新技能的重复训练还是安排在课内集中学习。

3.布置下一次任务

1-2工作任务情况评价表

3

4

1-3全景图片拼接

 

1.能够安装“造景师6.00企业版”软件;

2.能够完成全景图片的拼接;

3.能够判断拼接后的全景图的适用性并能修饰。

1-3

1.熟悉“造景师6.00企业版”的使用;

2.掌握全景图片的拼接。

 

1.任务布置

根据项目建设方案要求,将拍摄完毕的全景图片进行拼接。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何安装“造景师6.00企业版”软件;

2)如何完成全景图片的拼接;

3)如何判断拼接后的全景图的适用性并能修饰。

3.布置下一次任务

1-3工作任务情况评价表

4

4

1-4 皮肤制作

 

1.理解项目整体规划和风格(style);

2.能够了解客户的行业背景和行业特点;

3.能够对企业 VI有整体了解;

4.理解客户以及最终产品传播对象对审美的需求;

5.能规划设计制作出符合项目需求和客户需求的全景界面皮肤。

1-4

1.不同行业在色彩使用上的特点;

2.了解企业VI(Visual Identity)系统对界面设计的指导性;

3Photoshop在界面设计中的使用

 

1.任务布置

根据项目建设方案的要求,根据客户行业需要,进行全景项目皮肤的制作。

2.项目实施过程

见能力训练项目设计中对应的项目所制定的训练方式手段及步骤。

重点解决以下问题:

1)如何理解项目整体规划和风格;

2)如何理解客户以及最终产品传播对象对审美的需求;

3)如何能规划设计制作出符合项目需求和客户需求的全景界面皮肤。

3.布置下一次任务

1-4工作任务情况评价表

5

4

1-5漫游制作及网络发布

 

1.能够完成全景漫游制作及网络发布;

2.能够向客户介绍完成的全景漫游工程;

3.能够听取客户的反馈建议并对全景漫游工程进行修改、完善

1-5

1.熟悉“漫游大师2.00的使用;

2.掌握全景漫游制作及网络发布。

1.任务布置

根据项目建设方案的需要,进行全景项目的漫游制作及网络发布。

2.项目实施过程

见能力训练项目设计中对应的项目所制定的训练方式手段及步骤。

重点解决以下问题:

1)如何设置漫游点,以完成全景漫游制作;

2)如何根据已有网站风格和布局,进行全景项目的发布网页布局设计;

3)如何向客户介绍完成的全景漫游工程;

4)如何听取客户的反馈建议并对全景漫游工程进行修改、完善

3.布置下一次任务

1-5工作任务情况评价表

8

4

2-1项目需求分析

1.能够理解需求方意向,分析可行性,向客户传达自己的设计思想;

2.能够了解需求方相关行业背景;

3.能够对企业 VI有整体了解;

4.能够进行项目需求分析,确定网站具体功能;

5.能够制定项目整体设计方案;

 

2-1

1.了解项目来源;

2.了解需求方行业背景;

3.熟悉相关行业网站的视觉形象;

4.理解网络展示平台需要的功能;

5.熟悉技术服务合同书、需求分析登记表、项目建设方案的书写规范;

6.了解网页布局类型及适用范围

1.任务布置

这是完整的全景项目,需求方-武进规划展览馆不仅请我们对其展览馆进行全景的拍摄、拼接、漫游制作,还需要为武进城市规划展览馆进行网站建设,使全景项目能够通过网站的形式展现在网络中。所以本次工作任务:分析武进规划展览馆行业背景,全景项目所需提供的服务;展览馆网站需要的功能;确定网页风格和网站结构,制定项目建设方案及项目开发进程表。

2. 项目实施过程

见能力训练项目设计中对应的项目所制定的训练方式手段及步骤。

重点解决以下问题:

1)通过分析网站行业背景和网站需要的功能,来确定网页风格和网站结构;

2)制定网站建设方案及网站开发进程表;

3)如何建立网站建设的规范

3.布置下一次任务

2-1工作任务情况评价表

9

4

2-2展览馆全景展示效果设计

1.能够理解需方意向,结合现场实际情况分析可行性;

2.能够与需方、需方现场工作人员或陪同人员进行交流、沟通、协作、配合;

3.能听取客户的反馈建议并对工程进行修改、完善;

4.能够根据现场多变的实际情况完成照相设备的调试,能够现场确定拍摄方案、组织拍摄;

5.能够完成全景图片的拼接,能够判断拼接后的全景图的适用性并能修饰;

6.能够完成全景漫游制作及网络发布。

2-2

1.熟悉全景图片的拍摄要领;

2.掌握全景相机参数的设置、三脚架架设;

3.掌握现场拍摄时选择最佳拍摄点的基本要领;

4.掌握全景图片的拼接;

5.掌握全景漫游制作及网络发布。

1.任务布置

根据武进规划展览馆要求,依据项目一全景拍摄、拼接、漫游制作的项目经验,进行展览馆全景展示效果设计

2. 项目实施过程

见能力训练项目设计中对应的项目所制定的训练方式手段及步骤。

重点解决以下问题:

1)如何理解需方意向,结合现场实际情况分析可行性;

2)如何根据现场多变的实际情况完成照相设备的调试,能够现场确定拍摄方案、组织拍摄;

3)如何完成全景图片的拼接,能够判断拼接后的全景图的适用性并能修饰;

4)如何完成全景漫游制作

因这次任务需完成内容较多,培养学生如何在规定的时间内通过项目组各成员的努力,合理分配好任务,共同完成任务。

3.布置下一次任务

2-2工作任务情况评价表

10

4

2-3网站引导页面设计

 

1.能够根据项目需求方案,进行引导页面动画设计思路分析;

2.根据动画性质来选择合适的元件;

3.通过创建补间动画制作对象移动动画和特效;

4.通过创建补间形状来创建对象变形动画;

5.运用Action Script命令控制对象播放;

6.根据网站布局要求,确定合适的导航条;

7.分析按钮触发过程,利用Action Script命令控制按钮触发效果;

8.设计网站动态Banner条。

2-3

1.理解引导页面动画的作用;

2.理解导航菜单的作用;

3.进一步熟悉时间轴、图层、空白帧、关键帧之间的关系及各自的作用;

4.了解DepthLevel的含义;

5.进一步熟悉三种不同元件的使用方法及应用范围;

6.掌握stopGetUrlAction Script命令的用法;

 

1.任务布置

为了产生强烈的视觉效果,采用宣传本部门的flash简短动画开头,动画中展示有规划的效果图片,用以展示展览馆的特点;同时采用Flash制作的动态导航条。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何收集整理原始图片;

2)如何根据网站需求方案,进行引导页面动画设计思路分析;

3)如何根据动画性质来选择合适的元件;

4)如何通过创建补间动画制作对象移动动画和特效;

5)如何通过创建补间形状来创建对象变形动画;

6)如何运用Action Script命令控制对象播放;

7)如何根据网站布局要求,确定合适的导航条;

8)如何制作鼠标跟随效果;

9)如何分析按钮触发过程,利用Action Script命令控制按钮触发效果;

10)如何设计网站动态Banner条。

3.布置下一次任务

2-3工作任务情况评价表

11

4

2-4网页前台页面设计

 

1.能利用表格布局网页

能建立站点及网页的命名规范

2.能建立图像、表格、链接、页面设计规范,按规范添加网页内容;

3.能利用CSS进行网页主体部分的布局;

4.按规范流程插入网页元素,进行网页设计;

2-4

1.熟练掌握CSS样式运用;

2.熟练使用表格进行网页布局。

1.任务布置

建立站点及网页的命名规范,将设计的工作原型转化为Dreamweaver的网页,并用CSS样式进行网页规范设计。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

如何熟练创建CSS样式,并运用CSS样式统一网站风格。

3.布置下一次任务

2-4工作任务情况评价表

12

 

2-5 网页特效设计

1.能利用行为面板为网页添加动态特效;

2.能为网页添加简单的JavaScript效果;

3.能在网页中插入flash动画,并设置透明背景;

4.能制作JavaScript动态导航条;

5.能在页面中插入声音、视频等其他多媒体素材;

2-5

1.理解行为的作用;

2.理解事件的含义。

3.理解JavaScript的简单语句;

4.理解Flash动画的属性含义;

1.任务布置

为网页添加动态效果,美化网页。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

如何熟练利用JavaScript设计导航条,在网页中调用JavaScript,多媒体素材在网页中的应用。

3.布置下一次任务

2-5工作任务情况评价表

13

4

2-6规范化批量设计

 

1.能将网页首页面保存成模板

2.能按规范化批量完成其它页面的制作;

2-6

熟练掌握模板的运用方法。

1.任务布置

利用模板,进行批量网页的制作。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何创建页面,并进行网页模板的设置;

2)如何按需求规划文本编辑区,添加网页元素。

3)如何利用模板制作网页

4)如何利用模板修改网页中重复使用的页面元素

3.布置下一次任务

2-6工作任务情况评价表

14

4

2-7 交互式网页制作

1.能根据客户需要,设计用户调查表页面的表单内容;

2.能修改表单各对象的属性设置;

3.能规范设置表单文字及各元素命名、大小、位置;

4.能利用表格规范布局表单页面;

2-7

1.理解表单各对象的功能;

2.理解表单各元素的HTML标签;

3.理解各元素的属性含义;

 

1.任务布置

制作用户留言页面。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何规范设置表单文字及各元素命名、大小、位置;

2)如何修改表单各对象的属性设置;

3)如何利用表格规范布局表单页面。

3.布置下一次任务

2-7工作任务情况评价表

17

4

2-8 网站测试及发布

1.能根据客户需要,设计和模拟申请域名;

2.能对网站的美工、图片、链接进行测试;

3.能对网站的功能、数据库连接进行测试

4.能将网站发布到网络上

2-10

1.熟悉Dreamweaver自带测试工具

2.熟悉常见网站安全测试工具

3.了解服务器的配置方法

1.任务布置

能对网站的功能、安全性进行测试、并发布到网络上。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

重点解决以下问题:

1)如何对网站进行测试;

2)如何将网站发布到网络上;

3.布置下一次任务

2-9项目验收表

18

4

3课外项目验收

1.能进行网站项目的建设与测试;

2.能进行项目成果汇报展示,表达有条理。

3.能理解验收的各项标准

3

1.掌握网站调试的方法;

2.了解口头表达的技巧;

3.熟练掌握任务完成报告的书写;

4.熟练掌握PPT的制作。

1.任务布置

调试运行网站,根据合同要求对网站项目进行验收。

2.项目实施过程

能力训练项目设计中对应的项目所制定的训练方式手段及步骤

3.课程结束

3项目验收表

 



相关附件:
yxiao_05-学习指南(学生用).doc | 
© 2006-2009 JPKC.CZIE.net All Rights Reserved. 常州工程职业技术学院 - 网络教学平台