当前位置:首页 >> 计算机软件及应用 >>

课程设计报告样本


课程设计报告书
--交互式个人网站设计

班级: 姓名: 学号: 指导老师:

一、设计题目
《中国茶——交互式个人网站设计》

二、课程设计的目的
1、提高学生综合动画设计能力。 2、进一步熟练 Photoshop、Flash 等软件。 3、灵活掌握 Flash 强大的交互设计制作功能。 4、学生利用该软件最终要达到自己能够创新的完成二维动画的制作。 5、熟悉交互界面的概念及知识,了解用户的认知心理。 6、学会使用 Flash 的 ActionScript 语言创作多样化的艺术作品。

三、课程设计要求
(1) 、使用 Photoshop 制作网站总体布局,幅面大小:1000*700 像素。 (2) 、在 Flash 软件中完成网站制作,子网页不少于 5 页。 (3) 、网页中应包含学号、姓名、院系、专业、班级、个人简介、个人作品集、邮件联 系等内容。 (4)、网页画面设计合理,画面内容丰富,画面转换生动恰当。充分运用各种 Flash 技术,熟练掌握工具、元件、ActionScript 语言等的应用方法。 (5)、网页画面颜色丰富美观,且运用适当,视觉效果好,并具有个人设计风格。 (6)、作品富有创意,有自己的特色,有原创设计。 (7)、最终提交个人网站源文件一套,课程设计报告书一份。

四、设计所用背景知识概述 五、制作环境
硬件设备: Microsoft Windows XP 版本 2002, ServicePack 3, Intel(R) Core(TM)i5 CPU 760 @ 2.80GHz 2.96GHz, 3.00 GB 内存软件设备: 应用软件:Adobe Photoshop CS5; Adobe Flash CS5

六、设计的思想
Flash 是目前最优秀的网络动画之一, 它的出现宣告了网络动画时代的到来, 由于 flash 本身具有强大和灵活网络交互功能, 所以它在窄带领域已经成为事实上的交互多媒体技术标 准,flash 在保证传输速度的同时,还提供了非常丰富的交互动画效果,它是如此简单和有 效, 以至任何人在短时间内都可以成为高手, 可以说 flash 在推动网络动画的普及与大众方 面功不可没。 本课题主要运用课堂所学知识制作交互式个人网站,主要分为制作背景、按钮,各元件 的转换、导入,加载视频、声音,创建补件动画、制作文本等几个方面,以此来完成课题。

七、使用的主要技术
课题中 Photoshop 主要使用图片大小修改,蒙版使用,图层以及图层样式应用、字体使用以 及图片调色等技术。 Flash 主要使用遮罩层的使用,alpha 色彩效果的使用,补间动画功能应用,帧标签的使用, 视频的添加以及 ActionSprict3.0 语言的综合使用。

八、具体步骤:
1.打开 FlashCS5 软件,建立 1000*700 像素的舞台,将所需文件及工具全部导入到库 中,为方便实用给每套文件命名。 2.用 PhotoShop 软件将所需背景进行修饰,把图片细化。并将视频文件进行格式更改, 并创立一个文件夹将它们保存在一个文件夹内。 3.建立几个子页面的文件,用交互式导航的方式来设计网页。几个子网页风格不同, 由于我做的是介绍中国茶道的,所以分成了主页,图片,视频,介绍等几个版面。有针对性 的来介绍。也能更好的阐明我的主旨。 4.首先先将素材在 photoshop 中做好, 然后导入到 flash 里面, 再根据分成的版块本身, 来进行排版布局。 5.将导入好的图片放到按钮层,将它们转换成按钮形式,并进行命名,再对其内部进行 声音等设置。 6.在显示板层讲库中板块里的资源拖放到舞台。 7.把几个子网页做好以后,在以后再汇总到一个大的网页中,通过动作指令,来让它们 自由的调度。同时按钮的使用,使网页看着更加吸引人,更加灵活多变。 8.最后在总的网页中,进行最后的调节,使各个部分运用自如。整体美观大方。

九、遇到的问题及解决方法
首先从设计构思上就有点困难,想做一个介绍中国茶道的网页,但由于最初设计的版面 和内容相对于较为死板,不是很吸引人。指导老师给我了很多的建议和帮助。 在寻找材料方面也费了很多的心思。想要把自己想介绍的内容有条不紊的介绍出来,并 且样式新颖,确实是一件看似容易,实际很困难的事情。 由于涉及了大量的图片,所以需要运用 Photoshop 来做前期的处理。不单单是考察的 flashCS5 的应用,而且还综合运用了 photoshop 的知识。 在制作本课题中,遇到最大的问题就是每种代码的使用,及其与各按钮间的配合,编写 动作也成为最困难的地方。在使用时感觉到运用不熟练。问题如下:图片或者文本格式的资 料导入不进来;另一问题就是视频加载,测试时候不能显示在想要的地方,不然就是测试后 点击视频之后再点击及其他按钮视频仍在继续运行,不停止,或者在屏幕中不停的闪现,不 能控制;还有就是动作代码的运用,经常出现错误等。 针对在本课题中出现的问题, 我是这样解决的, 在编写代码时小细节要注意命名一致性, 否则会有未定义的情况出现, 影响程序运行, 导致最后结果与想象有所出入; 编写动作方面,

就借鉴参考书中的例子,结合自己的图像和布局,自己琢磨。另一个就是图片或者文本的名 称一定要标明,否则它会显示错误某某未命名;还有就是各图层的分布和排列顺序,要看清 选中的是哪层。指导老师也帮了我很多的忙,帮我安排布局和图与文字之间的结构。

十、收获及体会
在这次 flash 课程设计中我也懂得了很多, 觉得平常还是没有掌握好基础知识, 在真正 运用的时候缺少实际锻炼。此次课程设计大部分的时间用来作 flash,因为 flash 是动画, 具有图、文、声一体的特性,所以在制作的过程中需要考虑到各个细节,把握好各个元件的 出场运动时间,面面俱到,我觉得这一点需要非常细心的去把握。在 flash 中是由帧与层组 合搭配起来的,在不同的层上可以创建不同的图层等,我觉得这一点与 photoshop 相类似, 但不同的是在层上还可以建立引导层,遮罩层画出引导线来引导某一形象的运动。帧是 flash 动画中最小单位的画面,一帧相当于一副静止的画面,连续的帧就形成动画,如电视 图象等,我们可以通过 1 秒钟时间里放的帧数来改变动画的快慢。在帧间可以设置关键帧, 在两个关键帧间可以实现图像的运动。 制作中用到了很多补间, 使我加深了对补间的理解。 动作补间动画是指在 Flash 的时间 帧面板上, 在一个关键帧上放置一个元件, 然后在另一个关键帧改变这个元件的大小、 颜色、 位置、透明度等,Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后, 在起始帧和结束帧中有条长长的箭头,说明补间动画设置成功,flashCS5 能够根据用户给 出的起始和结束帧来自动连接过渡,达到了用户的要求,操作简单方便。构成动作补间动画 的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等。 对于 ActionScript 3.0 来说,最重要的就是动作指令,在针对具体实例运用上,我掌 握的还不都熟练,以后还要多加练习。

十一、参考文献
推荐教材: [1] 《Adobe Photoshop CS5 中文版经典教程》人民邮电出版社,2010 年 8 月 [2] 《Adobe Flash CS5 ActionScript3.0 中文版经典教程》人民邮电出版社,2010 年 11 月 推荐参考书: [1] 《ActionScript3.0 编程技术》清华大学出版社,2009 年 9 月 [2] 《Adobe Flash CS5 中文版经典教程》人民邮电出版社,2010 年 9 月


赞助商链接
相关文章:
课程设计报告标准格式
参考文献 1 关于数据挖掘课程设计报告格式的补充说明(1) 摘要和正文用宋体小 4 号字, 英文小四号 “Times New Roman” 字型,全文统一,行间距为 1.5 (2) ...
课程设计报告格式
[1] ××× (五号宋体,顶头,序号与文字间空两格) [2] ××× [3] ××× 撰写课程设计报告格式的具体要求如下: 1.摘要要求主题明确,数据可靠,逻辑严密...
个人课程设计报告格式
个人课程设计报告格式_工学_高等教育_教育专区。电子商务 个人课程设计报告格式 南京工业大学 网站设计与管理 课程设计报告个人工作报告 学院: 专业: 学号: 姓名: ...
课程设计报告格式
课程设计报告格式_调查/报告_表格/模板_实用文档 暂无评价|0人阅读|0次下载|举报文档 课程设计报告格式_调查/报告_表格/模板_实用文档。《单片机应用设计》课程...
课程设计报告模板
课程设计报告模板_计算机软件及应用_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档课程设计报告模板_计算机软件及应用_IT/计算机_专业资料。课程设计报告...
课程设计报告( 报告样本)
课程设计报告( 报告样本)_工学_高等教育_教育专区。ip包 成绩: 课程设计报告课程名称: 计算机网络课程设计 设计题目: 监控 IP 数据包流量 姓专班学名: 业: ...
课设报告样本-电子版
课设报告样本-电子版_电子/电路_工程科技_专业资料 暂无评价|0人阅读|0次下载|举报文档 课设报告样本-电子版_电子/电路_工程科技_专业资料。继电保护课程设计...
课程设计报告Word格式要求
课程设计报告Word格式要求_专业资料。摘要部分说明:“摘要”是摘要部分的标题,不可省略。标题“摘要”字体、格式:黑体,居中,字号:小三,1.5倍行距,段后11磅,段前为...
课程设计报告格式
课程设计报告格式 - 6位十进制计数显示气设计任务书(小三宋体) 1.设计目的与要求(5号黑体)
课程设计报告参考格式
课程设计报告参考格式 - 学号 武汉科技大学城市学院 课程设计报告 课程名称 题学专班姓目部业级名 面向对象程序设计(vc++)课程设计 ...
更多相关标签: