数字多媒体与网络工程-毕业论文.doc

更多论文/fanteral目 录引言-3关键字-一、网站目的二、网站功能三、网站结构描述5四、网站栏目介绍6五、网站形象设计9六、网站版面策划10七、网站布局技术10八、网站中一些特效代码说明12九、网站制作使用工具介绍12十、设计小结13附 录十一、参考文献13十二、谢辞13引言 互联网对当今世界的影响毋庸质疑。随着网络的高速发展和“所见即所得”网页编辑工具的出现，网页设计已发展为一门新兴的学科。网站设计不单纯是计算机技术的运用，也是平面设计在网络世界的延伸。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是促进师生与学校共同发展，因此，需要本系师生共同参与，同心合力把本系网站建设好.试论本系网站在本系管理中的作用一利用本系网站促进本系管理我校数字媒体与网络工程系是经国家教育部批准设立“数字媒体艺术”专业的七个高校院系之一，也是全国首家被国家高等教育自学考试指导委员会批准开考“数字媒体艺术”专业的主考单位。现有“数字媒体艺术”本科专业，“数字媒体艺术”专升本专业、“计算机图像图形技术”专科专业、“数字媒体艺术”自考专科专业等,现有在校生500多名。2005年数字媒体与网络工程系学生新建了网站（）。 网站的建立标志着本系建设上了一个新台阶，本系新闻、招生信息、学科建设、课程设置、作品展示、关于数媒、技术交流、友情链接、设计资讯、数媒论坛十多个栏目能做到每日更新，时时更新，交互性更强了。利用网站我们可以：通知、信息交流、教育交流、参与论坛、网络留言等，使本系管理透明度更高，更高效快捷，系还可发布对教师的祝贺，对教师的每日提醒，对教师意见的第一时间反馈，人性化、民主化的管理方式在网络的参与下如虎添翼了二利用本系网站促进教师专业成长 “国家的希望在教育，教育的希望在教师”，教师在教育教学改革中的关键作用得到了人们更广泛的认同。教师专业化、教师的专业发展，无论在理论上还是实践上都成为世界教师教育关注的焦点。 我们认为，教师专业发展需要一种氛围。而网络交流给我们提供了很好的空间。校园网络开通以来，对于教师专业成长的影响是巨大的。上网与反思，已经逐步成为教师们的至爱。他们对教育的认识，就在这样的追寻中有了深刻的变化。因为教师的成长除了独立奋斗之外，还需要合作，还需要与外界广泛的交流，在碰撞与融合中发展，在写作或参与各种讨论的时候，激起了强烈的专业意识，从观念到思想，从精神到行动，都进入了一种专业的状态。利用internet克服了传统教育的局限性，它将形成一种主动的、协作的、开放的学习模式，并充分考虑双向学习环境，采取有提问、有反馈、有交流的方法，既保留了传统远教中的生动形象性和不受空间限制等优点，又有相互访问，双向交流，学习资源、学习内容广泛等优良特性。实践证明，计算机，创造了一个美丽的神话；多媒体，展示了一个多彩的世界；互联网，连接了一份梦想与光荣；如果我们“网住”了今天；那么明天我们就能做得更好！关键词：福州大学、数字媒体、老师、学生、网页正文一、 网站目的1.1学生方面：加强学生之间课余学习交流、沟通感情、促进学生各方面知识全面发展；1.2老师方面：方便老师教学，达到课堂与网络教学相结合；1.3公众方面：树立一个良好形象，增加一个公众了解数字媒体与网络工程系的窗口；1.4学校方面：提高数字媒体与网络工程系知名度、及学校内各部门效率；二、 网站功能2.1师生：为师生互动、学生之间交流提供一个平台、方便“教”与“学”；2.2公众：了解数字媒体各方面信息；2.3学校：在对外宣传上发布更新信息、对内管理上加强各部门协调沟通；三、网站结构描述数字媒体与网络工程系首 页关于数媒学科建设教学教务作品展示联系我们技术交流数字设备本系数媒数媒论坛作品展示学科建设关于数媒本系新闻友情链接数字媒体艺术本科方向数字媒体艺术本升本方向数字媒体艺术专科方向图形图象制作专科方向作品展示毕业设计展四、网站栏目介绍4.0首页作用：提高学校各部门效率，使公众了解学校最新动态，促进学校发展；功能：发布本系最新新闻；包含子栏目：关于数媒、学科建设、教学教务、作品展示、招生信息、会员登录、站内搜索、课程设置、友情链接、联系我们、留言板等功能模块和软件系统；（“作品展示”发布学生作品；“关于数媒”介绍数字媒体专业的信息；“学科建设”介绍各学科的信息；“招生信息”发布招生的最新信息；“友情链接”链接一些教育和设计方面网站；）4.1关于数媒作用：使公众了解学本系概况，达到宣传数字媒体与网络工程系的目的；功能：发布本校信息及使用的教学设备；包含子栏目：本系数媒、数字设备（“本系数媒” 介绍数字媒体专业相关的的信息；“数字设备”介绍本系所拥有的教学设备和实验室等；）4.2学科建设作用：使公众了解本系专业设置，方便师生“教”与“学”；功能：发布系、专业信息，提供在线教学；包含子栏目：数字媒体艺术本科方向、数字媒体艺术专升本方向、图形图象制作专科方向、数字媒体艺术专科方向；（本科包括各本科系别及系内各专业详细介绍；专科包括各专科系别及系内各专业详细介绍；）4.3教学教务作用：了解数字媒体与网络工程系领导以及教师的基本信息，如教师专业，成绩、特长、4.4招生信息作用： 给群众提供招生介绍，并介绍数字媒体与网络工程系的主办专业和推进的方向；功能：发布招生相关信息、本系专业设置；职责范围等；功能：数字媒体与网络工程系领导及教师信息；4.5作品展示作用： 使学生在技术上进一步提高；功能：发布最新作品展示；包含的子栏目：作品展示、毕业设计展（作品可放大观看。）4.6联系我们提供本系的联系方式4.7数媒论坛作用：可以让群众提问问题，同时为了让这网站更加完善，让更多的人来参与建设； 功能：可以知道群众的意见；五、 网站形象设计5.1标志：白色字咖啡色描边组成的“数字媒体与网络工程系”为主体，与banner背景统一，（banner背景以数字01还有手拿鼠标姿势诠释了数字媒体这一专业，并且有一道似曙光展现现在年轻人积极向上的精神），而子页的“数字媒体与网络工程系”则是蓝色字投影，配上蓝色不会显得单调，视觉上清晰，明了5.2主色调与色彩：以“橙色”为主色调。橙色代表辉煌、激情、收获，向上，而我们现在的大学生正需要这种激情、积极向上的精神，因此选用“橙色”为主色调；5.3标准字体：主页导航栏背景颜色为橙色，字体为“黑体”白色12px；子页导航栏背景为灰色，字体为“宋体”白色12px，正文字体为“宋体”12 px，颜色为#2f3e89；5.4装饰图案：网站采用部分学校风景和设计图片为装饰图案；5.5交互方式：静态+asp网页，方便交换；六、网站版面策划：6.1首页：首页使用的是宽屏布局，打破了原来版本的国字型结构布局，看起来大气，成熟。最上面是网站的标题+banner+主菜单,下半部分分为2个区域,下半部分的上半部分是主题内容,最下面是网站的版权声明。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤，文字多,不够灵活。6.2子页：子页的版面设计与主页布局不同，多半是以类似国字型布局，又与国字型布局有些差异，因为有那个flash按钮，使得页面看起来不会死板。主体内容使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；6.3页头：页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。本站页头先是一个土黄色与橙色矩形组成，下方是digital media&network engineering，banner即是以980x151以数字01还有手拿鼠标姿势诠释了数字媒体这一专业，并且有一道似曙光展现现在年轻人积极向上的精神的学校风景图为底片，白色字咖啡色描边组成的“数字媒体与网络工程系”上面带有透明flash一起构成。（“digital media&network engineering”为microsoft sans serif 14px,灰色；）6.4页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。本站页脚如下：copyright 2007 by 数字媒体与网络工程系 power by 05 multimediacopyright(c)2002-2003 all rights reserved bestviewed by 800600 ie5.5+ （页脚字体为宋体，颜色为黑色）七、网站布局技术本站主要使用表格布局布局。7.1 层叠样式表由于层叠样式表(css)用得不熟，因此做这个网站过程中还是没用到多少。不过倒是对其有了一定的了解。如果使用了css,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。7.2 表格布局在制作这个网站的过程中使用得最多的就是表格布局了。表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用css更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。7.3 框架布局一开始看到有些栏目的内容可以用框架布局，但还是因为技术有限，处理起来效果并不理想，因此就取消。但是有一些内容比较长的就用代码添加框架，有滚动条的。不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。7.4选择表格布局原因本站主要使用表格布局布局。优势在于它可以对不同对象进行处理，而不必担心不同对象之间的互相影响，且在定位图片和文本上比用css更方便，比框架布局更美观，使用起来也会更顺手。八、网站中使用的一些特效代码说明8.1框架添加方法 （其中621为框架的宽度，538为框架的高度，1.htm为框架内显示内容的文件名）8.2透明flash的应用主要应用于网页顶部，代码如下：classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=773 height=112 （其中：“773”为flash的宽度，“112”为flash的高度，“images/banner%5b1%5d.swf”为flash的存在路径，“”是对flash背景进行透明化。）8.3字体向上滚动效果 “实干闯未来”广告创意设计大赛揭晓 (marquee文字移动的代码, direction=up表示滚动的方向是上滚；onmouseout=this.start();表示鼠标移开开始滚动；onmouseover=this.stop()“表示鼠标移开停止滚动）九、网站制作使用工具介绍9.1 dreamweaver mx 2004是macromedia公司最新推出的一款可视化的专业级html（超文本标识语言）编辑器。它是一款构建专业web站点和应用程序的最佳选择，它组合了功能强大的布局工具、应用程序开发工具和代码编辑支持。dreamweaver的设计和整合功能是以css为基础的，强大而稳定，可帮助设计人员和开发人员轻松创建和管理任何站点.。9.2 photoshop是adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。是一门值得深入学习的一种好软件。9.3 flash是macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。十、设计小结毕业设计是大学生涯中最重要的一关，在大学中所学到的知识基本上会在这里体现出来。终于做完了毕业设计，感触颇深，这其中的艰辛与欢乐只有自己最清楚。101收获这次毕业设计的制作的过程中，无论是技术上的还是非技术上的，都是收获颇多。首先，在做毕业设计之前对dreamweaver还算是比较生疏的，因为之前上的课程不多，接触的也不多。做了这个毕业设计过程中，遇到不懂的问题就上网查资料、到图书馆借书，或者向同学、老师讨教。技术上的东西学的还是挺多的。其次，由于我是和同学合作去制作这个网站的，因此在这过程中会想法思路不一样，会产生一些分歧，所以我们俩就会把效果做出来，演示给同学看，让她们提出看法，最后再决定用谁的方案。因此，在这过程中我领悟到团队合作的重要性。102不足把做完的网页从头到尾浏览了几遍，发现其中还存在很多的问题。后台程序很多都不懂，一开始很努力的研究，查找一大堆的资料，去做会员登录系统。该设置的设置完了，access数据库也建好了，就是在链接过程中不知道哪里出了问题，一直没做成功。到最后，所剩时间不多，只好套用了一个别人的