《Flash动画制作》慕课设计与实现.docx

《《Flash动画制作》慕课设计与实现.docx》由会员分享，可在线阅读，更多相关《《Flash动画制作》慕课设计与实现.docx（22页珍藏版）》请在课桌文档上搜索。

1、摘要：随着互联网的迅速发展，我国进入了信息化的时代，MOOC(MassiveOpenOn1.ine,简称MOoo自2012年就受多方人士的关注，我国也开始发展自己的MOOC课程，众多的知名高校加入了MOoC实践行列，这样，学习者通过网络就可以学习到高质量的名师课程。FIaSh是一款优秀的矢量动画制作软件，H前在I-Iash教学中多采用“讲授，练习”的教学方法，而我的专业也涉及到这门课程，但是，我在学习这门课时发现学习时间短，练习少.因此，有必要设计一个动画制作翳课，主要用户为教师与学生，绐他们提供个全面的了解,建设与布国具备完善的功能、外表简单大气、页面布局合理、色彩清晰合理、具备观赏性与信息

2、性的专门网站，让用户能够耳目一新，学到想学的知识，留卜.深刻而良好的印象。关键词：慕课：f1.ash；课程TheDesignandImp1.ementationof_F1.ashAnimationMou1.dingnCourscAbstract:Withtherapiddeve1.opmentoftheInternet,ourcountryhasenteredtheeraofinfo11nationtechno1.ogy,mooc(massiveopenon1.ine,(abbreviatedasmooc)hasbeenintroducedintoChinasince2012hasbeenco

3、ncernedbymanypeop1.e.In2013.therewereIS(XXX)ChineseusersregisteredinChina,rankingninthinthewor1.d.Anditreached650000in2014.andacademicattentiononChinas(cnki)hasbeenrising.Nowadays,ourcountryhasa1.sobeguntodeve1.opitsownmooccourses,andmanywe1.1.-knownuniversitieshavejoinedthepracticeofmooc.sothat1.ea

4、rnerscanIeamhighqua1.ityfamousteachercoursesthroughthenetwork.F1.ashisanexce1.1.entvectoranimationproductionsoftware.Atpresent,theteachingmethodofteachingpracticeiswide1.yusedinf1.ashteaching,andmymajorisa1.soinvo1.vedinthiscourse.Therefore,itisnecessarytodesignananimationproductioncourse,themainuse

5、rsofwhicharcteachersandstudents.Toprovidethemwithacomprehensiveunderstanding,constructionand1.ayoutwithasoundfunction,simp1.eandatmosphericappearance,reasonab1.e1.ayoutofthepage,c1.earandreasonab1.eco1.or,withaviewandinformationofthespecia1.website,sothatuserscanberefreshing.1wasimpressedbywhatIwant

6、edto1.earn.1.1 研究背景作为近十多年开放式教育最显著的成果之，MooC(您课)被定义为高等教育创新性发展的杠杆模式，受到各国教育界的推崇。I与传统课程相比，密课以兴趣为导向，学生可以突破时间、空间的限制进行自由学习，视频的时间一般为10分钟左右，利于学习者集中精力学习。很多学习者可以在翳课上学习来自五湖四海的精品课程，并且可以进行讨论，没有学历、时间、地点的限制，只要你有网络和设备，你随时可以进行学习，而且可以像在校学生一样系统学习一门课程，很多慕课都是和高校合作的，比如北京大学、清华大学等等，有一些课程通过学习后还可以提供学习证书。通过我的查阅发现，专门做一门班课网的网站少之乂

7、少，所以设计这样个专门的翳课网站,可以为学习者提供学习的渠道，激发学习者的学习兴趣.1.2 研究意义与目的随着信息时代的快速发展，教育资源也越来越丰常，现在比较流行的慕课网站有可汗学院、华文获课、超星您课、虎谡网、网易公开课、学堂在线、好大学在线、我要自学网等等。既然是慕课，就意味着每个网站的课程都是非常之多的，而且涵盖了很多高校的课程。这就使得学生要浪费很大的时间去搜索这些资源,而且虽然大多数慕课都是免费的，但是追求利益与免费本就是一个矛盾体，所以很多课程也是需要收费的。本研究的目的在于，将自己所学知识融入到自己的毕业论文中，并且我的专业开设了这门课程，但是仅仅经过一个学期的课程对这门课了解

8、的不够深入，而且仅仅通过上课老师的讲解，如果不花时间自己亲自操作的话，很难将知识掌握。所以必须通过自己进一步的学习。虽然网上的课程很多，但是没有专门打IaSh动画制作这样一门幕课的网站，所以如果设计这样专门课程的网站，可以节省学生的很多时间，并且加强自身的自主学习能力，提而学习效率。,李琳笔季兵.她MOOC的混合式教学模式在分析化学中的应用探阳课程教育研5t,2O17(45):179-180.1.3 国内外研究现状慕深(MOOC)是2008年第一次被加拿大学长者提出的，自此以来就备受关注，可以说在教育领域掀起巨大波澜，2012年被认为是世界慕课的元年，我国在过去几年，对黑课的研究和探索也非常的

9、多.慕课的出现改变了传统教学受时间、地点的教学模式，利用网络，慕课与传统教学相结合，是票课未来的发展方向。合理利用翳课，有助于我国高等教育事业快速发展,为高等学校培养高素质的应用创新人才提供帮助“据研究调查，许多院校均己全面开展幕课网的在线学习资源库应用，学生可进行网上学习，网上考试，评价等，包括教学资源库在内的在线教育平台通过搜集大量学生学习数据，可以全面跟踪和掌握学生学习特点、学习行为、进行有针对的教学，更准确的评价学生，提高学生的学习效率和质量，有利于开展差异化教学，大大提升人才的培养质量，说明使用网课实现信息化，网络化教学方式的发展方向更加明确.国内关TF1.ash动画制作的教程很多，

10、但是很少有一个专门的FIaSh网站去适应学习者去学习连续性的课程。根据我上网浏览的情况来看，如人邮学院中，Hash动画制作这门课是要收费的，它的内容和课本是一一时应的，视频放在一起，课件下载放在一起，但是因为仅仅是一门课程教学，我觉得还是没有专门的网站那么丰富，我所做的专门的慕课网可以为学习者提供大量的免费资源：中国大学翳课中也有f1.ash动画也为这门课，但它也是针对一个学期的课程，是有时间限制的，比如在开学前你可以报名学习，开始上课了你就不能报名了，这样就导致学习者不能自由安排时间学习，而我所耍做的幕课网是灵活的，学习者可以按照自己的时间来学习。1.4 研究的思路根据老新要求的做网站的步骤

11、，首先我访问了大量的慕课网站，也修阅了慕课在f1.ash动画制作上面的研究，然后学习些做网站的典型案例课程，做好相关笔记。最开始就是要想好网站的框架，我咨询J以往学期做网站的经验，想到要把推个框架和所填充的内容想好,所以每一个页面我都要把页面布局在草稿纸上设计好。我访问的大多数舞课网站的类型都差不多，构造比较狂杂,因为里面有很多课程，直接就是点进去就可以听课程了，而我要做的就是一门课，所以我要有做自己网站的思路。我想让自己的网站不要那么花花绿绿，因为这个网站面对的是高年缎的学生，他们的学习都是有针对性的，他们一进入网站就可以学习了，所以就是很清晰的课程基讯知识和课程难点以及素材资源的下载。想好

12、大概的布局以后，我就到处整理资料，包括视频，教学素材，课程资料等等，然后把所有资料收集到一块分类放在文件夹中，接下来就是在软件中进行设计1.5 研究的基本内容阅读相关文献，发现专门做一个F1.ash动画制作慕课的少之又少，只杳阅到有少量做专题资源网站，感觉到参考的东西比较少，所以只有先进行现状调查和信息收集，根据这些资料做出一个完整、系统的网站，做到界面简洁内容丰常。然后，对网站所需要的技术进行详细分析，设计如何实现各个功能。最后，利用PhotoShop、Firework、DrCamWCaVer等开发工具为网站进行模块构建、颜色选取、导航设计等实现网站的总体设计。实现具有文、图、声、像的网站，

13、使学习者进入网站有学习的兴趣，激起学牛的学习动机。在网站界面上，做到界面简约而不简单。在网站内容上，采用文、图、声、像相结合，不只是有静态的文字、图片，还有声音和视频。在网站功能上，做到满足大多数学习者的需要，功能都可实现。1.6 研究的基本方法本研究是对f1.ash动画制作慕课的设计与实现，以原有网站的内容作为设计基础。主要从研究背足及意义、需求分析、总体内容设计与网站实现这几个方面来进行开发，使用的方法石文献分析法、调查研究法、设计开发法。（1）文献分析法：通过知网、百度搜索等方式对国内外最新相关研究的文献进行综合分析。本研究方法主要用于f1.ush动画制作课程的建设前期的基础理论和设计原

14、则方面。（2）调查研究法：通过访问现有的黑课网站，进行综合性的对比与评价分析.本研窕方法主要使用与网页内容设计及整体设计方面。（3）设计开发法:按照一般一课网站的设计开发方法,对网站进行设计并测试。2F1.ash动画制作慕课前期准备在制作之前我首先是去访问大量网站，然后开始浏览相关文献，将思路画在草稿图纸设计，之后就是收集相关材料，收集的资料要分类，然后根据设计的思路在Dreamweaver中进行设计，对于不会的部分就在网上学习.2.1 F1.ash动画制作恭课的可行性分析F1.ash作为一款优秀的软件，在生活中应用十分广泛。这个网站提供了大量素材，教学资源,是按照般翳课的要求进行设计的，是符

15、合学生学习要求的，内容是按照课本要求设计。国内外关于二维动画制作方面的研究资料较多，f1.ash软件的教程更是数不胜数，但是都是具体到此软件的某一方面介绍，很少有书能体现动画的制作流程、具体操作步骤、详细的介绍。2因此，这个网站可以满足学习者的具体需求，学习者可以灵活安排学习时间，视频教学配有相应的文字说明学习者还可以根据所学内容自1.1.设计动画，网站中重点和难点突出，学习者可以根据自身情况调整学习，特别是对专业上需要学习这门课程的同学，在课堂中如果没有完全掌握，就可以通过慕课网边学边操作，这样聘技能掌握得更加熟练。2.2 F1.ash动画制作慕课需求分析随若互联网快速发展，网络资源可谓更加

16、丰富，我通过网上查阅文献，发现关于Ef1.ash动画制作这门课的网站少之又少。F1.aSh软件的应用十分广泛，例如网页设计、广告设计、MV动画、课件制作等等。FIaSh动画个突出的特点就是操作简单，对电脑的硬件要求低，只要在电脑上安装FIaSh软件，不需要较高的设计和绘画技术便能够制造出简单的动画。FIaSh动画软件的功能强大，可以重兔使用原件,对于很多动画公司来说,可以节约制作成本提高效率,同时f1.ash动画文件小、传输速度快等特点使得动画能够在网络上进行广泛的传播和下栽，2徐红.F1.ash动制作课程方法研究D.南京师范大学.2014.在当今的动画行业发展市场需求还是非常大的，学习FIa

17、Sh动画相关技术,就兴趣爱好者而言可以带来生活乐趣，可以根据灵感设计出更多的东西。另一方面，如果把门ash动画学好/,可以选择动漫和工程动画进行就业.工程动画主要就是做一些宣传动画，产品动画宣传等等。2.3 FIash动画制作慕课设计原则2.3.1 用户需求原则在设计网页时，我们要充分考虑网站所用对象，要搞清楚网站的类型，是商业性网站还是政府网站、个人网站、学校网站等等，不同的网站设计是不同的。不同网站类型对应者不同的人群,例如我所做的茄课网是针时高年级学生，页面布局首先要困绕着主题进行展开，内容必须符合高年级学生学习特征的基本要求。因此网页的布局设计要突出主题、充分考虑使用者的年龄阶段。2.

18、3.2 色彩搭配协调性现在的网站设计可谓琳琅满目，很多设计使用各种色彩来吸引眼球。色彩的搭配能第一时间达到一定的视觉效果，增加浏览网站的兴趣。之前我们老师说过色彩的搭配不可以多而杂乱，最多不超过3种，访问了大量网站后,本课程在贞面设计方面选取了清新的白色为主调。通常被认为是“无色”的。白色的明度最高，使用白色给人的印象就是“干净和简洁同时导航和部分地方选取了橙色为主调，因为橙色给人一种柔和温暖的感觉，既能激发学习者的学习兴趣也不会太过于花哨。2.3.3 一致性原则网站整体风格一致是网站自成一体的关键。网站的页面布局、主要色调、网站栏目的位置踊定及网站内容的具体定位等都是网站整体风格的决定因素。

19、并且主页和子页之间也要保持一致，才能成功凸显整个网站的统一性，使使用者清晰知道该网站是一个整体.因此，网站的首页与子页之间要布局、色调.内容定位等保持一致.3F1.ash动画制作慕课网的设计3.网站功能设计网站功能设计由网站主题决定,f1.ash动画制作网作为个学习课程网站，有以卜.几个功能：（1）传播和推广门ash动画制作知识的功能。一个课程网站往往是学习者想学习这门知识,想把这门知识学习得更加精通,通过一个网站，可以全方位似盖这门课的知识点，从而达到传播和推广的效果，（2）帮助想学者节约大量时间,提供免费素材和视预资源的功能.虽然现在的幕课比比皆是，但是免费的这类课程还是比较少的,例如在我

20、要自学网里面,虽然有这门课程，但是你只能听一部分,后续你要继续学习的话必须要用钱购买，如果想学的人去百度搜索的话，看到的视频也不是完挖的，而且也不齐全，还需要浪费大量的时间去寻找，所以这个网站将这门课展现出来，就可以满足学习者学习的需求，同时可以为学习者节省很多时间。（3）结合了本专业优势。首先本专业教育技术也包含了这门课程，就意味着本专业的同学都需要学好这门课程，而大学本来就是需要我们自学的地方，因为老师上课只是给我们一些提点和引导，不会手把手教学，这就需要我们自己下来花功夫学习。而这样的个网站，就满足了本专业学习的需求，除此之外，还涉及了相关课程，都是我们需要学习的，因此是非常必要的。当然

21、，除了本专业的同学，还可以为一些学习爱好者，工作需要者提供相应的服务，毕竟在这“互联网数目”发展快速的时代，一定的技能也是十分必要的。我所做的网站页面设计都是按照一般网页设计标准来做的，首先要有网页的头部，然后中间部分，然后是尾部，在首页的设计中，我将导航栏分为首页、课程基础知识、课程难点、资源中心、注册登录者几个部分。我把中间部分分为几个板块，它的上面我就根据网站的主题和内容精心设计了3张图片，并且将它制作成动态的效果，以便让整个页面看起来静中有动，动中有静。它的中间部分就是关于这门课的介绍，包括课程概述、授课目标、预备知识、教师介绍和常见问题的文字阐述，因为是一门课程，所以让学习者J解这部

22、分是很有必要的。然后就是课程特色了，我找了些图标，然后用文字简洁地概况了这门课的特色。下面就是一些超酷素材、作品欣赏和推荐书籍。在其它页面中，我根据课程的特点修改了首页的制作模式，首页的头部和尾部保持不变，然后根据收集的材料进行内容的填充。针对案例举一反三。3精品欣赏分为成语故事、儿童动画、节日动画、课件动画、植物动画，学习拧可观看动画，根据自己的需要下载动画成品。3.7 素材资源素材资源是方便学习者学习了课程之后对学习内容进行巩固，素材资源有自然风光、植物花草、动物图片、节日图片、美食图片、节日图片等等。进行素材的分类是方便学习者快速找到对应的素材.3.8 登录、注册页面的设计ft3Sa3-

23、12登录、注卅费西设计图3.9 技术及软件的选择网页制作中技术是非常关键的部分，在网页制作中，我选择的是DreamWeaVer软件，并I1.使用PhotOShop、JaYaSCriPt语言、AdObeFireWorkSCS3协助使用。翼亮.F1.ash动值制作教学中什务设计的研究和实践J.现代职业教育.2018(24):703.9.1 关键开发技术主要使用DrCamWCaVer软件对网站进行设计与制作,在设计与制作网站的过程中，使用了div+css的页面布局，him1.标签进行加工处理，JaVaSCriP1.语言进行调用。(1) D1V+CSS网页布局DIV-KTSS大大缩减页面代码，能提高页

24、面浏览速度,缩减带宽成本：结构清晰，容易被搜索引擎搜索到：缩短改版时间。只要简堆的修改几个CSS文件就可.以重新设计个有.成百上千页面的站点：CSS非常容易编写。你可以像写him1.代码一样轻松地编写CSS；还能够更好的控制页面布局。CSS目前最新版本为CSS3,是能够其正做到网页表现与内容分离的种样式设计语言。相对于传统HTM1.的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，押有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言.(2) HTM1.技术超级文本标记语言是标准通用标记语言下的个应用，也

25、是种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是-种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)浏览器按顺序阅读网页文件，然后根据标记符解择和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解择执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对不同的浏览器，对同一标记符可能会有不完全相同的解糅，因而可能会有不同的显示效果。超文本标记语言的结构包括“头”部分(英语：HeadJs和“主体”部分(英语:Body),其中“头”部提供关于网页的信息，主体部分提

26、供网页的具体内容。(3) JaVaSeriP1.语言JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释潜被称为JaVaSCriPt引擎，为浏览器的部分,广泛用于客户端的脚本语言，最早是在HTM1.(标准通用标记语言下的一个应用)网页上使用，用来给HTM1.网页增加动态功能。JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。我们可以利用JaVaSCriP1.轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览罂停留的时间。让这些特殊效果提高网页的可观性。3

27、.3.2主要开发工具本研究主要使用的主要软件是Dreamweaver,Photoshop.AdobeFireworksCS3。(1) AdobeDrcamweavcrCS6它是一个设计网页的软件，由Adobe公司推出。DreainweaverCS6具有最新的WCb技术，其界面很直观、可视化，包含了对HTM1.的控制和检查，它的工作界面包括属性窗口、浮动面板组、视图窗口、工具栏等,为网页设计提供了很好的开发环埴在使用DreamWeaVer设计与制作网站时，可以很直观的看到白己设计的每一个模块呈现的具体效果，只要设计好一部分后，就可以用浏览涔查看自己所做的效果，让自己能随时按照自己的想法调出网页整

28、体达到最终目的。而且，使用DrsmWCaVCr对于素材的插入、编辑等更加方便，对于初学者制作时可以将它的模式设置成经典，然后进行拆分模式，这样一边看代码，一边可以在框中编辑，鼠标定位在那点，就可以看到这一部分时应的代码所对应的内容是什么,一旦你在窗口中进行操作，左边的代码就会自动生成，所以我们就没有必要自己写多少代码了。(2) AdobePhotoshopCS6AdobePhotoshop,简称“PS”,是由AdObCSyStCmS开发和发行的图像处理软件：Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文

29、字、视然、出版等各方面都有涉及。(3) AdobeFireworksCS3034-1网站首页效果国4.1.1导航栏的实现导航栏分为网站首页、课程基础知识、课程难点、资源中心、登录注册这几部分，由导航栏连接到不同的网页中。在打开软件后，要将它的背景颜色填充为灰色机cc,即插入D1.V,然后新建CSS规则，在CSS的规则定义中就可以设置背景颜色，背景框架大小即在方框中设置长和宽，考虑到一般网页的长度和宽度，我将它设置为长1500,宽IIo0,由于编辑的每个模式都是要插入DIV,所以只需要插入DIV后进行相关属性的设置，部分代码如下：网站首页课程基础知识f1.ash动画基础知识导航栏效果如图4-2。

30、心3”加田X姑W次般池敬鹤WitW0*图4-2网站导航栏效果图4.1.2 首页：动态图片的实现首页中的动态部分，这个部分是为了增加网站动态感，让网站看起来有生机活力.我用:张图片，让他们实现循环从左向右移动，效果如图4-3,部分CSS样式代码如下：varbox=ncwPPTBox();box.widh=1100;宽度box.height=480：/高度box.autop1.ayer=3：自动播放间隔时间134-3首页图片灌动效果图4.1.3 首页：课程信息的实现首页的课程信息栏栏部分就是对这门课的一个简介，效果如图4-4。部分代码如下:本课程按实际需要及由浅入深的原则，最终确定了以下三个阶段：

31、第一阶段，F1.ash基本概念的介绍与荷单图形的绘制。第二阶段，简雌动画项目的制作（关键帧动画,补间动画）第三阶段,小型综合项目的制作。利用前面所学的知识，进行小型综合型的动画项目的制作。加深对前面所学动画技术的复杂操作，做到融会贯通。最终达到灵活运用各种命令完成作品的制作。NtSBUD1.i4Xa4f1.4SXM*at:3皿0三X三M1.9Mn*fDBM*S7QMtM.TRt113M9W7R92MWW9JeXMHMS力RrF2F*I三iCfc三nANatBH.miMuMXXtt3MJtgmuSWB.bWe-TOWBMI%kmvs*am9xVmnmeraew.EWI介mtMwwv.1.*三*w

32、*nmvwWNx32MmZC.字KmMC*MMHmMSX1.MAMVRW1.WVWM.aHfirtnc*MttMMQyc4FItfOaMPyF.AdobeRNoZnaC+EHC.9.KWMI:X心MMt1.QI&*”gHgxomQMtt*MMT3三*vvurarM*mw,MccBnsMrMvoAraaffAsAy小AeM3WrWaaI_9M.194-4课程信息栏效果困4.1.4 课程特色的实现课程特色是与f1.ash动画制作慕课课程相对应的归纳总结，我需要把这些图片在PhotOShoP中进行处理,并将三张图片设置为相同的大小，部分代码如下：课程特色Gh2。开放课程，随时来学力*ne电部内MW*

33、m9VA11,WK4BMSXM.1*ff1.4-5谭程粉色效果Ifi1.1.5 超酷图片界面的实现超酷图片界面就是些Hash动画的素材，并且些图片是动态形式，不仅可以让网页更加美观，还可以增加学习者的学习兴趣，部分代码如E=超酷图片ff1.4-6越S片页面效果困1.1.6 作品欣赏的实现作品欣赏是一些f1.ash动画制作对的成品，为了方便学习者通过浏览后增强对学习的吸引力，以便籽自己的技术练到炉火纯声的地步。效果如图4-8.部分代码如下：作品欣赏Gh2IS4-7作品欣赏效果困1.1.7 推荐书籍的实现推荐书籍是为了学习者在多余时间拧下，可以下来再多浏览书籍，相信课程的搭配加上课本的学习，效果更

34、佳。效果如图49。a4-8推荐书括效果困4.2 F1.ash动画基础页面的实现在课程基础知识部分，包含f1.ashCS6概述、绘画工具、编辑修改工具、文本辅助工具和色彩四个章节的内容，每一部分对应一个页面，在每一个页面中,除了知识点的介绍之外，还有相应的视频，这部分相当于课程的入门知识，对于已经掌握的同学来说可以忽略.效果如图4-10.IB4-9探程息融知识设计效果用4.3 FIaSh高级案例页面的实现FIaSh高级案例分为补间动画、特殊动画、图丛动画、3d工具和骨骼工具,FIaSh切哥M作&课H4.4 课程重点解析页面的实现课程难点这部分是这门课程的后期部分，也是比较难掌握的部分，我将它分为

35、脚本动画,交互式动画和音视频的应用.左边相当T导肮栏，右边对应相应的知识点，将知识点了解后就可以看视频，部分代码如下：divCIaSS=divCIaSS=mainIer1.IiSi”第一章:F1.ashcs6概述基础知识动画知识点4.5 精品欣赏页面的实现在精品欣赏中，我对门ash动画成品进行了分类，主要分为成语动画、儿歌动画、节目动画、课件动画、植物动画：素材资源又分为自然风光、植物图片、动物图片、节日图片、美食图片、其他图片。学习者可以根据自身的需要进行下栽。*RO1*3f1.2B网明页峭频识Sfifi淞柚洌旗疑故弗片精品欣赏敲相片然：*ejJ2ip-3JMBTH：gUE*f啕OH1.ee

36、PIt36GBJS图3-10精品欣赏页面部分佚图及下代收334.6 素材资源页面的实现4.7 登录、注册页面实现登录注册就是方便学习者进入网站后，可以登录然后听课，能避免第三方服务中断，或者你不幸忘了第三方密码又没有登陆第：方的时候，还能够有办法登陆。同时为了方便你的多个第三方账号都能登录到通过账户卜.，而不是每次都创建一个新账户，导致你的体脸不连续。免费注册页面效果图登录页面效果图4.8 网站检测网站设计完成后，需要进行网站的检查。因此我对网站进行了以卜.宣看，主要检查的内容有：(1)在网站中浏览网页，看看是否有需要补充的地方。检查网页各页面内容是否完整：(2)检查每个链接的使用情况，看涟接

37、是否能正常使用,确保能链接到指定页面。(3)检查每个页面的图片是否有误，图片的大小是否恰当，图片的处理是否到位，有无残留不明标注等。(4)将已经完成的的网站运用不同的浏览器铿君，确认网站的内容在任何浏览器都能正常显示。经过对本网页的反优测试，发现了很多小问题，比如：发现几个页面的M接没石正确链接到指定页面，出现“无此文件的情况“：有的文字燧接了页面之后，CSS样式无法正常显示：视频的上一课和卜.一课弄反了等等。将这些小问题一一解决之后，网站的笔本功能得以实现。5总结与展望5.1 总结从最开始无处着手，到后来的完成网站，这个过程真的很难。开始去和老师沟通，老师让我多参考别人的网站，最开始没有一点

38、点思路，可谓是绞尽脑汁，但是“万事开头难”，经过了学习课程、打框架，确定网页颜色，搜集资料等等一系列的工作，慢微的开始制作了。但是往往“理想丰满，现实臂感”,设计出来的东西往往没有自己想象中的完美，因为自己的技术还远远不够。而且所有的全部要靠自己去想，之前专业实习的时候分小组做一个网站都是做一部分就可以f,但是毕业论文是自己的事，每一部分都需要自己设计，就连图片大小，文字大小，位置什么的都耍精确到位。有时候做错r之后我只得重新看视频学习，做好相关笔记，有时候做得不对，但是不知道是哪里错了，所以要反笈找到问题所在，虽然麻烦，但是旦找出了问题，就知道相应类似的该怎么处理了。虽然整个课程的内容、视频

39、、素材、课件等都完成了，但是还是十分的不满意，因为自己技术的欠缺，导致整个网站动态的太少。在这次设计中，我深刻认识到我的技术还不够，所以今后更要多多加强学习。5.2 展望在最开始做网站的时候特别的头痛，因为这个课程类的网站参考的太少1.而且主要是做门课程,我访问的大量网站中,都是动态的，可以实现交流互动，教师批阅等等功能。我曾努力尝试实现这些功能，但是由于工作量和技能缺乏的原因而不能将它做好，希望通过以后的学习能对网页设计与制作有更好的掌握,改善本研究中出现的问题。参考文献1李瑞军,季一兵基于MooC的混合式教学模式在分析化学中的应用探究J.课程教育研%,2017(45):179-180.|2

40、)王翠茹.F1.ash动画制作3专即学习网站的设计与实现D.内蒙古师范大学,2008.h3J算亮.F1.ash动画制作教学中任务设计的研的和实践J.现代职业教育.2018(24):70|4|堂序,缶颖.如何利用ActionScript2.0制作漫天W花的F1.ash动画J.电脑迷,2018(12):83.|5|孟利民我析暮i5!(MOOC)发展时中国高等教育影碗同中国教育信息化,2016(14):5|6|王林.慕邯背景下的混合学习模式实践与探索以中职二维动画制作课程为例目.中国教育信息化,2015(04):58(7)乔焰,李坦.互联网+传统高等教方期课制作方法的研究J电脑知识与技术.2018,

41、14(05):145-147.|8|张闻语.关于慕课的制作方法分析叫.教育教学论坛,2016(32):221-222.|9|古乐娟.动画制作专区学习网站的设计与开发D山东师范大学,2011.110吴智玉.F1.ash动画制作能力的探讨现代职业教育,2018(17):48-49.|11|洪天配.微探在F1.ash动画制作课程教学中的应川分析网.学苑教育,2018(17):88-89.|12徐红.FIaSh幼后制作课程方法研究D.南京师范大学.2014.13E铭莹.FIaSh动画制作技术与网页设计的融用J.农家参谋.2018(09):169.114杨敏邰江.F1.ash动画教学“新果”课件的制作原

42、则同实骁教学与仪.2016,33(04):40-41.|15陈信F1.ash动画设计与制作3课程教学模式的研究与探索叫.现代职业教,2018(17):38.致谢曾经的老师对我们说，一定要好好珍惜现在的大学美好时光，因为只有在这四年中，你可不考虑经济和社会压力，无忧无虑地做自己最喜欢的事情，所以一定要倍加珍惜，四年的时间真的很快。现在回想才明白了老师说得很有道理，晃我们即将踏入社会，将来要面对的就没有学校那么简单了，读书的时光你觉得学习是最难的事，但你工作后才发现学习是最简单的事。四载求学路，一片册者心。首先我要感谢的是我的论文指导老师，是他不厌其烦地回答我在论文过程中遇到的各种问即以及给悉心的指导，感谢他的悉心指导，让我顺利将毕业论文完成。另外,我还要感谢大学四年的各任课老的,我的父母,朋友，I可学,是他另在我求学的道路上给了我很大的鼓励和支持。最后，即使我们大学已经走完了,接下来我们还有更长更远的路要走，“路漫漫其修远兮，吾将上卜.而求索”，未来的路我将继续努力前行，感谢在我生命中的每一个人！