数字媒体与网络工程系网站.docx
《数字媒体与网络工程系网站.docx》由会员分享,可在线阅读,更多相关《数字媒体与网络工程系网站.docx(13页珍藏版)》请在冰豆网上搜索。
数字媒体与网络工程系网站
毕业设计
数字媒体与网络工程系
引言——————————————————-—-—————-—3
关键字—————————————————————-————3
一、目的———————————————————————4
二、功能———————————————————————4
三、结构描述—————————————————————5
四、栏目介绍—————————————————————6
五、形象设计—————————————————————9
六、版面策划—————————————————————10
七、布局技术—————————————————————10
八、中一些特效代码说明————————————————12
九、制作使用工具介绍—————————————————12
十、设计小结———————————————————————13
附录
十一、参考文献——————————————————————13
十二、谢辞————————————————————————13
引言
互联网对当今世界的影响毋庸质疑。
随着网络的高速发展和“所见即所得”网页编辑工具的出现,网页设计已发展为一门新兴的学科。
设计不单纯是计算机技术的运用,也是平面设计在网络世界的延伸。
学校建设是学校教育信息化建设的重要方面,是适应现代教育技术和信息技术的发展,加大学校对外交流与宣传力度,提高教学、科研、管理效率的重要途径;学校是学校对外宣传的窗口,也是展示全校师生才能,加强对校外联系,互相学习,共同发展的阵地,学校建设的目的是促进师生与学校共同发展,因此,需要本系师生共同参与,同心合力把本系建设好.
试论本系在本系管理中的作用
一.利用本系促进本系管理
我校数字媒体与网络工程系是经国家教育部批准设立“数字媒体艺术”专业的七个高校院系之一,也是全国首家被国家高等教育自学考试指导委员会批准开考“数字媒体艺术”专业的主考单位。
现有“数字媒体艺术”本科专业,“数字媒体艺术”专升本专业、“计算机图像图形技术”专科专业、“数字媒体艺术”自考专科专业等,现有在校生500多名。
2005年数字媒体与网络工程系学生新建了(.fdszmt.)。
的建立标志着本系建设上了一个新台阶,本系新闻、招生信息、学科建设、课程设置、作品展示、关于数媒、技术交流、友情、设计资讯、数媒论坛……十多个栏目能做到每日更新,时时更新,交互性更强了。
利用我们可以:
通知、信息交流、教育交流、参与论坛、网络留言等,使本系管理透明度更高,更高效快捷,系还可发布对教师的祝贺,对教师的每日提醒,对教师意见的第一时间反馈,人性化、XX化的管理方式在网络的参与下如虎添翼了……
二.利用本系促进教师专业成长
“国家的希望在教育,教育的希望在教师”,教师在教育教学改革中的关键作用得到了人们更广泛的认同。
教师专业化、教师的专业发展,无论在理论上还是实践上都成为世界教师教育关注的焦点。
我们认为,教师专业发展需要一种氛围。
而网络交流给我们提供了很好的空间。
校园网络开通以来,对于教师专业成长的影响是巨大的。
上网与反思,已经逐步成为教师们的至爱。
他们对教育的认识,就在这样的追寻中有了深刻的变化。
因为教师的成长除了独立奋斗之外,还需要合作,还需要与外界广泛的交流,在碰撞与融合中发展,在写作或参与各种讨论的时候,激起了强烈的专业意识,从观念到思想,从精神到行动,都进入了一种专业的状态。
利用Internet克服了传统教育的局限性,它将形成一种主动的、协作的、开放的学习模式,并充分考虑双向学习环境,采取有提问、有反馈、有交流的方法,既保留了传统远教中的生动形象性和不受空间限制等优点,又有相互访问,双向交流,学习资源、学习内容广泛等优良特性。
实践证明,计算机,创造了一个美丽的神话;多媒体,展示了一个多彩的世界;互联网,连接了一份梦想与光荣;如果我们“网住”了今天;那么明天我们就能做得更好!
关键词:
XX大学、数字媒体、老师、学生、网页
正文
一、目的
1.1学生方面:
加强学生之间课余学习交流、沟通感情、促进学生各方面知识全面发展;
1.2老师方面:
方便老师教学,达到课堂与网络教学相结合;
1.3公众方面:
树立一个良好形象,增加一个公众了解数字媒体与网络工程系的窗口;
1.4学校方面:
提高数字媒体与网络工程系知名度、及学校内各部门效率;
二、功能
2.1师生:
为师生互动、学生之间交流提供一个平台、方便“教”与“学”;
2.2公众:
了解数字媒体各方面信息;
2.3学校:
在对外宣传上发布更新信息、对内管理上加强各部门协调沟通;
三、结构描述
四、栏目介绍
4.0首页
作用:
提高学校各部门效率,使公众了解学校最新动态,促进学校发展;
功能:
发布本系最新新闻;
包含子栏目:
关于数媒、学科建设、教学教务、作品展示、招生信息、会员登录、站内搜索、课程设置、友情、联系我们、留言板等功能模块和软件系统;(“作品展示”发布学生作品;“关于数媒”介绍数字媒体专业的信息;“学科建设”介绍各学科的信息;“招生信息”发布招生的最新信息;“友情”一些教育和设计方面;)
4.1关于数媒
作用:
使公众了解学本系概况,达到宣传数字媒体与网络工程系的目的;
功能:
发布本校信息及使用的教学设备;
包含子栏目:
本系数媒、数字设备(“本系数媒”介绍数字媒体专业相关的的信息;“数字设备”介绍本系所拥有的教学设备和实验室等;)
4.2学科建设
作用:
使公众了解本系专业设置,方便师生“教”与“学”;
功能:
发布系、专业信息,提供在线教学;
包含子栏目:
数字媒体艺术本科方向、数字媒体艺术专升本方向、图形图象制作专科方向、数字媒体艺术专科方向;(本科包括各本科系别及系内各专业详细介绍;专科包括各专科系别及系内各专业详细介绍;)
4.3教学教务
作用:
了解数字媒体与网络工程系领导以及教师的基本信息,如教师专业,成绩、特长、4.4招生信息
作用:
给群众提供招生介绍,并介绍数字媒体与网络工程系的主办专业和推进的方向;
功能:
发布招生相关信息、本系专业设置;
职责X围等;
功能:
数字媒体与网络工程系领导及教师信息;
4.5作品展示
作用:
使学生在技术上进一步提高;
功能:
发布最新作品展示;
包含的子栏目:
作品展示、毕业设计展(作品可放大观看。
)
4.6联系我们
提供本系的联系方式
4.7数媒论坛
作用:
可以让群众提问问题,同时为了让这更加完善,让更多的人来参与建设;
功能:
可以知道群众的意见;
五、形象设计
5.1标志:
白色字咖啡色描边组成的“数字媒体与网络工程系”为主体,与banner背景统一,(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数字媒体与网络工程系Powerby05Multimedia(页脚字体为宋体,颜色为黑色)
七、布局技术
本站主要使用表格布局布局。
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-0"codebase="download.macromedia./pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="773"height="112">
quality="high"pluginspage=".macromedia./go/getflashplayer"type="application/x-shockwave-flash"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.1DreamweaverMX2004是Macromedia公司最新推出的一款可视化的专业级HTML(超文本标识语言)编辑器。
它是一款构建专业Web站点和应用程序的最佳选择,它组合了功能强大的布局工具、应用程序开发工具和代码编辑支持。
Dreamweaver的设计和整合功能是以CSS为基础的,强大而稳定,可帮助设计人员和开发人员轻松创建和管理任何站点.....。
9.2Photoshop是Adobe公司推出的著名平面图像设计和图像处理软件,它具有强大的图像处理功能和操作易用性,受到广大平面图形设计人员及专业广告设计师的青睐。
它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。
可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。
是一门值得深入学习的一种好软件。
9.3Flash是Macromedia公司的一个的网页交互动画制作工具。
用flash制作出来的动化是矢量的,不管怎样放大、缩小,它还是清晰可见。
用flash制作的文件很小,这样便于在互联网上传输,而且它采用了数据流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输数据。
交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。
正是有了这些优点,才使flash日益成为网络多媒体的主流。
十、设计小结
毕业设计是大学生涯中最重要的一关,在大学中所学到的知识基本上会在这里体现出来。
终于做完了毕业设计,感触颇深,这其中的艰辛与欢乐只有自己最清楚。
10.1收获
这次毕业设计的制作的过程中,无论是技术上的还是非技术上的,都是收获颇多。
首先,在做毕业设计之前对Dreamweaver还算是比较生疏的,因为之前上的课程不多,接触的也不多。
做了这个毕业设计过程中,遇到不懂的问题就上网查资料、到图书馆借书,或者向同学、老师讨教。
技术上的东西学的还是挺多的。
其次,由于我是和同学合作去制作这个的,因此在这过程中会想法思路不一样,会产生一些分歧,所以我们俩就会把效果做出来,演示给同学看,让她们提出看法,最后再决定用谁的方案。
因此,在这过程中我领悟到团队合作的重要性。
10.2不足
把做完的网页从头到尾浏览了几遍,发现其中还存在很多的问题。
后台程序很多都不懂,一开始很努力的研究,查找一大堆的资料,去做会员登录系统。
该设置的设置完了,Access数据库也建好了,就是在过程中不知道哪里出了问题,一直没做成功。
到最后,所剩时间不多,只好套用了一个别人的模板。
据说搜索还要做数据库什么的,这个不了解,所以只好就做一个样放在那,就是没实现那个功能。
还有就是留言板,到最后也是不够时间不得已只好也套用了别人的模板。
在子页面中也有些瑕疵,有些线段脱节了一点点,看起来不够美观,这个也弄了很久还是没解决。
总之,就是还有一些技术上的东西不够到位。
以后如果有时间肯定要把这些不会的都学好,希望以后自己可以做一个比较完整又美观的。
附录
十一、参考文献
.fzu.edu.(XX大学)
.fzu.edu./h11/(XX大学物理与信息工程学院)
.tju.edu./service/brother/index.htm(兄弟院校)
(网页设计师联盟)
.webshow./(网页设计秀)
X贵明:
《网页艺术设计与应用》,高等教育;2004-5
解勇编:
《网页设计视觉形态书》,XX美术;
李冰;李晓飞;潘海波《超炫网页设计》,中国宇航;希望电子;2003-2
十二、谢辞
感谢卢健涛老师和肖红老师对我们的指导,他们严谨细致、一丝不苟的作风一直是我工作、学习中的榜样;他们循循善诱的教导和不拘一格的思路给予我无尽的启迪。
每次找他们指点,再忙他也会抽点时间给我们。
真的非常感谢。
在毕业设计即将完成之际,我的心情无法平静,从开始进入课题到毕业设计的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!