网页动画设计课程实习报告.docx

网页动画设计课程实习报告.docx

《网页动画设计课程实习报告.docx》由会员分享，可在线阅读，更多相关《网页动画设计课程实习报告.docx（15页珍藏版）》请在冰点文库上搜索。

网页动画设计课程实习报告

实习报告

实习性质：

网页动画设计课程实习

学生姓名：

徐瑶

专业班级：

信安132班

指导教师：

邵亮、段萍

三号黑体行距：

固定值40磅

实习时间：

2015年4月27日-2015年4月30日

实习地点：

学校计算机实验室

重庆工程职业技术学院

学生实习考核表

学生姓名

专业班级

指导教师

徐瑶

信安132班

邵亮、段萍

实习时间

2015年4月27日-2015年4月30日

实习地点

学校计算机实验室

实习名称

网页动画设计课程实习

自我总结

实习是一次经历，更是一个起点。

此次实习，收获的不仅仅是回忆，薪酬，不止是知识面的开拓，技术的提升，更多更重要的是经验，是做人、工作的态度和道理。

作为一名IT从业者，所受的社会压力将比其他行业更加沉重，要学会创新求变，以适应社会的需要。

尽管实习的意义很大，可以收获很多很多的东西但并不是所有的问题都能在实习中得到有效解决。

我们应该在实习的基础上，再接再厉，弥补缺陷，实现自我提升，以便将来更好地踏入社会，适应职场。

简言之一句话“有志者、事竟成，破釜沉舟，百二秦关终属楚;苦心人、天不负，卧薪尝胆，三千越甲可吞吴”。

人生的每一步旅途中，总有着一道无形的栏杆，每一次跨越需要很多的勇气，也不是每一次跨越都能够成功，失败是不可避免的，主要的是要敢于承认失败，面对失败，努力去做，解决它，有这个决心，我想人生会成功的，至少可以无憾！

以后我会很用心的去学习，去完成我的学业！

把技术学扎实，尽量把工作做到完美。

我明白了一个道理“没有你不会做的事，只有你不愿意做的事”。

原来很多事情都是自己想得太过于复杂，一切归一句话形容“万事开头难”。

希望自己在今后的生活中不要轻易地放弃自己，什么事都要去尝试一下，不要败给胆怯的自己。

因此，应证了这个道理“纸上得来终觉浅，绝知此事要躬行”，所以说“实践才是检验真理的唯一标准”。

指导教师

意见

考核等级

目录

1实习目的1

2实习概况1

2.1实习要求1

2.2实习时间1

2.3实习环境1

2.4设计环境1

3实习内容1

3.1制作设计项目分析2

3.2制作设计项目记录2

3.2.1牛男左边栏网页动画分析2

3.2.2牛男右边栏网页动画分析5

4实习总结9

4.1学习所得9

4.2经验教训11

4.3学习体会12

1实习目的

随着经济高速发展，社会的竞争也越来越激烈。

适者生存，对于初出茅庐的大学生，我们只有不断的充实自己，提高自己，才能在社会中站稳脚跟，才不至于淹没在社会发展的浪潮中，被这个社会淘汰。

实习对于我们来说，是一个很宝贵的经验。

《网页动画设计》课程设计是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。

通过本课程设计的地产楼书专项课题设计，进一步提高学生分析问题和解决问题的能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。

★总体设计要求定位准确，设计精美考究、有个性、有特色。

书中信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。

★课程设计成绩根据课程设计实习报告质量和考勤给予评定。

2实习概况

2.1实习要求

1．总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。

2．课程设计成绩根据课程设计实习报告质量和考勤给予评定。

2.2实习时间

2015年4月27日至2015年4月30日

2.3实习环境

学校计算机实验室

2.4设计环境

●PhotoShop软件

●FLASH软件

3实习内容

★收集相关文字及图片资料

1．使用PhotoShop、FLASH等图片处理动画设计、处理网也上广告动画需要的动画。

2．PS网页动画绘制及创意设计。

通过色彩结构、平面结构和立体结构三大结构构成。

3.1制作设计项目分析

要求：

1．根据客户项目要求，能够为网页的框架进行布局；

2．根据客户的需求，能正确的掌握网页界面的设计及美化；

3．根据作品需要，能够为之进行设计的分析并调整细节；

4．简略撰写设计创意及记录实习制作过程。

3.2制作设计项目记录

3.2.1牛男左边栏网页动画分析

1．首先，我们来看看牛男左边栏网页动画的效果，再者来分析其中的步骤与细节。

如图3.1网页整体整体效果图“牛男左边栏效果图”及“整体时间轴效果图”。

2.然后我们来绘制一个“背景”，先绘制一个矩形，然后来利用线性渐变来填充背景，再用渐变变形工具进行调整来得到这个效果，如图3.2图所示。

如图3.2动画“背景图”

3.接着我们让舞台有灯光的效果，上下两个大灯，如图3.3所示.

如图3.3“动画舞台灯光”

4.图片的进入效果图，如图3.4动画效果图所示。

如图3.4效果图所示

5．舞台文字的进入：

“top”，“49”，“亚洲美女”进入舞台，如图3.5动画效果图及代码缓动效果图所示。

如图3.5动画效果图及代码所示

6.牛男标题进入舞台的效果。

如图3.6动画效果图及弹动的效果所示。

如图3.6效果图“牛男标题栏”及标题弹动的效果所示

7.最后最重要的一个环节就是“输入Email的账号以及订阅按钮”。

如图3.7图所示。

如图3.7效果图“立即订阅按钮”所示

8.舞台小灯光的绘制和编排位置，如图3.8图所示。

如图3.8效果图“舞台小灯光”所示

3.2.2牛男右边栏网页动画分析

1.首先我们来看看“牛男右边栏网页动画”的整体效果图，如图3.9图所示。

如图3.9效果图“牛男右边栏”及“总体时间轴”的效果图

2.然后我们来绘制一个“背景”，先绘制一个矩形，然后来利用线性渐变来填充背景，再用渐变变形工具进行调整来得到这个效果，如图3.10图所示。

如图3.10效果“图右边栏背景图”所示

3.接着我们让舞台有图片进入的效果，让整个舞台铺满图片，如图3.11效果图所示。

如图3.11效果图所示“舞台图片”

4.牛男标题进入舞台的效果。

如图3.12动画效果图及代码弹动的效果所示。

如图3.12动画效果图及代码弹动的效果所示

5．舞台文字的进入：

“top”，“49”，“亚洲美女”进入舞台，如图3.13动画效果图及代码的效果所示。

如图3.13“舞台文字”的效果图

6.最后最重要的一个环节就是“舞台点缀光”。

如图3.14效果图所示。

如图3.14“舞台点缀光”的效果图

4实习总结

4.1学习所得

经过这学期的忙碌学习的，让我明白学习一个新事物到熟练的演变过程，我想是一个漫长的过程。

经过了一学期的网页设计，终于体会到网页设计无非是图文混排的那点事。

不过，当你真正的去努力的创造了之后，结果却并不会每次都是好的。

太多自己精心设计的东西，被别人一眼就否定了。

当时心情真的很糟糕。

不过，现在想想，这都些都没有什么，这也无非是成长中常常要遇到的事罢了。

通过实习，我不仅将自己在学过的东西通过实践进步一巩固，也通过导师所给的项目从中学到很多在企业中的一些东西。

学习是人生活的重要部分，是我们毕业生必须面对的，不论是你的心情是消极还是积极，都要静下心来不断学习。

而精彩的生活往往有来源于有意义的学习过程中，所以我不会让自己因学习的烦恼、困难和压力，困扰自己，使自己工作情绪化、生活情绪化。

遇到困难我会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践，告自己justdoit!

绘制网页动画广告必须先分析、了解以下几点：

1．了解主题：

刚接到任务时，我对于如何修改毫无头绪，于是我首从网上了解了一些相关基本常识及想类似网站的页面风格。

2．思考配色与构图：

对整个内容有了一了解后，便要思考作品的色彩和具体的构图，先用笔画出草图，也可以直接在脑海里构思。

色彩要显示出稽查的专业与严谨，所以选择蓝色作为主色调。

3．绘制ps中的每种素材：

其实素材这种东西靠自己的眼睛和手动能力，我可以很轻易的画，但效果必须要精致，想象力够丰富才行。

4．设计、修改页面：

这个阶段时耗时最久的，但总结出来却是非常简单的步骤，即不断地处理页面元素、将处理好的图片、动画等添加进网页。

5．修改：

作为成品，在上交后被打回来修改是再正常不过的事情，自信的我也没能逃过返工的命运，重新构思、处理修改、多站在用户的角度思考……完善一切你做过的事。

6．对于网页动画的效果进行设计、处理和总结

作为一个网页动画设计者除了要掌握网页动画三剑客,PS,FLASH,这些必会的软件以外，还要对FLASH代码有一定的了解。

除此之外，要想做出来的页面美观、使用方便还需达到以下几点：

（1）表达一定的艺术效果

一个成功的网站应该把网页动画广告设计得吸引人，同时又要传达设计思想和情感。

网页动画广告作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。

（2）页面结构清晰可读性强

经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架，让人看了无法知晓哪些内容才是最具发言权的。

没有流畅的视觉流程，这是典型的没有注意到编排清晰度、可读性的表现。

好的网页应该将它要突出表现的内容放在浏览者一眼就能看到的地方。

网页动画广告上每一个像素对浏览者眼睛的吸引力有所不同，浏览者大脑对于不同位置内容的印象也有所不同。

通常来说，普通浏览者浏览网页时会忽略网页两端的“广告区”。

（3）实现不同的功能

在网络这条信息高速公路上，网页动画广告最主要的功能就是一种传递信息的手段。

因此，它一切内容都是为了这个目的而服务，都是要围绕这个中心进行设计的。

然而，要实现这个功能，网页动画广告的美工设计和内容都必须有针对性。

所谓针对性，就是指对不同类别的网页要求采用不同的美工艺术效果。

（4）网页动画广告风格要符合网站的类型

在设计网页广告之需要做大量的准备工作，需要思考以下几个问题：

1、网站的类型：

站点属于新闻、娱乐、商务类的综合站点，还是个人主页;不同的类型，决定着网站的不同风格，包括主色调、排版等。

如果浏览者主要是年轻人，页面就要设计得基调明快，活泼富有朝气;如果针对的群体是政府工作者或科学工作者，那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童，页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人，页面就要设计得浪漫并有艺术感。

（5）一切用户至上

网页动画广告设计不同于艺术设计，只要设计者喜欢，任其天马行空。

而网页设计则不能如此肆意妄为，网页设计必须考虑到用户使用时的方便，以至于网页设计师必须考虑到同一页面在不同分辨率的显示器上、不同浏览器上有什么不同的显示效果。

甚至于要考虑到用户的浏览视线如果至于不显眼的位置页面将会怎样。

只有在各种情况下，能够成功的吸引用户浏览网页动画内容，这才是一个好的设计。

4.2经验教训

通过这半学期的学习，让我知道了其实画一个网页动画广告没有说的那么难，而更多的是要有创意，有想法，要跟上时代的潮流，满足客户的需求、体谅用户的使用率，这才是一位真正的设计者。

从开学起每天、什么也不会，到了现在的能够熟练每天不断操作的实习。

在平时学习的过程中，很多同学都养成了做笔记的好习惯，重要的步骤或者难记的知识，在操作中会经常用到。

在做操作时不明白或者记不住的翻一下笔记，让我们完成操作的效率会更快一些，还可以避免不必要的麻烦和错误。

在这几天的时间里，检验了我们学习的成果。

在不断出现错误、寻找错误、改正错误中，我们懂得了无论做任何事都应该细心、认真。

尽量避免出现不必要的一些错误，以免浪费大量的时间。

在实习的过程中，不再是老师敲我们一下就跳一下，而是能够自主的学习。

更让我们理解到知识的使用价值，在这个信息飞跃的时代，计算机已经成为了传输信息的主要捷径。

我们在学习网页动画广告的同时，更应该想到在网络美工技术的飞速发展的同时，互联网已经越来越广泛，网络也已经成为人们生活中不可缺少的一部分，网络方面还有很多的问题需要我们去探索，研究。

在操作的过程中，我对网络的代码元素的应用有了更深层次的认识，同时也明白了自己现在所学到的知识，不过是九牛一毛。

我应该更加努力的，多方面的去学习、去探索。

而实训操作是检验我们平时操作最有效的方法，加深了我们对知识的印象。

在这个现实的社会里，只有扎实的技术和坚持才能让我们离自己的理想近一步、再近一步。

以前浑浑噩噩所度过的时间远远没有这几天在在学习中不断进步来得充实。

在以后学习的过程中，我一定要做到像这几天一样保持对学习的积极性，为以后进入社会工作积累经验，适应社会的需要。

把理论知识运用到实践当中，才是学习知识最主要的目的。

在不断操作的过程中，会得到很多新的知识。

获取更多的经验和教训，是我们学习中最重要的一个过程，我们学习、考试，不仅仅是为了获得学分，而是真正从学习中获取更多的有用的知识和实践，加深自己的专业知识更是重中之重。

在机房做操作时，看到很多的同学都在为了不让老师把我加入挂科的一员而努力，也是我不断努力学习的一个动力。

通过这次的实训，我们都很好的掌握了学习的知识，同时也明白了坚持才是王道。

所以说“实践才是检验真理的唯一标准”。

4.3学习体会

到了最后的几周知识积累的越来越多的时候对于我们最大的挑战就来到了，大多时候在时间慢慢的流失之中学到了更多的新知识，也将以前的老知识遗忘掉了，所以在学习新知识的同时，也要回顾以往的老知识，对其进行不定时的巩固，不要想着忘了就完了，以免方到用时方恨少啊，但是尤其是在学习阶段学的知识又多，课程又杂的情况下，想要巩固知识就不仅仅是靠死记硬背就可以的，要学会有方法的去记，重要的知识不定时的去看，不是说要去逐字逐句的去看去体会，但也要做到一句句的重新温习一遍，不是太重要的一目十行掠过，大多能记住就行，尽量压缩。

相对于知识的积累来说，实作的经验也是非常重要的，也只有在实作的时候才能认识到自己的不足，也能积累和学习到更多的经验教训，也能体会到更多的思考方法和问题的处理方式，在学习的历程中我们都太过于依赖书本上一步一步的步骤介绍和老师对于每一次作业进行全方面的讲解，这样让我们得到很多往往也失去很多，失去的是自己对于方法的运用，单独思考的能力，以及独自解决问题的能力，如果我们能解决这些问题当然是再好不过的，但过程中的实践是绝对不能少的，少了实践你怎么知道你的对与错在哪里呢，所以我们要学会如何独自解决遇到的难题，这样才能使我们更上一层楼。

遇到困难的时候，不应该一味的逃避，当你想要战胜它的时候，必须付诸于行动，你就一定会战胜它。

在没上这门课之前，同学们都把老师说的很恐怖，同学们听了连连叫惨，但是我觉得在真正的学习这门课程、接触这个老师的时候，才会发现其实不要道听途说，一切的事物都要自己经历过后才有自己的感受。

每个人对于同一个人或者事物都有不同的看法，不应该把自己的看法强加在别人身上。

每个同学的学习方式不一样，收获的知识必然也不一样，我们不应该在不顺利的时候就只会埋怨身边的环境和事物。

说到底，都应该是人去适应事物，适应环境。

因为环境和事物没有思想，而人有。

实习是一次经历，更是一个起点。

此次实习，收获的不仅仅知识面的开拓，技术的提升，更多更重要的是经验，是做人、工作的态度和道理。

作为一名IT从业者，所受的社会压力将比其他行业更加沉重，不仅要学会创新求变，以适应社会的需要，还要让自己的知识和技术得到提升，这样才能让我们跟上时代的节奏，社会的要求，现今社会对于我们的要求不仅仅是才能，还有我们对于技术的掌握度熟不熟练，即便才能好，思想创新，但是没有技术的支撑该怎么去实现呢？

别人就看不到结果，也就会对你不以为然，只当你是纸上谈兵之作。