编号1151601145结业设计（2015届大专）题目：《计算机动漫制做》精品课网站的设计与开发大学：信息技术与传媒大学专业：教育技术学作者姓名：杨显亮指导班主任：公维余职称：副院长完成日期：2015年5月25日二○一七年八月河东大学专科生结业论文（设计）诚信申明本人诚恳申明：所呈交的专科结业论文，是本人在指导老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产权争议，除文中早已标明引用的内容外，本论文不含任何其他个人或集体早已发表或撰写过的作品成果。对本文的研究作出重要贡献的个人和集体均已在文中以明晰形式注明。本人完全意识到本申明的法律结果由本人承当。专科结业论文（设计）作者签名：二〇一七年八月二十五日河东大学专科结业设计开题报告设计题目《计算机动漫制做》精品课网站设计与开发作者姓名杨显亮所属大学、专业、年级信息技术与传媒大学教育技术学11级1班指导班主任姓名、职称公维余副院长预计字数5000开题日期2015年3月一、选题根据1．背景与意义在我国，因为计算机与网路技术的不断发展，信息化建设的不断深入，不管是企业、学校或个人都在结合计算机网路技术对现有的管理或生活中的一些环节进行开发研究，运用计算机进行一些必要的数据信息管理，剖析及发布，而且取得了相当不错的成果。
从进入21世纪起我国高等教育实现了历史性的跨越，使我国高等教育步入国际公认的大众化教育阶段。现阶段，但学院班主任队伍成长的速率开始跟不上中学生入学的步伐，人民群众不断下降的教育需求同教育供给非常是优质教育供给不足的矛盾。教育投入严重不足，教育基础设施和班主任队伍的水平都远远不能适应教育现代化的要求。要在高等教育规模持续下降的情况下，继续保持教育质量的不断提升，是我们面临的前所未有的严峻挑战。网路教学是减轻这些现况的一个方式，而精品课程为网路教学提供了一个挺好的网路教材，使网路才能挺好的教学。网路教学的优势（1）网路教育优势一：资源借助最大化（网路教育是远程教育的现代化表现，以网路技术为基础，结合高校优秀教育资源，将高校最优秀的班主任、最好的教学成果传播到四面八方，中学生无论是在近处还是远方只要拥有网路及一定的计算机操作能力均可学习知识。）（2）网路教育优势二：学习方法灵活（网路教育学习不受时间、空间限制，中学生随时随地都可以学习，想学那个课程就学那个课程，充分满足了职场人士下班繁忙，学习时间不固定的状态。网路教育通常以在线补习和面授相结合，在线补习，通过中学生与老师在线讲课与学习，同时可以通过平台进行交流、解答疑惑、完成作业、考试等，同传统的教学模式相比，更重视了中学生的主动性以及教育与中学生、学生与中学生之间的互动性，拉紧了班主任与中学生的心理距离，降低了师生的交流机会和范围。
）（3）网路教育优势三：教学方式个性化（网路教育运用计算机网路特有的数据库管理和单向交互功能，让系统对每位中学生的资料、学习过程和阶段情况等实现完整的系统跟踪记录，同时按照不同事生的资料提出不同的个性化学习建议或计划，更利于中学生的发展。）（4）网路教育优势四：教学管理手动化（网路教育的教学平台具有手动管理和远程互动处理功能，远方的中学生在咨询、选课、查询、作业与考试管理等操作均可通过高校的网路教育平台施行。从咨询到最后的结业，整个过程都有专门管理系统手动处理，填补了人工操作量大效率低的缺点。）（5）网路教育优势五：节源开流（节源开流是当今社会发展所需，也是我们始终提倡的，网路教育通过平台进行院士、学习，很大程度上积累了成本，而那些费用可以用在为中学生提供性价比更好的学习上，如招募更多的讲课老师、使用更多更好的教学设备、减低中学生的费用等）。（6）网路教育优势六：学历为名校学历（截至目前为止，已有多所院校获准举办远程教育试点，她们或叫网路教育大学或叫远程继续教育大学，中学生在规定的年限内完成教学计划中所有的课程及其他安排，结业后获得学历均为重点学院网路教育学历。）故而，精品课程网站的建设极大减轻了我国教育力量不足的压力。
2．国外外研社究状况与发展趋势涵括90年代以来世界范围内的教育，呈现两大特征：一在课程课程中积极推广信息技术成为举办信息技术教育的另一条重要途径。20世纪90年代中期曾经，各国实现信息技术课程的目标基本上是一种模式—单独设课，从90年代中期以来，不少国家开始探求采用第二种模式—信息技术与课程整合。二网路应用成为新世纪信息技术教育的核心内容。网路上蕴涵的海量信息，以及基于网路的信息传输系统，除了成为教学直接的资源库，同时成为教学的一个稳定的、强大的功能平台。各个国家针对信息技术教育的新特性，制订了众多教育新政，提升本国的信息技术教育。因为美国网路普及广泛所以她们早在20世纪就开始了精品课程网站的初步应用。我国的网路教学起步较晚，2000年，国家教育部连续批准了人民学院等26所院校举办现代远程教育试点。这一系列措施，表明国家对Internet远程教育事业的注重，Internet远程教育的发展必定成为未来教育的焦点。对于网路教学的开始，还没有精品课程这个概念。而随着网路教学的发展，精品课程开始被提上日程，国家如今非常注重精品课程的建设问题。全球已有800多所学院通过Internet提供网念书位课程，像哈福学院、麻省理工大学、剑桥学院都已准许美国中学生进行网上注册、异地学习学位课程。
1996年日本民众中掀起致力促进中学联网的“网络日”志愿活动，克林顿政府4提出“教育技术行动”纲领。该纲领强调：到2000年，全省的每间课室和每位图书馆都联上信息高速道路，，每位小孩都能在21世纪的技术文化方面深受教育。到目前为止，一个覆盖全省主要教育机构的网路业已产生，几乎全省所有的中学都能举办网路教育。在院校，网路教育所开办的学历、学位课程已超过5万门，基本覆盖了法国高等中学所有的课程和专业。日本网路教育发展现况全美100多所知名学院将借助InternetII举办远程教育，75%的法国学院将提供网路教育。德国学院的远程教育采用了各类技术手段，采用最多的是视频技术和基于Internet的信息技术，非常是借助Internet的非同步教学、双向交互式的视频教学和多项式预录视频教学。日本的网路中学都是由许多相关的教育部门或公司构建，而各网路中学之间又有十分广泛的联接，整个体系呈网状结构，无论你想学习哪些知识和技能，到网上都能找到相关的资料和帮助。既有专门针对基础教育的、又有专门针对师资培训的、高等教育（成人教育、继续教育和职业教育）的。其中每一方面都涉及到各门各种课程和全套的服务设施。日本网路教育发展现况1998年是日本的网路年，施行全省上网学习计划，其重点置于“为全省班主任提供机会，以更新她们的信息和通信技术能力”。
2001年日本政府推出“全国学习网计划”，目标是到2002年使全省所有中学全部上因特网。筹建在美国的“欧洲学习中心”总部，已制定了统一的网路教育计划和施行条例，未来的远程教育将主要依赖因特网，除了施行基础教育，但是大部份专业培训也在网上完成。日本开放学院（OpenUniversity)是最早应用多种媒体教学的远程教育中学，目前，在网路上学习的中学生超过6万，提供各类层次的教育（毕业证书或课程证书、毕业证书、硕士学位），几乎包括所有课程的课程。日本网路教育发展现况1878年英国的女王学院向校外生开放，1890年则即将构建了一个校外教学系，这是美国远程高等教育系统的起点。步入20世纪后，职业技术成教教育及中中学层次的成教基础教育也先后发展上去。到20世纪中后叶，美国各级各种中学大都开始增设远程教育的办学方式。二、设计目标与主要内容设计目标：要开发一个完整可行的精品课程网站，我们须要充分了解中学生和班主任的需求，精品课网站，必需要结合实际，有足够的实用性、可靠性、适应性和安全性。对于用户的界面也应具备友好性，使其才能更便捷快捷地操作，在数据库设计方面要才能确保数据的完整性和高效性，更应当尽量降低数据冗余。
《计算机动漫制做》精品课程网站作为一个课程教育系统，必须彰显它的学习性和动态性，所以依据系统可构建如下几种功能：(如流程图一)图一三、设计的主要环节或论文的基本内容1.设计的主要环节(1)系统的需求剖析①系统需求剖析制做一个适用于中学生学习的精品课程网站②功能需求剖析课程介绍模块、教师队伍模块、教学设计模块、学习手册模块、实训天地模块、优秀作品模块、教学疗效模块、联系我们模块、系统前台模块、后台管理中心模块等。③性能需求剖析a．软件环境：操作系统：Windows7、WindowsXP数据库系统：Accessb．编程语言及工具：Dreamweaver，ASP(2)总体设计①课程介绍模块课程介绍模块主要介绍课程使用的基本情况及功能。②教师队伍模块班主任队伍模块主要实现中学生用户进行选定老师，进行学习，包括课程负责人、主讲班主任。③教学设计模块教学设计模块主要介绍本课程的一些特性，应用方法，及教学方式等。④学习手册模块学习手册模块中的在线互动主要实现中学生与班主任之间的问与答的课程学习的功能。包括浏览留言、学生发表留言、教师回复留言。⑤实训天地模块实训天地模块中包括学案，讲课计划，参考资料等。⑥优秀作品模块在课堂上或则课后中学生完成的作品中比较优秀的。
⑦系统前台模块系统前台模块主要为用户提供一个完整的系统页面信息。包括网站导航、课程负责人、访问次数、课程简介。⑧后台管理中心模块后台管理中心模块主要实现管理员对整个系统信息的管理功能。包括快速导航、栏目管理、用户信息管理、数据库管理、站点管理。(3)详尽设计根据面向对象的思想对网站功能进行建模，之后界定模块(4)系统的编码用.css等视口款式实现功能(5)软件测试每完成一个功能就对这个功能进行单元测试，完成一个模块就进行集成测试。四、完成时限和采取的主要举措1．完成时间2014.12-2015.01结业设计选题2015.01-2013.02搜集资料并整理资料2015.02-2015.03完成设计框架，首先是设计理念及意义的论述，要开发一个完整可行的校园精品课程网站，我们须要充分了解中学生和班主任的需求，大学的网站，必需要结合实际，有足够的实用性、可靠性、适应性和安全性。对于用户的界面也应具备友好性，使其才能更便捷快捷地操作，在数据库设计方面要才能确保数据的完整性和高效性，更应当尽量降低数据冗余。2015.03-2015.04更改建立，建立内容，完成设计的基本框架。2015.04-2015.05完成设计作品，并打算好相应的文献。
2015.05-2015.06上交作品，出席答辩。2.主要举措（1）搜集资料，搭建数据库结构；（2）浏览信息，建立网页主页模块；（3）朋友帮忙，创作新的网页功能；（4）指导老师进行指导，进行多次更改，建立网页。五、主要参考资料：。[1]张慧临著:动漫艺术史，浙江人民出版社2002年4月版.[2]汪瑞霞:科学技术与艺术设计的融合—对动漫设计专业建设的思索[J]；成都师范本科校区学报；2004年04期；[3]黄万壮:多媒体动漫设计在科学演示中的应用与研究[D];西安工业学院2007年[4]海洋：北京日报.2006年[5]中国动漫范例.电子工业出版社，2004[6]刘华南：数字视频技术与艺术设计的结合应用[J];影片评述.2006年12期;[7]贾否：动漫导论.上海广播大学出版社.2002[8]王智强、张桂敏：英文版FlashCS4标准教程.中国电力出版社2009年7月[9]李晓波周峰：FlashCS4动漫设计案例集锦2010年05月版[10]王毅敏著：计算机动漫制做与技术.复旦学院出版社2010年11月[11]范沙浪著：计算机动漫制做.北京科学普及出版社2005年9月[12]石朝晖、王中秋：计算机动漫设计.经济科学出版社2010年4月指导班主任意见：签名：年月日教研室意见负责人签名：年月日大学意见负责人签名：年月日目录摘要-1-Abstract-2-第一部份网页概述-3-1.1网页简介-3-1.2网页的组成-3-1.2.1主页-3-1.2.2申报书-3-1.2.3班主任队伍-4-1.2.4课程介绍-4-1.2.5教学设计-4-1.2.6学习手册-4-1.2.7实训天地-5-1.2.8优秀作品-5-1.2.9教学疗效-5-1.2.10联系我们-5-1.3网页设计思想-5-第二部份网页设计思路-6-2.1网页设计背景-6-2.2制做工具选择-6-2.3素材搜集-7-2.3.1图形-7-2.3.2文字-7-2.3.3视频-7-2.3.4动漫-7-2.4网页设计内容设想-8-2.4.1页面主题-8-2.4.2页面内容-8-2.4.3结构布局-8-2.4.4色调搭配-9-第三部份网页内容简介-10-3.1网页功能简介-10-3.2网页主要功能的描述-10-3.3网页的浏览-10-第四部份网页设计-11-4.1网页结构总图-11-4.2各网页模块的组成-11-4.2.1首页-12-4.2.2申报书-12-4.2.3课程简介-12-4.2.4班主任队伍-13-4.2.5教学设计-13-4.2.6学习手册-13-4.2.7实训天地-14-4.2.8优秀作品-14-4.2.9教学疗效-14-4.3网页制做环境-15-4.4网页设计思路-15-第五部份网页制做-17-5.1素材的加工制做-17-5.1.1文字-17-5.1.2图片-17-5.1.3制做网页底部图形-17-5.2网站的构建-18-5.2.1搭建站点-18-5.2.2站点目录-18-5.3网页设计-18-5.3.1主页设计-19-5.3.2申报书-21-5.3.3课程介绍-21-5.3.4班主任队伍-22-5.3.5教学设计-23-5.3.6学习手册-24-5.3.7实训天地-25-5.3.8优秀作品-25-5.3.9教学疗效-26-5.3.10教学疗效-26-第六部份设计感受-26-致谢-28-参考文献-29-《计算机动漫制做》精品课网站设计与开发教育技术学中学生：杨显亮指导班主任：公维余摘要【摘要】本网页主要用ASP语言编撰，借助MacromediaDreamweaver8.0作为开发工具，介绍了计算机动漫制做的简介、教师队伍、教学设计、学习手册、实训天地、优秀作品、教学疗效、联系我们等基本概况，以图片和文字介绍相结合的形式，穿插一些视频媒体，以网站浏览的方法综合展示了计算机动漫制做的基本概况，侧重介绍了计算机动漫制做的特色。
【关键词】网页设计说明书；计算机动漫；设计思路；Dreamweaver8.0；VBscript语言"Computeranimation"websitedesignanddevelopmentcourseEducationalTechnologyStudent:YangXianliangInstructor：GongWeiyuAbstract[Abstract]TheWebpagemainlyusedtheASPlanguage,usingMacromediaDreamweaver8.0asadevelopmenttool,thecomputeranimation,theintroductionofteachers,curriculumresources,teachingconditions,teachingmethods,teachingeffect,coursecharacteristicsofbasicsituation,thecombinationofpicturesandwordstointroduceway,interspersedwithvideomedia,withwebbrowsingwayacomprehensivedisplayofthebasicoverviewofcomputeranimation,emphaticallyintroducesthefeaturesofcomputeranimation.Keywords:WebpagedesignspecificationComputeranimationDesignideasDreamweaver8.0VBscriptlanguage第一部份网页概述1.1网页简介网页，是构成网站的基本元素，是承载各类网站应用的平台。
浅显的说，网站就是由网页组成的。网页说具体了是一个ASP文件，浏览器是是拿来剖析这份文件的。本次网页设计，主要用ASP语言编撰，借助Dreamweaver8.0作为开发工具，中间插入了一些Flash特效，如腿部动漫、等，主要介绍了计算机动漫制做的简介、教师队伍、教学设计、学习手册、实训天地、优秀作品、教学疗效、联系我们等基本概况，以图片和文字介绍相结合的形式，穿插一些视频媒体，以网站浏览的方法综合展示了计算机动漫制做的基本概况，侧重介绍了计算机动漫制做的特色。1.2网页的组成1.2.1主页（1）课程简介（2）课程负责人（3）用户登入（4）文章中心（5）课程公告（6）联系我们（7）班主任队伍（8）教学散记（9）友情链接1.2.2申报书简单的介绍了《计算机动漫制做》这门课程的研究方式，应用了这些教学手段等。1.2.3班主任队伍（1）班主任情况（2）文章中心（3）教学散记1.2.4课程介绍（1）课程定位（2）课程沿革（3）特色创新（4）课程公告1.2.5教学设计（1）设计理念（2）设计思路（3）教学内容①教学内容选定②教学内容选定③教学内容选定（4）教学模式（5）教学法发（6）教学手段1.2.6学习手册（1）课程标准（2）讲课计划（3）电子学案（5）教学案例（6）参考资源1.2.7实训天地（1）核心技能实训指南（2）仿真项目实训指南（3）在线互动1.2.8优秀作品1.2.9教学疗效（1）教学评价①校外专家②行业专家③企业专家④督导评价⑤学生评价（2）社会认可度1.2.10联系我们1.3网页设计思想本网页使用MacromediaDreamweaver8.0作为设计工具，采用多重链接的形式展示《计算机动漫制做》精品课网站的教学方式等几个方面，力求界面简约明了的同时，设计中插入了一些Flash特效，以提升可观赏性。
在制做过程中力求综合运用所学计算机技能，充分发挥本人的专业特长，使才能通过网页上图片展示和文字介绍，真实并且较为全面地反映《计算机动漫制做》这一门课程的概况，同时也反映了学习这一门课程的一些技巧、手段等。第二部份网页设计思路2.1网页设计背景在我国，因为计算机与网路技术的不断发展，信息化建设的不断深入，不管是企业、学校或个人都在结合计算机网路技术对现有的管理或生活中的一些环节进行开发研究，运用计算机进行一些必要的数据信息管理，剖析及发布，但是取得了相当不错的成果。从进入21世纪起我国高等教育实现了历史性的跨越，使我国高等教育步入国际公认的大众化教育阶段。现阶段，但学院班主任队伍成长的速率开始跟不上中学生入学的步伐，人民群众不断下降的教育需求同教育供给非常是优质教育供给不足的矛盾。教育投入严重不足，教育基础设施和班主任队伍的水平都远远不能适应教育现代化的要求。要在高等教育规模持续下降的情况下，继续保持教育质量的不断提升，是我们面临的前所未有的严峻挑战。网路教学是减轻这些现况的一个技巧，而精品课程为网路教学提供了一个挺好的网路教材，使网路才能挺好的教学。借结业设计之机，通过计算机工具，以“精品课”为主题，制做一网站来展示《计算机动漫制做》这一门课程的重要性。
2.2制做工具选择MacromediaDreamweaver是一款集网页制做和管理网站于一身的所见即所得网页编辑器，是一套视觉化网页开发工具，借助它可以轻而易举地制做出跨越平台限制和跨越浏览器限制的饱含动感的网页。概括上去，Dreamweaver具有以下优点：一是最佳的制做效率。Dreamweaver可以用最快速的方法将Fireworks，FreeHand，或Photoshop等档案移至网页上。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。二是便捷的网站管理功能。使用网站地图可以快速制做网站雏型、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会手动更新所有链接。三是无可比拟的控制能力。Dreamweaver是提供ASP、视觉化编辑与原始码编辑同步的设计工具。帧(frames)和表格的制做速率快。Dreamweaver增援精准定位，借助可轻易转换成表格的视口以拖拉置放的形式进行版面配置。当使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不须要透过浏览器能够预览网页。全方位的呈现借助Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。
因而，选用Dreamweaver8.0作为开发工具。2.3素材搜集文字与图片是构成一个网页的两个最基本的元素。可以粗略的理解为：文字，就是网页的内部实质意义；图片，就是网页的美容化妆品。除此以外，网页的元素还包括动漫等。2.3.1图形主要通过网路媒体获得图片资料。如背景图片、导航条、课本封面，主要浏览图片网站收集资料；代码、特效、搜索等方面，通过搜索引擎，还有一部份是老师的相片。将这种资料库中的相片、图片资料,依据具体须要，用ACDSee、Photoshop软件适当处理，弄成素材添加到网页的某个地方，充分提升网页的观赏性。2.3.2文字由设计思路展开，收集所须要的文字资料。历史沿革、指导思想、课程定位部份参考百度文库。对素材剖析选定，进行相应的文字编辑和加工。2.3.3视频班主任上课所录的视频，以备课后中学生可以登入网站进行学习。2.3.4动漫在指导班主任的指导下，借助FlashCS6动漫制做软件创作了网页中的主要动漫，同时借助网上的动漫资源，搜集了一些小的动漫素材，大部份作为网页底部标题图片的映衬。2.4网页设计内容设想就具体设计环节而言，概括为两个方面：一方面是纯网站本身的设计例如文字排版，图片制做，平面设计，静态无声图文，动态有声影像等；另一方面是网站的延展设计，包括网站的主题定位和浏览群的定位等等。
网站设计优化的具体表现是：以用户需求为导向，设计便捷的网站导航，网页布局合理而且适宜保存、打印、转发，网站信息丰富、有效。通过对网站功能、结构、布局、内容等关键要素的合理设计，致使网站的功能和表现方式达到最优疗效。构思阶段须要考虑以下内容：2.4.1页面主题此网页的中心思想是通过网页浏览欣赏，借助文字介绍、图片展示，其中辅以动漫、视频，以图文并茂、视听兼有的方式来全面反映《计算机动漫制做》这门课程的位置。2.4.2页面内容内容要为网页主题服务。用文字介绍《计算机动漫制做》的课程沿革、教学设计、教师队伍、课程介绍等；以红色为主调来诠释动漫在现今社会生机勃勃的景色；用Flash特效诠释的动漫的强悍功能；用视频诠释《计算机动漫制做》的教学技巧等。2.4.3结构布局版面指的是浏览器听到的完整的一个页面，如同传统的报刊刊物编辑一样，我们将网页看作一张报纸，一本刊物来进行排版布局。其实动态网页技术的发展促使我们开始趋于于学习场景导演，并且固定的网页版面设计基础依旧是必须的。它们的基本原理是共通的。本网站的主页和绝大部分页面采用“三”字型结构布局，其中底部、底部链接款式，便于统一协调。部份子页面采用“T”字型、“Ⅲ”型、标题正文型、封面型布局，以配合特效页面设计。
布局，就是以最适宜浏览的形式将图片和文字排放到页面的不同位置。本次设计，借助表格布局页面。因为表格定位便捷，在页面的布局中有很大的好处，浏览器在下载表格时，将表格中的所有内容（包括图象）都下载完毕后才显示。假如一个页面有挺好的上下结构，就分成几个上下并列的表格，而不把整个页面中的所有内容都置于一个表格中，这样可以推动浏览速率，降低等待时间，如班主任队伍；假如版面是大块内容，就使用较粗的表格，即行列数不用太多，如课程简介；假如页面内容比较细碎，就使用较细的表格，也可使用嵌套表格，即表格单元的内容是另一个表格，如教学设计，其中的“设计理念”、“教学内容”等都是不同的内容，且内容较多，因而，使用嵌套表格。2.4.4色调搭配网站给人的第一印象来自视觉冲击，确定网站的标准色调是相当重要的一步。不同的色调搭配形成不同的疗效，并可能影响到访问者的情绪。“标准色调”是指能彰显网站型象和延展内涵的色调。彩色页面就像七彩斑斓的大自然，能给人美的享受，因而勾线彩搭配必须得当。红色是具有黑色和白色两种成分的色。在红色中，将红色的扩张感和红色的收缩感相中庸，将红色的温暖感与黑色的严寒感相抵消。这样促使红色的性格最为平和、安稳。
是一种蓬松、恬静、潢足、优美的色。同时，《计算机动漫制做》这一门课程正处于蓬勃发展阶段，红色是重要的色调基调，让人欣赏后油但是生一种亲切之感，辅以Flash动漫映衬，作为页面底部主题。在二级、三级引用。第三部份网页内容简介3.1网页功能简介本网页使用超链接，即把一个网页与一个网页联接上去，才能实现在“IE”浏览器中快速、全面地借助文字介绍、图片展示，其中辅以动漫、视频，以图文并茂、视听兼有的方式来全面反映《计算机动漫制做》这门课程的位置。3.2网页主要功能的描述本网站分成多层链接关系，主要实现如下功能：1．简介《计算机动漫制做》的基本情况，《计算机动漫制做》的内容，以及使用对象。2．展示《计算机动漫制做》的历史沿革，来源。3．介绍《计算机动漫制做》的教学设计、学习手册、实训天地、优秀作品、教学疗效以及所需的班主任队伍。3.3网页的浏览本网页在任何Windows环境下均可以打开浏览，只要在笔记本上配置好Internet信息服务(IIS)管理器，之后添加文件进行设置，从设置好的端口中步入主页index.asp，便可打开主页“《计算机动漫制做》精品课网站”，点击其中的任意一个超级链接，便可随心所欲地去浏览“《计算机动漫制做》精品课网站”中的申报书、课程介绍、教师队伍、教学设计、学习手册、实训天地、优秀作品、教学疗效、联系我们等。
第四部份网页设计4.1网页结构总图网站的链接结构是指页面之间互相链接的拓扑结构。它构建在目录结构基础之上，但可以跨越目录。形象的说：每位页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点联接，也可以和多个点联接。更重要的是，这种点并不是分布在一个平面上，而是存在于一个立体的空间中。网站的链接结构的目的在于：用最少的链接，致使浏览最有效率。通过对网站功能、结构、布局、内容等关键要素的合理设计，致使网站的功能和表现方式达到最优疗效。依照网页功能的要求，本网站分为十个主页面，其中，“申报书”、“教师队伍”、“课程介绍”、“教学设计”、“学习手册”、“实训天地”、“优秀作品”、“教学疗效”、“联系我们”等主页面下又有二级。结构如右图4-1-1所示。图4-1-14.2各网页模块的组成通常的，构建网站的链接结构有两种基本形式：1.树形链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看上去就像蒲公英。这样的链接结构浏览时，一级级步入，一级级退出。优点是条理清晰，访问者明晰晓得自己在哪些位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2.星状链接结构（一对多）。类似网路服务器的链接，每位页面互相之间都构建有链接。立体结构象东方明珠电视塔上的钢球。这些链接结构的优点是浏览便捷，随时可以抵达自己喜欢的页面。缺点是链接太多，容易使浏览者走失，搞不清自己在哪些位置，看了多少内容。这两种基本结构都只是理想形式，在实际的网站设计中，总是将这两种结构混和上去使用。我希望浏览者既可以便捷快速的达到自己须要的页面，又可以清晰的晓得自己的位置。所以，本网站采用的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树形链接结构。4.2.1首页（如图4-2-1）图4-2-14.2.2申报书《计算机动漫制做》申报书简单表述了班主任团队的情况、分工、以及每位班主任的个人情况。4.2.3课程简介（如图4-2-2）图4-2-24.2.4班主任队伍（如图4-2-3）图4-2-34.2.5教学设计（如图4-2-4）图4-2-44.2.6学习手册（如图4-2-5）图4-2-54.2.7实训天地（如图4-2-6）图4-2-64.2.8优秀作品优秀作品中包括中学生的一些在课外或则课内做的比较好的作品，以供中学生参考学习。4.2.9教学疗效（如图4-2-7）图4-2-74.3网页制做环境1、此网页运行环境为Windows7/XP2、此网页主要借助Dreamweaver8.0作为开发工具，Dreamweaver是一款集网页制做和管理网站于一身的所见即所得网页编辑器，它是一套针对专业网页设计师非常发展的视觉化网页开发工具，借助它可以轻而易举地制做出跨越平台限制和跨越浏览器限制的饱含动感的网页。
它的主要优点是制做效率高,网站管理十分灵活便捷，视觉化编辑与原始码编辑同步的设计。使用ASP语言和JAVASCRIPT语言编撰，系统采用了ASP语言编撰程序，ASP是ActiveServerPage的简写，意为“活动服务器网页”。ASP语言使用一些约定的符号对各类文件进行标记，借助特定的标记形成各类特定的疗效，例如控制超文本显示的字体、字号、颜色、位置，加入表格，插入图象、声音、超链接等。这种标记的文件储存在WEB服务器上，通过国际互联网供读者阅读。4.4网页设计思路网站设计优化的具体表现是：既要网页本身具有丰富的内容，且符合美学原理，还要以用户需求为导向，设计便捷的网站导航，网页下载速率尽可能快，网页布局合理而且适宜保存、打印、转发，网站信息丰富、有效，有助于用户形成亲切感、信任感。同时，网站还要有自己的“风格”。风格是具象的。是指站点的整体形象给浏览者的综合体味。这个“整体形象”包括站点的CI（标志，色调，字体，口号），版面布局，浏览形式，交互性，文字，语调，内容价值观，意义内涵，站点荣誉等等众多诱因。风格是奇特的，是站点不同与其他网站的地方。或则色调，或则技术，或则是交互方法，能让浏览者明晰区分出这是你的网站独有的。
本次设计，绝大多数网页采用链接款式，达到和主页页面统一的风格来制做款式统一的网站，部份子页面采用其它如“T”字型、“Ⅱ”型、标题正文型、封面型布局，以配合特效页面设计，即追求“创意”。创意是将现有的要素重新组合。创意是传达信息的一种非常形式。设计主要借助Dreamweaver8.0进行可视化编程，达到快速高效完成设计的目的。Dreamweaver8.0提供了两种搭建站点的方式，一是使用向导完成，二是使用中级设定完成。本站点网页采用第一种方式创建站点，之后创建网站首页，再依照设计的结构，创建子页面，编制二至三层链接，实现网站的设计功能。按照本次设计选题的背景、主题思想，将本次设计的重点内容确定为：主页设计、申报书、课程简介、教师队伍、教学设计、学习手册、实训天地、优秀作品、教学疗效、联系我们等几个部份的设计。第五部份网页制做5.1素材的加工制做网页制做之前要搜集好相关的素材，对搜集的素材进行分类管理，如可分为：文字素材、图像素材、视频素材、动画素材等。而且对素材进行加工处理，以适宜网站主题。假如没有合适的素材，还要自己用相关软件进行网页素材制做。一个好的网页不仅须要有好的内容外还要有好的美工，网页元素的制做是美工工作的重点。
在设计早期，从一些相关书籍、网络媒体、同事同学处获得了足够多的素材，有文字、图片、flash动漫、视频等，并对这种素材进行悉心的选购，使用相应的软件进行加工制做，以适应具体网页制做的要求。5.1.1文字借助最常用的文字编辑处理软件Word2010，对文字资料进行重整、修改或添加，消除格式便于在Dreamweaver的设计视图中输入。5.1.2图片按照设计构思，图片分类，用ACDSee分别进行调整大小，使同一使用区域的图片尽量大小一致；再用Potoshop图象处理软件分别调整其色相、饱和度等参数以满足色调须要。用Potoshop图象处理软件对一些图片进行“减淡”，作为部分页面的背景图象。5.1.3制做网页底部图形依照网站的主题，悉心选购了背景图片：以鳞茎图片、学校logo等，在PotoshopCS3中用视口合并、遮罩、羽化边沿、填充、滤镜等方式或工具，制做出以绿、蓝为主色彩的网页底部图片，展现课程特色，表明网页主题思想。再嵌入标题文字“《计算机动漫制做》精品课”、添加Flash疗效，增进主题，构建友好界面。按照网页设计的结构，在图片中竖排植入“网站首页”、“申报书”、“课程简介”等九大模块描述文字作为网站的简洁导航条，备用。
5.2网站的构建5.2.1搭建站点借助Dreamweaver8.0的站点构建向导构建名为“jsjdhzz”的站点，并对站点进行初步设置。5.2.2站点目录网站的目录是指构建网站时创建的目录。诸如：构建了根目录和images子目录。目录结构的优劣，对浏览者来说并没有哪些太大的体会，而且对于站点本身的管理维护，内容未来的扩展和移植有着重要的影响。（1）根目录下构建master文件夹，以储存所有后台运行文件。（2）根目录下构建database文件夹，以储存数据库文件。（3）根目录下构建images文件夹，以储存图片文件。（4）根目录下构建templates文件夹，以储存网页框架款式文件。（5）根目录下构建js文件夹，以储存脚本语言Javascript文件。（6）根目录下构建upload文件夹，以储存网页更新添加内容的文件。（7）根目录下构建index.asp，作为主页。（8）按照设计思路、网站结构，依次构建二级、三级子页面。5.3网页设计当确定了栏目和版块、确定网站的目录结构和链接结构、确定网站的整体风格创意设计、获得并制做了足够丰富的素材，就可以着手进行页面设计了。按照本次设计选题的背景、主题思想，将本次设计的重点内容确定为：主页设计、申报书、课程介绍、教师队伍、教学设计、学习手册、实训天地、优秀作品、联系我们等几个部份。
5.3.1主页设计网站的首页是一个网站的店面。一个优秀的网站必需要有一个漂亮的首页，首页必需要有吸引力。首页的设计是一个网站成功与否的关键。人们常常见到第一页就早已对站点有一个整体的觉得，是不是就能使得浏览者继续点击步入，是否还能吸引浏览者留在站点上，成为首页设计必须考虑的核心问题之一。主页为index.asp。根据设计构思，以“三”字型布局，创建。（1）底部图形背景加透明flash特效的实现人们一般把网页LOGO称作“网眼”，顾名思义，就是网站的双眼，是网站首页设计的第一步。画龙尚需点睛，网站更是这么，不管是新闻网站还是商业网站，LOGO都是耳朵，也是灵魂，通过LOGO的展示，可以把网站的宗旨和理念有力地给以演绎。同样，网页底部图形才能带给浏览者第一视觉冲击，一个设计精美的网页底部，能给浏览者带来惊喜，就能迅速地吸引浏览者的眼珠，能在浏览者的心中留下深深的印记。在之前的素材加工阶段，早已设计制做好了底部图形，接出来再精心选购了一款网路下载而至的flash透明动漫小素材“飞燕”和“下雨”“打字”“抖动”，借助特效代码放在图形之上，预览，调整，保存，一款比较新颖和切合网站主题的底部图形便完成了。
(如图5-3-1)图5-3-1（2）导航每一个访问者第一次步入一个网站的时侯，最先关注的是这个网站是做哪些的。网站要给出它所提供的服务的全貌，既要明晰内容：我能在这儿找到哪些，也要包括功能：我能做哪些，还有那些服务是怎么组织的。这项工作一般由导航来处理。导航是网站的通道，因而制做导航是必要的，以便浏览者随心所欲地浏览。底部图片中的导航文字是植入其中的，也就是说，它们是图片的一部份，不能直接设置链接。为此，沿文字依次创建access数据库进行导航属性设置，在编辑代码处编辑相应的链接，一个简单的导航就完成了。（如图5-3-1-2）图5-3-2（3）网页顶部基本上互联网上的所有网站首页的顶部都有各类方式的版权申明，构成了最为常见的网页顶部。鉴于本次设计不牵涉发布网站等内容，我的网页顶部设计极为简单：插入黑色背景图片，河东大学信息技术与传媒大学电话：15393653678QQ:1769757281版权所有，顶部另存为web_bottom.asp。（如图5-3-1-3）图5-3-3（4）创建层叠式样CSS（CascadingStyleSheet，可译为“层叠款式表”或“级联款式表”），是一组格式设置规则，用于控制Web页面的外型。
通过使用CSS款式设置页面的格式，可将页面的内容与表现方式分离。页面内容储存在根目录文档中，而用于定义表现方式的CSS规则则储存在另一个文件中或根目录文档的某一部份，一般为文件腹部分。将内容与表现方式分离，除了可使维护站点的外型愈发容易，但是还可以使HTML文档代码愈发简洁，减短浏览器的加载时间。为了简便和网页风格的统一，在完成上述设计制做后，定义了链接款式：main.css，储存于根目录下，主要内容是网页底部head.asp和网页顶部bottom.asp，以便子网页的引用。（5）课程介绍将加工好的正文图片依照须要创建三个子栏目，设置链接至相应的子页面。文字“课程介绍”创建链接（如：），链接至“课程简介”子页面，该页是《计算机动漫制做》这门课程的介绍。正文右上，插入“首页>课程简介”创建联接，左上角是红色的访问标题，右边是“课程介绍”的子导航，以及“联系我们”中的外链接。（6）班主任队伍采用表格布局，把班主任队伍的基本概况以及班主任的个人信息，相片展示，便于浏览者一目了然。5.3.2申报书申报书是一个精品课网站的文档方式的表现，它具体的介绍了精品课网站的内容，团队人员以及负责人，框架等,使用.SWF格式的文件上传。
页面链接地址为：（如图5-3-4）图5-3-45.3.3课程介绍采用表格布局，变得整齐美观。五部份内容：“课程定位”、“课程沿革”、“特色创新”、“课程公告”、“联系我们”。课程简介的子页链接为（如图5-3-5）图5-3-55.3.4班主任队伍班主任队伍包括：班主任情况、文章中心、教学散记三个子导航。1.班主任情况介绍了班主任队伍的基本情况，以及讲课班级，教学方式，应用的一些手段，教学环境等。2.文章中心该页引用main.css款式，而是改用“∏”型结构设计。页面底部一直采用原先的logo图片。（如图5-3-6）图5-3-63.教学散记该页也引用main.css款式，采用“∏”型结构设计。（如图5-3-7）图5-3-75.3.5教学设计1.设计理念主要说明这门以实际计算机动漫项目的设计与制做工作过程为导向，按照地方区域对计算机动漫高技能人才的能力要求，针对高职中学生的认知特征，与行业企业专家合作进行课程项目设计与开发，产生从简单到复杂的系统化教学项目，突出中学生的教学主体作用，营造“易学乐学”的学习气氛，注重职业能力的培养，充分彰显课程教学的职业性、实践性和开放性。（如图5-3-8）图5-3-82.设计思路针对东北区域市场需求，以中学生为本，选定循序渐进的典型工作项目“学习包”为载体打造学习情景，营造“易学乐学”的学习气氛，培养中学生的专业能力、方法能力和社会能力。
（如图5-3-9）图5-3-95.3.6学习手册学习手册主要说明学习这门要讲课计划，课程标准，电子学案，课程录象，教学案例等。使用main.CSS款式进行设计，采用“∏”型结构设计。（如图5-3-10）图5-3-105.3.7实训天地使用main.CSS款式进行设计，采用“∏”型结构设计,主要说明这门课实战教学法等。（如图5-3-11）图5-3-115.3.8优秀作品使用main.CSS款式进行设计，采用“∏”型结构设计，展示这门课在中学生学习之后形成的疗效，（如图5-3-12）。图5-3-125.3.9教学疗效（如图5-3-13）图5-3-135.3.10教学疗效（如图5-3-14）图5-3-14第六部份设计感受经过一段时间的设计制做，《计算机动漫制做》精品课网站系统基本设计完毕，其功能基本符合设计要求，还能通过网页真实并且较为全面地反映精品课的概况，反映《计算机动漫制做》的教学方式、课程特色、课程疗效、教学条件。在设计过程中，遇见了不少的问题，例如，素材加工方面，因为自身所学的知识方法不足以满足设计构思所要达到的疗效，因此一些用于表现网页特效功能而加以引用的flash动漫须要从网路资源中下载获取；网页制做方面，Dreamweaver软件进阶程度较低，在应用表格进行布局时，假若结构复杂，尤其要嵌套表格时，较难控制格局，容易出错，等等。
这种问题，指导老师给与耐心细致的指导和帮助而得以解决，同时也提醒我须要在今后提升专业技术素养，更须要强化软件应用能力的训练。设计完成后，我作为浏览者对整个网页进行逐一浏览，发觉因为部分页面采用了和主页不一致的款式或布局，网站整体上变得风格不统一。这也是让我倍感疑惑的地方。倘若所有页面使用统一式样，尽管以便设计，但略显单调，容易让浏览者形成审美疲劳；而要是依据内容使用不同的款式，则整体上变得风格不一，不易于管理更新。怎样协调平衡这一矛盾，是今后设计中要努力做到的。致谢在本次结业设计完成之际，首先，我要谢谢我这次结业设计的指导老师公老师，以及信息技术与传媒大学的全体班主任，在我四年的学习中，她们以渊博的学识、孜孜不倦的教诲和兢兢业业的爱岗精神以及伟大的人格魅力对我的培植和影响。其次，我要谢谢中学给我们创造的良好的设计环境和对我们的无尽的关爱。在此次结业设计的过程中，既有为了完成当天任务加班到晚上而感动自己的顿时，也有拖着疲倦的脸庞面对复杂的估算式时的无奈，更有由于遇见困难而险些舍弃时的懦弱。我很难想像，假如没有指导老师的帮助，没有朋友的鼓励，我是否能顺利的完成自己的结业设计。在此，再度向帮助过我的老师和朋友表示谢谢！从开题的到结业设计的最终完成，公老师都一直给与我悉心的指导和不懈的支持。
非常是在我碰到困难而胆怯的时侯，是公老师给与我技术上的支持与精神上的鼓舞，我才得以将结业设计顺利完成。在设计正式完成之际，我的心情无比的兴奋，手里拿着这几个月努力地结果，此时倍感一切的付出都很值得，应验了“有付出必有回报”这句古话。我还要谢谢培养我长大，从中学到学院，为供我上学的勤俭节省、含辛茹苦的妈妈，感谢大家！没有大家的坚持，其实我早早已舍弃了读书这条路，那样的话必定时我一辈子的遗憾。即使家里不是很富裕，但在我读书的路上从来没有由于家庭的缘由，让我们形成任何的负担。是大家的支持和理解才让我步入了学院校园，我才有机会读了自己喜欢的专业，为之后的人生公路打下坚实的基础。在我正式结业的时侯，从心底最深处，真的感谢大家！我最亲爱的父亲大人！最后，诚恳地谢谢在百忙之中评阅结业设计和出席答辩的诸位老师，并向在我十六年的求学路上遇见过的所有老师表示由衷的谢谢，没有大家的付出，就没有我的明天。还要谢谢教育技术111班的朋友们，在这几年的学习过程中，她们都给与我无私的帮助。愿她们拥有美好的未来。参考文献[1]张慧临著:动漫艺术史，浙江人民出版社2002年4月版.[2]汪瑞霞:科学技术与艺术设计的融合—对动漫设计专业建设的思索[J]；成都师范本科校区学报；2004年04期；[3]黄万壮:多媒体动漫设计在科学演示中的应用与研究[D];西安工业学院2007年[4]海洋：北京日报.2006年[5]中国动漫范例.电子工业出版社，2004[6]刘华南：数字视频技术与艺术设计的结合应用[J];影片评述.2006年12期;[7]贾否：动漫导论.上海广播大学出版社.2002[8]王智强、张桂敏：英文版FlashCS4标准教程.中国电力出版社2009年7月[9]李晓波周峰：FlashCS4动漫设计案例集锦2010年05月版[10]王毅敏著：计算机动漫制做与技术.复旦学院出版社2010年11月[11]范沙浪著：计算机动漫制做.北京科学普及出版社2005年9月[12]石朝晖、王中秋：计算机动漫设计.经济科学出版社2010年4月[13]艺博、张明父神编：Macromediadreamweaver8网页设计与制做[14]陈剑瓯著:JavaScript基础教程[15]陈明真著:动态网页制做范例附表：河东大学专科生结业设计题目审批表大学：信息技术与传媒大学专业：教育技术学班主任姓名公维余职称副院长学历研究生拟选设计题目《计算机动漫制做》精品课网站的设计与制做选题内容与要求：结业论文（设计）的选题是做好论文（设计）的基础。
在论文（设计）选题时，要按照个人的特征、学术背景、研究风格不同，在指导班主任制定的题目范围内确定自己的题目，所选题目必须与自己所学专业密切相关。选题要新颖，不能过分简单。结合声音、图像、动画、视频等多媒体信息来呈现教学内容。制做过程中注意界面设计合理、友好，导航清楚明晰。才能脱离软件运行，且运行过程中无障碍或故障。教研室（研究所、中心）负责人审查意见：签字：年月日大学初审意见：大学（章）年月日河东大学信息技术与传媒大学指导班主任指导结业论文（设计）情况登记表论文题目中学生姓名所属大学信息技术与传媒大学专业年级2011指导班主任所在单位信息技术与传媒大学职称学历指导时间指导地点指导内容中学生签名备注河东大学结业论文（设计）指导班主任评审表结业论文指导班主任评定成绩（本页由指导班主任手写）评审基元评审要素评审内涵满分实评分选题质量20%目的明晰符合要求立意有新意，观点新颖。10理论意义或实际价
