数字媒体与网络工程系网站

1毕业设计数字媒体与网络工程系网站2目录引言——————————————————-—-—————-—3关键字—————————————————————-————３一、网站目的———————————————————————４二、网站功能———————————————————————４三、网站结构描述—————————————————————5四、网站栏目介绍—————————————————————6五、网站形象设计—————————————————————9六、网站版面策划—————————————————————10七、网站布局技术—————————————————————10八、网站中一些特效代码说明————————————————12九、网站制作使用工具介绍—————————————————12十、设计小结———————————————————————13附录十一、参考文献——————————————————————13十二、谢辞————————————————————————133引言互联网对当今世界的影响毋庸质疑。随着网络的高速发展和“所见即所得”网页编辑工具的出现，网页设计已发展为一门新兴的学科。网站设计不单纯是计算机技术的运用，也是平面设计在网络世界的延伸。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是促进师生与学校共同发展，因此，需要本系师生共同参与，同心合力把本系网站建设好.试论本系网站在本系管理中的作用一．利用本系网站促进本系管理我校数字媒体与网络工程系是经国家教育部批准设立“数字媒体艺术”专业的七个高校院系之一，也是全国首家被国家高等教育自学考试指导委员会批准开考“数字媒体艺术”专业的主考单位。现有“数字媒体艺术”本科专业，“数字媒体艺术”专升本专业、“计算机图像图形技术”专科专业、“数字媒体艺术”自考专科专业等,现有在校生500多名。2005年数字媒体与网络工程系学生新建了网站（）。网站的建立标志着本系建设上了一个新台阶，本系新闻、招生信息、学科建设、课程设置、作品展示、关于数媒、技术交流、友情链接、设计资讯、数媒论坛……十多个栏目能做到每日更新，时时更新，交互性更强了。利用网站我们可以：通知、信息交流、教育交流、参与论坛、网络留言等，使本系管理透明度更高，更高效快捷，系还可发布对教师的祝贺，对教师的每日提醒，对教师意见的第一时间反馈，人性化、民主化的管理方式在网络的参与下如虎添翼了……二．利用本系网站促进教师专业成长“国家的希望在教育，教育的希望在教师”，教师在教育教学改革中的关键作用得到了人们更广泛的认同。教师专业化、教师的专业发展，无论在理论上还是实践上都成为世界教师教育关注的焦点。我们认为，教师专业发展需要一种氛围。而网络交流给我们提供了很好的空间。校园网络开通以来，对于教师专业成长的影响是巨大的。上网与反思，已经逐步成为教师们的至爱。他们对教育的认识，就在这样的追寻中有了深刻的变化。因为教师的成长除了独立奋斗之外，还需要合作，还需要与外界广泛的交流，在碰撞与融合中发展，在写作或参与各种讨论的时候，激起了强烈的专业意识，从观念到思想，从精神到行动，都进入了一种专业的状态。利用Internet克服了传统教育的局限性，它将形成一种主动的、协作的、开放的学习模式，并充分考虑双向学习环境，采取有提问、有反馈、有交流的方法，既保留了传统远教中的生动形象性和不受空间限制等优点，又有相互访问，双向交流，学习资源、学习内容广泛等优良特性。实践证明，计算机，创造了一个美丽的神话；多媒体，展示了一个多彩的世界；互联网，连接了一份梦想与光荣；如果我们“网住”了今天；那么明天我们就能做得更好！关键词：福州大学、数字媒体、老师、学生、网页4正文一、网站目的1.1学生方面：加强学生之间课余学习交流、沟通感情、促进学生各方面知识全面发展；1.2老师方面：方便老师教学，达到课堂与网络教学相结合；1.3公众方面：树立一个良好形象，增加一个公众了解数字媒体与网络工程系的窗口；1.4学校方面：提高数字媒体与网络工程系知名度、及学校内各部门效率；二、网站功能2.1师生：为师生互动、学生之间交流提供一个平台、方便“教”与“学”；2.2公众：了解数字媒体各方面信息；2.3学校：在对外宣传上发布更新信息、对内管理上加强各部门协调沟通；三、网站结构描述5数字媒体与网络工程系首页关于数媒学科建设教学教务作品展示联系我们技术交流数字设备本系数媒数媒论坛作品展示学科建设关于数媒本系新闻友情链接数字媒体艺术本科方向数字媒体艺术本升本方向数字媒体艺术专科方向图形图象制作专科方向作品展示毕业设计展6四、网站栏目介绍4.0首页作用：提高学校各部门效率，使公众了解学校最新动态，促进学校发展；功能：发布本系最新新闻；包含子栏目：关于数媒、学科建设、教学教务、作品展示、招生信息、会员登录、站内搜索、课程设置、友情链接、联系我们、留言板等功能模块和软件系统；（“作品展示”发布学生作品；“关于数媒”介绍数字媒体专业的信息；“学科建设”介绍各学科的信息；“招生信息”发布招生的最新信息；“友情链接”链接一些教育和设计方面网站；）4.1关于数媒7作用：使公众了解学本系概况，达到宣传数字媒体与网络工程系的目的；功能：发布本校信息及使用的教学设备；包含子栏目：本系数媒、数字设备（“本系数媒”介绍数字媒体专业相关的的信息；“数字设备”介绍本系所拥有的教学设备和实验室等；）4.2学科建设作用：使公众了解本系专业设置，方便师生“教”与“学”；功能：发布系、专业信息，提供在线教学；包含子栏目：数字媒体艺术本科方向、数字媒体艺术专升本方向、图形图象制作专科方向、数字媒体艺术专科方向；（本科包括各本科系别及系内各专业详细介绍；专科包括各专科系别及系内各专业详细介绍；）4.3教学教务8作用：了解数字媒体与网络工程系领导以及教师的基本信息，如教师专业，成绩、特长、4.4招生信息作用：给群众提供招生介绍，并介绍数字媒体与网络工程系的主办专业和推进的方向；功能：发布招生相关信息、本系专业设置；职责范围等；功能：数字媒体与网络工程系领导及教师信息；4.5作品展示9作用：使学生在技术上进一步提高；功能：发布最新作品展示；包含的子栏目：作品展示、毕业设计展（作品可放大观看。）4.6联系我们提供本系的联系方式4.7数媒论坛作用：可以让群众提问问题，同时为了让这网站更加完善，让更多的人来参与建设；功能：可以知道群众的意见；五、网站形象设计5.1标志：白色字咖啡色描边组成的“数字媒体与网络工程系”为主体，与banner背10景统一，（Banner背景以数字01还有手拿鼠标姿势诠释了数字媒体这一专业，并且有一道似曙光展现现在年轻人积极向上的精神），而子页的“数字媒体与网络工程系”则是蓝色字投影，配上蓝色不会显得单调，视觉上清晰，明了5.2主色调与色彩：以“橙色”为主色调。橙色代表辉煌、激情、收获，向上，而我们现在的大学生正需要这种激情、积极向上的精神，因此选用“橙色”为主色调；5.3标准字体：主页导航栏背景颜色为橙色，字体为“黑体”白色12px；子页导航栏背景为灰色，字体为“宋体”白色12px，正文字体为“宋体”12px，颜色为#2F3E89；5.4装饰图案：网站采用部分学校风景和设计图片为装饰图案；5.5交互方式：静态+ASP网页，方便交换；六、网站版面策划：6.1首页：首页使用的是宽屏布局，打破了原来版本的国字型结构布局，看起来大气，成熟。最上面是网站的标题+BANNER+主菜单,下半部分分为2个区域,下半部分的上半部分是主题内容,最下面是网站的版权声明。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤，文字多,不够灵活。6.2子页：子页的版面设计与主页布局不同，多半是以类似国字型布局，又与国字型布局有些差异，因为有那个FLASH按钮，使得页面看起来不会死板。主体内容使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；6.3页头：页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。本站页头先是一个土黄色与橙色矩形组成，下方是DigitalMedia&NetworkEngineering，BANNER即是以980X151以数字01还有手拿鼠标姿势诠释了数字媒体这一专业，并且有一道似曙光展现现在年轻人积极向上的精神的学校风景图为底片，白色字咖啡色描边组成的“数字媒体与网络工程系”上面带有透明FLASH一起构成。（“DigitalMedia&NetworkEngineering”为MicrosoftSansserif14PX,灰色；）6.4页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。本站页脚如下：Copyright©2007by数字媒体与网络工程系Powerby05MultimediaCopyright(C)2002-2003AllRightsReservedBestviewedby800×600IE5.5+（页脚字体为宋体，颜色为黑色）11七、网站布局技术本站主要使用表格布局布局。7.1层叠样式表由于层叠样式表(CSS)用得不熟，因此做这个网站过程中还是没用到多少。不过倒是对其有了一定的了解。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。7.2表格布局在制作这个网站的过程中使用得最多的就是表格布局了。表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。7.3框架布局一开始看到有些栏目的内容可以用框架布局，但还是因为技术有限，处理起来效果并不理想，因此就取消。但是有一些内容比较长的就用代码添加框架，有滚动条的。不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。7.4选择表格布局原因本站主要使用表格布局布局。优势在于它可以对不同对象进行处理，而不必担心不同对象之间的互相影响，且在定位图片和文本上比用CSS更方便，比框架布局更美观，使用起来也会更顺手。八、网站中使用的一些特效代码说明8.1框架添加方法iframewidth=621pxheight=538pxmarginwidth=0scrolling=automarginheight=0align=rightname=mainframeborder=0src=1.htm（其中621为框架的宽度，538为框架的高度，1.htm为框架内显示内容的文件名）8.2透明FLASH的应用主要应用于网页顶部，代码如下：classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000codebase==6,0,29,0width=773height=112paramname=movievalue=images/banner%5B1%5D.swf