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

 

 

常州工程职业技术学院

 

Web新媒体设计与制作》课程整体设计

 

管理信息

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

课程代码:

制定人:肖玉

合作人:

修订人:

批准人:

版次:4

时间:2008.9

 

课程性质

学分:3.5学分

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

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

性质:专业核心课

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

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

 

 

 

 

课程设计

1、课程目标设计

总体目标:

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

能力目标:

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)培养学生具有严谨的工作态度。


2、课程内容设计

序号

课程内容

项目

入门项目

主导项目

自主项目

1

信息检索

2

网站管理

3

全景照片拍摄

4

全景照片拼接

5

虚拟漫游制作

6

作品包装美化

7

设计虚拟展示页面

8

网络发布平台需求分析

9

文本插入与排版

10

图像插入与排版

11

超链接的应用

12

利用表格布局网页

13

模板的应用

 

14

样式的应用

 

15

运用行为创建动态效果

 

16

网页多媒体技术应用

 

17

表单的应用

 

18

网站的测试与发布

 

19

资料存档

20

专业英语

21

总计

 

 

 

 

 

项目名称

项目编号

任务

任务编号

课时

第一次课

课程介绍、考核方式介绍、教学情景设计

1

入门项目:天宁寺全景展示

1

项目需求分析

1-1

3

全景图片拍摄

1-2

4

全景图片拼接

1-3

4

皮肤制作

1-4

4

漫游制作及网络发布

1-5

4

主导项目:城市规划展览馆全景展示网站建设

2

项目需求分析

2-1

4

展览馆全景展示效果设计

2-2

4

网站引导页面设计

2-3

4

网页前台页面设计

2-4

4

网页特效设计

2-5

4

规范化批量设计

2-6

4

交互式网页制作

2-7

4

网站测试及发布

2-10

4

自主项目:

3

课外项目验收

3

4

总计

56

 

本课程采用“天宁寺全景展示”、“城市规划展览馆全景展示网站建设”、“企业类全景展示网站建设”三个项目,每个项目都以任务为载体,将课程学习的知识点分解到各个项目中。每个项目都有鲜明的独立性,能独立完成一个任务。同时,项目之间又相互关联,每个项目间的知识和技能层层递进,前一项目是后一项目的基础,后一项目巩固增强了前一项目的知识和技能。知识与技能学习由浅入深,循序渐进,克服了学生的畏难情绪。每个任务的实施按照“资讯——决策——计划——实施——检查——评价”等六个步骤来展开。

1、天宁寺全景展示(课内):在老师引导下进行项目训练,天宁寺景区已有网站,但是需要添加天宁寺具体景点的全景展示,通过这个项目,使学生熟悉全景项目的项目需求分析、全景图片拍摄、全景图片拼接、皮肤制作、虚拟漫游制作及网络发布的工作流程,能够完成天宁寺景区全景项目。

2、城市规划展览馆全景展示网站建设(课内):以学生自主实施为主,教师指导为辅。本项目除了完成展览馆全景展示的素材制作外,还设计了城市规划展览馆网络发布网站,主要是以武进城市规划展览馆如何凭借其独特而现代的设计风格、全面详实的规划展示内容。为了产生强烈的视觉效果,采用宣传本部门的flash简短动画开头,动画中展示有规划的效果图片,用以展示展览馆的特点。整个网站以宣传本部门为主,要求图文并茂,其中有文字说明的需要有英文翻译;整体界面美观大方,界面需要有“武进历史、分区规划、交通规划、重点项目、重点核心区规划、高新产业、两湖规划、新农村建设”等八大展示区的展示。

3、企业类全景展示网站建设(课外):学生以课题组为单位,自行选择客户或参与教师对外服务项目,与用户进行需求调研和分析,签订合作协议书,制定建设方案,按照计划进程开发,最后以是否通过验收来进行考核。


 

3、能力训练项目设计

编号

能力训练

项目名称

能力训练次级目标

拟实现的能力目标

相关支撑知识

训练方式手段及步骤

结果

(可展示)

1

天宁寺全景展示

1-1项目需求分析

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

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

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

 

1.了解项目来源;

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

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

 

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

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

2.任务布置

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

3.任务完成的方式手段与步骤

以下步骤在课外完成:

1)常州天宁宝塔置业有限公司代表提出全景项目的意向,网影科技有限公司项目经理与其进行接洽,进行初步的需求分析。

2)在课余时间,以小组为单位,利用学院图书资源、网络资源,查找、收集各种相关资料,做好完成工作任务的准备工作。

以下步骤在课内实施:

1)教师(项目总监)宣布项目事业部每周例会开始,说明本周例会的主要议题,列出需解决的问题。(3-5分钟);

2)资讯:项目经理组织小组成员对客户提出的需求,进行分析,搜集、整理、学习搜集到的相关资料;

3)决策:通过对客户需求的分析,资料的参考,由项目经理组织项目组成员讨论,每个项目组成员对本次任务进行决策;

4)计划:每位小组成员对完成本次工作任务进行计划;

5)实施:每组小组成员根据计划安排,有条理的完成工作任务,教师作为项目总监指导小组成员完成工作实施;

6)检查:推荐1-2名项目组成员对自己完成工作任务的计划、实施、成果进行汇报(控制在10分钟之内),对任务完成情况进行总结性回报,教师作为项目总监对任务完成情况进行检查,指出需要修改和完善的地方,各小组成员根据修改意见进行整改;

7)评估:对工作完成情况、功能的实现情况、工作态度进行评估,完成任务完成情况评价表;

8)布置下一任务

各小组成员通过文献、书籍、网络等途径查询资料,完成相应的文档,培养学生信息查找与处理能力;熟练使用WORD进行规范化排版,通过汇报演讲培养学生的语言表达能力;通过合作准备材料,培养学生与人合作能力。

1.技术服务合同书;

2.需求分析登记表;

3.网站建设方案

 

2

1-2全景图片拍摄

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

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

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

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

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

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

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

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

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

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

1.任务布置

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

 

2.任务完成的方式手段与步骤

内容基本同上任务11

 

拍摄的全景图片

3

1-3全景图片拼接

 

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

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

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

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

2.掌握全景图片的拼接

 

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

拼接后的全景图片

4

1-4 皮肤制作

 

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

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

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

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

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

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

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

3Photoshop在界面设计中的使用

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

 

全景界面皮肤

5

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

 

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

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

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

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

全景漫游项目并发布

6

城市规划展览馆全景展示网站建设

2-1项目需求分析

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

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

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

4.能够进行项目需求分析,确定网络展示平台具体功能;

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

6.能够根据规划设计草图。

1.了解项目来源;

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

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

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

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

1.技术服务合同书;

2.需求分析登记表;

3.网站建设方案

 

7

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

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

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

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

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

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

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

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

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

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

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

项目经理对小组组员进行分工:1-2人负责全景图片拍摄,1-2人负责全景图片拼接,1-2人负责漫游的制作,由项目经理协调安排,组织小组成员完成全景的项目

其他内容基本同上任务11

 

展览馆三维全景展示

8

2-3网站引导页面设计

 

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

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

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

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

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

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

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

8.设计网站动态Banner条。

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

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

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

4.了解DepthLevel的含义;

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

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

7.理解给按钮添加行为(Behavior)的方法。

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

1.网页引导页面;

2.网站动态Banner条。

9

2-4网页前台页面设计

 

1.能利用表格布局网页

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

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

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

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

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

网页主页面

10

2-5 网页特效设计

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

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

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

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

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

1.理解行为的作用;

2.理解事件的含义。

3.理解JavaScript的简单语句;

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

1.任务布置

对已完成的网页添加动态效果。

2.任务完成的方式手段与步骤

内容基本同上任务11

 

完善网页动态效果设计

11

2-6 规范化批量设计

 

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

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

 

所有网页页面

12

2-7 交互式网页制作

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

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

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

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

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

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

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

 

1.任务布置

制作用户调查页面。

2.任务完成的方式手段与步骤

内容基本同上任务11

 

 

用户调查表页面

13

 

2-8 网站测试及发布

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

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

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

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

1.熟悉Dreamweaver自带测试工具

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

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

1.任务布置

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

2.任务完成的方式手段与步骤

内容基本同上任务11

武进规划展览馆网站

14

3

3课外项目验收

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

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

 

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

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

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

4.熟练掌握PPT的制作。

1.任务布置

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

2.任务完成的方式手段与步骤

以下步骤在课外完成。

1)项目经理进行组内成员工作安排:1人负责调试运行网站;1人负责准备验收文稿;1人撰写任务完成报告;1人制作汇报演示文稿;1人负责准备好汇报现场,笔记本电脑、投影、摄像机、照相机、验收表、记录纸,项目经理负责协调工作,制定工作计划。

2)在课余时间,以小组为单位,对网站进行调试运行;撰写任务完成报告,在报告中必须对主要专业术语标注英语单词;完成汇报演示文稿的制作;准备验收表。

以下步骤在课内实施:

1)教师(项目总监)说明本次课的主题对网站项目进行验收,说明验收流程和要求。(3-5分钟)

2)各组继续对网站进行最后的调试、完善,作好验收的准备。(约15分钟)

3)由各组选派代表(每次必需选派不同人员)汇报此次项目完成的情况,说明组内分工情况,说明网站建设思路,展示完成结果,每组时间控制在10分钟以内,如有遗漏,组内其他成员可以进行补充。

4)由各公司项目代表(企业兼职教师担任)进行提问,项目组代表答辩,项目代表填写项目验收表。(约10分钟/项目组)

5)由教师根据汇报情况,进行必要的提问、评价与个别核实,并按考核标准逐项进行分数初步确定,最终成绩还要根据审核报告和成果的情况确定。(此次成绩在网上向学生公布)(时间大约为10分钟)。

6)项目总监总结归纳(时间大约为5分钟)。

7)教师宣布整个课程结束。

建设方验收项目,将最优秀的作品作为开发成果交付建设方。

1.网站项目作品

2.项目验收表

4、进程表设计(以天为最小单元)

课次

学时

教学目标和主要内容

单元标题

能力目标

能力训练项目编号

知识目标

其他内容

(课程主要内容)

考核内容方法

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项目验收表

 


 

5、第一节课梗概

人为拟定项目化教学的工作情境:

常州天宁宝塔置业有限公司(甲方)为了进一步加强对天宁寺景区的宣传力度,在已有的网站基础上,添加全景展示页面,使用户在天宁寺的网站上就能够360度全方位看到天宁寺景区的实际特色,网影科技有限公司(乙方)为其进行全景项目的设计与制作,双方签订合作协议书,并由乙方根据甲方的需求为其提供项目建设方案,随后开始项目开发。

拟定师生角色:

教师:网影科技有限公司项目事业部的技术总监;学生按4-6人的规模组合成团队,作为网影科技有限公司项目事业部的项目开发组。每个项目组由项目经理组织各项目组成员进行讨论、共享资料,组织小组成员完成项目。

项目实施要求:

在项目实施过程中,由项目经理负责每次工作任务的分配,完成工作的进度安排,整个项目实施的协调,组织人员完成具体项目。

在天宁寺全景展示项目中,经与常州天宁宝塔置业有限公司项目代表洽谈,签定技术服务合同书,根据天宁寺景区情况为其提供项目建设方案。执行项目一中的第一个任务,完成任务后,由项目总监负责检查任务完成情况(进行过程考核评价)。第一个项目由5个任务组成,“武进规划展览馆”也委托网影科技有限公司进行全景展示的网站开发,各项目组自行组织人员进行第二个项目的开发。

同时为了使开发人员能够更好地理解客户和业务员的思想,要求每个开发组自行承接一个项目,并按照规范流程完成该项目,这也就是课外的一个项目,即第三个项目。

项目实施结果考核:

由甲方代表组织人员对项目完成结果进行评议,填写验收表,对符合要求的项目进行接收。

指导教师在项目实施中,要注意培养综合素质:企业规范文档的编制、规范流程的开发,培养学生团队协作意识、吃苦耐劳精神、用户至上意识,引导学生学习查阅图书、网络资料、整理资料等自主学习知识、应用知识。

6、考核方案设计

1)课程考核融知识、能力、素质考核于一体,采用了“四个结合”原则,对学生进行多层次、多角度、全方位的职业技能和素质考核。

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

把教师考核和学生评价相结合:项目实施中一方面由项目总监(教师)对项目组各位员工的工作评价;另一方面,每个项目组成员(学生)对自己的各阶段工作任务完成情况进行自评,再由项目组经理(组长)对其组员进行考核,通过三个不同的视角对学生进行评价,将更全面,更准确。

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

形成性评价和总结性评价相结合:在每个项目实施过程中的每个任务都设置了相应的任务考核表(见“工作任务完成情况检查表”),每次任务考核的累积直接影响最终的课程考核,同时每个项目完成后,还通过项目验收(见“项目验收表”)的方式对项目完成进行考核,这使总结性考核有理有据,而且能更好的监测每个阶段的教学效果和学生各项能力的提升情况。

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

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

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

附:

1)项目一:工作任务完成情况检查表及项目验收表

2)项目二:工作任务完成情况检查表及项目验收表

3)项目三:项目验收表

4)课程成绩评分表

3)说明

1)报告要求独立完成,若发现抄袭情况,直接扣为零分。

2)所有作品都要按能力培养目标要求做,否则适当扣分,直到该项扣完为止(详见《任务考核评价表》及《项目验收表》)。同时,若发现抄袭情况,直接扣为零分。

7、教材

1)推荐教材:

肖玉 Web新媒体设计与制作》  自编教材

2)参考书目:

[1] 刘瑞华 欧训民 郭建利 Dreamweaver MX 2004中文版标准教程》 20047   北京  科学出版社。

[2] 胡崧 DreamweaverMX2004完美网页设计技术入门篇》 20056 北京  中国青年出版社

[3] 鲍嘉 卢坚 DreamweaverMX2004完美网页设计综合实例篇》 20051 北京  中国青年出版社

[4] 姜楠 DreamweaverMX2004完美网页设计与制作》 20045  北京  中国青年出版社

8、参考资料

资源

http://www.iecool.net/

http://www.blueidea.com

http://www.sucway.com/

http://bbs.cndesign.com/

http://www.webdn.com/

http://www.icon-king.com/ 拥有众多CSS接口定义的页面

http://echorightcss.blog.51cto.com/ 51CTO.COM技术博客

模板

http://www.sj63.com/

http://www.citk.net/

http://bestmoban.com/

http://www.web600.net/

http://moban.knowsky.com/

 

教程

http://www.it.com.cn/f/edu/054/18/100070.htm

http://edu.chinaz.com/Get/Website/index.asp

http://www.codepub.com/info/2/list-1.html

http://design.yesky.com/

http://school.gaoshou.net/

http://www.it365cn.com/

http://www.webjx.com/htmldata/2005-05-27/1117150494.html

http://video.banma.com/dreamweaver/

http://www.dabaoku.com/jiaocheng

http://www.enet.com.cn/eschool/zhuanti/dreamweaver/

http://edu.chinaz.com/Get/Website/index.asp

http://www.it365cn.com/channel.asp?BigClassID=1

http://www.shanghaivr.cn

http://www.chinavr.net/

http://www.gz360qj.cn/

 

9、工具材料

因课程操作性和实践性较强,全景拍摄需要在现场进行,硬件设备:专业单反数码相机、全景云台、三脚架。

教学需要在机房中进行,安装IIS、网页三剑客软件、Ps软件、造景师软件、漫游大师软件,

 

10、需要说明的其他问题

²  课程的重点、难点及解决办法

1)本课程的教学重点

1)熟悉开发工具Dreamweaver的使用;

2)利用Ps软件设计网页模板;

3)网页设计思想与创意的培养;

4)熟悉全景项目的拍摄、图片拼接和漫游制作的方法

 2)本课程的教学难点

1)网页制作中创意思维艺术设计素质的培养;

2)全景项目的现场拍摄;

3)工程项目开发中团队意识的培养;

 3)解决方法

1)在教学过程中以项目案例开发为载体,组织和训练学生熟练运用网页制作开发工具;

2)通过课程项目实践,挖掘学生潜在创造力,激发学生的艺术设计才能;

3)通过以课题组形式组织学生进行项目训练,培养学生的团队意识、组织协调能力、创新思维能力。

²  实践教学的主要方式与方法。

1)充分利用校内外实习实训基地和校园网站建设项目,构建工学结合的课程教学体系。

2)聘请企业的专家担任学生实习实训教师。

3)参与企业和学院网站建设工作。

4)自已寻找客户,开发实际网站项目。学生全员参与评估。

5)分组项目设计。为学生分组确定设计项目,要求学生在课下以课题组为单位,在轻松的氛围中进行讨论、研究、设计本组的项目,相互启发,也可以争论,形成相同或不同的方案,最后要形成统一的方案,根据方案开发网站。这种方式既挖掘了学生的个人创新能力,又能培养沟通与协作能力。

6)网络冲浪。本课程的教学充分利用互联网资源。根据教学进度需要,引导学生登陆有关网站,收集素材,了解现实企业状况,搜集最新信息和资料,学习最新知识,思考与分析现实问题。

11、常用术语中英文对照

中文

英语

中文

英语

三维全景

3D panoramic view

白平衡

white balance

节点

Node

对焦

Focus

快门

shutter

拍摄模式

Shooting Modes

云台

Pan&Tilt

项目实施

Project implementation

评估

Evaluation

拼合

piece together

修补工具

Patch tool

匹配点

Match point

鱼眼图

Fish eye diagram

视角限制

Angle limit

模板

Template

切割

incise

站点

site

编辑

edit

表格

table

规划、设计

programming

列表

list

查找

research

属性

attribute

替换

replace

行为

behavior

定位

locate

特效

specially good effect

搜索

search

背景

background

创建

create

表单

form

下载

download

数据库

database

动画小程序

animation applet

样式

CSS

图像

image

数据源

Database source

动画

animation

关键字

keywords

横幅

banner

library

字幕

caption

素材

material

栏目

item

导航条

navigation

文章

article

文本

text

内容

content

 



© 2006-2009 JPKC.CZIE.net All Rights Reserved. 常州工程职业技术学院 - 网络教学平台