网页制作与电脑动画制作培训

1、,网页设计与电脑动画制作指导,长郡梅溪湖中学：石东妮 E-mail: 2014年12月,全国中小学电脑制作活动,网页项目解读：,部分获奖作品：,2007年潘然同学制作的中国新农村新气象作品 获第八届全国中小学电脑制作活动高中网页组全国二等奖；,中国新农村新气象网站引导页,2007 河南 郑州,2008年蒋浩识同学制作的我要我的快乐我校课余生活探寻作品 获第九届全国中小学电脑制作活动高中网页组全国二等奖；,我要我的快乐我校课余生活探寻网站首页,2008年7月哈尔滨 蒋浩识同学在答辩,2009年赵彦博同学制作的生生不息浏阳河作品获第十届全国电脑制作活动高中网页组全国一等奖；,生生不息浏阳河网站作品

2、首页,2009年8月 山东，赵彦博同学（右二） 在“第十届全国中小学电脑制作活动” 颁奖仪式上,2011年彭涵祺同学制作的恰同学少年作品获第十二届全国电脑制作活动高中网页组全国二等奖；,恰同学少年网站作品首页,非遗有戏网站作品首页,2011年陈曦同学制作的非遗有戏作品获第十二届全国电脑制作活动高中网页组全国三等奖、省一等奖；,2012年刘一同学制作的铜官瓷话作品获第十三届全国电脑制作活动高中网页组全国一等奖；,铜官瓷话网站作品首页,铜官瓷话作品作者进行课题调研,2014年刘柯贝同学制作的爱心接力作品获第十五届全国电脑制作活动高中网页组全国二等奖；,爱心接力网站作品首页,2014年陈永廷、贺程骏

3、同学制作的灯作品获第十五届全国电脑制作活动初中网页组全国三等奖；,灯网站作品首页,网页制作,网页是网站的基本信息单位，也叫web页。网页是利用数字化开发工具制作的、通过文字、音视频、图片、图表、动画等多媒体方式表现一个特定主题内容，能够通过链接点轻而易举地与其它资源、网页及网站相联接。 网页制作的特点:信息量非常大，制作周期很长 做网页要求较强的综合能力，比如做网页需要会的知识特别多：如PHOTOSHOP/FLASH/DREAMWEAVER等。做网页需要大量的时间、精力去搜集信息、排版、美化，需要亲身参与社会实践。 我们这里所说的网页制作指的是静态网页（即HTML）,成功的网页具有的特征是：

4、界面华丽或整洁 内容积极向上，丰富多彩 突出主题；突出作者的学习、研究与创新实践 网站结构清晰、链接准确 、布局合理 运用了除文字外的多种渠道与人进行沟通 贴近生活、应用性强,突出实践与创意创作网页作品：,一、选题：紧扣活动主题,电脑制作活动主题：探索与创新 结合中小学师生的学习、生活实际与其它实践活动，运用数字化信息技术，培养学生“发现、思考、分析、解决问题”的能力。 小蚂蚁大世界 特别强调“我”的参与，体现研究性学习和综合实践成果。 生生不息浏阳河,突出原创 渔歌,随着课程改革和信息技术教育的深入发展，电脑作品的设计与制作，将逐渐由以收集、整合资源为主，向利用资源学习并形成自己的观点方向发

5、展。,1、选题应当记录并反映作者本人的实践、研究与创作过程 2、网页应当体现作者本人的认识与形成的结论（结果） 聚焦手机,3、选题要小而精、以小见大，从学习实践中来，反映研究性学 习成果 4、从生活实践中来，关心身边的人与事。 感悟母爱 5、从社会实践中来，关心社会与科技发展状况，注意时效性。 冰雪同路我们在一起,6、可以借鉴，但不能抄袭！最好能超越！ 马年说马 铜官瓷话 凤凰蜡染,二、制作：作品要有创意,什么是创意： 1、创意：创新性的见解和意境。 2、创意源于生活与知识的积累。 3、创意的灵感源于对生活的敏锐观察、思考、联想、延伸。 4、在平凡生活中扑捉灵感，在司空见惯中寻求新意。 母 爱

6、,创意的特点： 1、平凡新奇、耳目一新； 2、富于联想、充满想象； 3、注重细节、精益求精。,二、制作：作品要有创意,1、首页的创意：要有吸引力使读者愿意往下看。 2、音乐运用的创意：感染力和震撼力 母亲河 3、页面设计的创意：突出主题、引人入胜 4、结构方式的创意：与作品的内容必须十分吻合。 有氧学习法 5、制作要尽可能精美。 6、技术的创意：新的技术表现形式。,二、制作：作品要有创意,表现方式的创意,三、网页制作实例（以铜官瓷话为例）,1、选题 选题非常重要，选好题是创作优秀作品的先决条件，选题需要紧扣电脑制作活动“探索与创新”的主题，综合学生的学习、生活实际、研究性学习与其它社会实践活动

7、进行考虑。作品特别强调“我”的参与，即体现学生自己的参与过程与思考结果。另外，选题要小而精，以小见大，从学习实践中来，反映研究性学习的过程与结果；从生活实践中来，关心身边的人和事；从社会实践中来，关心社会与科技发展状况。选题时，让学生跟老师、家长、同学以及朋友进行广泛的讨论，指导老师再反复的跟学生一起讨论，确定主题。刘一同学的铜官瓷话网页作品主题的选定，源于学生看到中央电视台一个寻找中国古沉船黑石号的记录片，讲述了铜官窑的辉煌与没落，而铜官窑又在长沙，具有地域特色，铜官窑有着怎样的历史？又是如何衰落的？我们又能做些什么？带着这些问题，学生确定了研究铜官窑这个研究性课题。,三、网页制作实例（以铜

8、官瓷话为例）,2、收集资料 网页作品的特点是内容丰富，因此需要收集大量的素材，并对素材进行加工处理，然后根据网页栏目的设置进行整理。 铜官瓷话作品，作者亲赴长沙铜官古镇，深入了解古镇历史风貌、参观铜官窑遗址、走访古镇艺人、参观铜官窑工艺厂、深入工艺厂学习制作铜官窑瓷器；现场拍摄第一手视频、照片资料，及时以手记方式记录探究体验，并撰写研究性学习方案和研究性学习报告。,铜官瓷话作品作者进行课题调研 资料收集需要我们积累一些原创素材，另外也需要我们学会加工、处理、整理素材。,三、网页制作实例（以铜官瓷话为例）,3、设计规划栏目与内容 设计规划栏目与内容，其实是对整个选题研究过程及结论的整理，其重要性

9、甚至大于开发，这一步是创作优秀作品的关键步骤。 设计规划栏目与内容，要围绕自己作品的主题，进行结构设计与内容设计。内容与栏目的设计要做到条理清晰。通常在制作网页之前先确定好文案，包括网页要表达的中心思想，分哪几个栏目来表现，甚至每相栏目的关键词及关键语句。例如铜官瓷话确定为悬谜、探秘、发现、凝思、梦想几个栏目。接下来是要要根据主题的特点确定网页的色调、栏目、版式。,三、网页制作实例（以铜官瓷话为例）,4、制作网页 设计好网页、规划好栏目，准备好素材之后，我们就可以开始动手利用一些网页制作软件制作网页了。制作网页通常先用Photoshop软件设计出网页的效果图，再对效果图进行切片存为HTML文件

10、，网页的制作需要学生掌握一些计算机技术，比如网页制作技术、动画制作技术、音频视频处理技术，技术也要求精益求精，努力探索新技术、新手法。采用了CSS+DIV技术，使网页中的图像，文字等资料固定。 全国中小学电脑制作活动中的网页作品通常做成静态的网页，不需要调用数据库等技术。,电脑动画项目解读：,电脑动画项目解读：,1、电脑动画是利用计算机创作的集文学创作、绘画艺术及视听觉艺术为一体，以讲述某个故事、表达某种认识的独特的艺术表现形式。,一、电脑动画的特点,三维：利用三维立体图形工具创作的动画。,（1）计算机技术：利用二维、三维和其他图形处理工具来创作动画。,二维：利用二维平面图形根据创作的动画。,

11、1、电脑动画是利用计算机创作的集文学创作、绘画艺术及视听觉艺术为一体，以讲述某个故事、表达某种认识的独特的艺术表现形式。,电脑动画的特点,（1）计算机技术：利用二维、三维和其他图形处理工具来创作动画。,（2）绘画艺术：人物场景是利用计算机软件绘制的，主要角色要求原创。,（3）视听觉艺术：故事的叙述、镜头的连接使用的是电影语言的蒙太奇技术；必须艺术地设计和使用人物、画面、对白、解说、字幕和各种音效。,1、电脑动画是利用计算机创作的集文学创作、绘画艺术及视听觉艺术为一体，以讲述某个故事、表达某种认识的独特的艺术表现形式。,电脑动画的特点,2、通过活动的角色、特定的场景、和谐的色彩、贴切的音效表现作品内容,3、具有完整的故事情节，表达完整的意义。,4、利用丰富的动画语言讲故事,（1）生动、形象的角色设计,（2）利用丰富的动画语言讲故事,（3）用具有动感的镜头展现情节,（4）用多种音效增强感染力,二、电脑动画制作实例（以小熊的早餐为例）,1、脚本 健康主题初步想法 脚本初稿 脚本初稿文字分镜,2、确定人物形象、场景和风格,3、制作,4、合成,5、调