班级主题网站的设计与制作

admin管理员组

文章数量:1531891

2024年5月11日发(作者：)

班级主题网站的设计与制作［修订］

班级主题网站的设讣与制作

最近开展学校开展了班级文化建设，各班级都积极设讣班服、制作班徽、创作 班歌”,,然而我们发现在班级

文化建设及宣传的过程中，儿乎没有班级将网络这个媒 介应用到班级文化建设与宣传中。同时，步入21世纪

以后，网络成了我们生活中 必不可少的元素，于是各种各样的网站便如雨后春笋般地岀现。在商业网站越来越

多的今天，像学校网站、慈善网站等社会公益网站也不能忽视其发展。因此，我们 设计并制作了班级主题网站，

希望以此为范例，能让网络这个最迅速、最广泛的宣 传媒介应用到我们的班级文化建设和班级管理中。

一、网站介绍

我们的网站主要是用Dreamweaver和Firewoks制作，插入了视频（主要用会声 会影和Flash制作）、音

乐（主要用Cool Edit制作）、图片（主要用Photoshop和 Corel Draw制作）。我们设计了一下儿个栏目一一

学习园地、师生之窗、班级风 采、班级成绩和活动掠影。

1、学习园地

学习园地主要三个模块一一资料分享、学习之星和竞赛之星。

资料分享主要是提供了课件下载及高考和会考的复习资料下载。老师可以吧自

己的课堂可见和资料上传到这里，这样可以方便同学们下载相应的学习资料， 而且

如果同学们自己有好的学习资料，也可以上传到这里与大家分享。这样既促进 了学

生与老师的交流，也让同学们能够互相帮助、互相进步。

学习之星和竞赛之星主要罗列了一些学习成绩比较优异和竞赛成绩比较突出

的同学的名单，他们将作为同学们的榜样。但是考虑到有些同学不愿意太多人 知道

自己的成绩，所以我们设计了交互式页面。

2、 师生之窗

师生之窗主要有两个板块一一教师介绍、温馨暖图。

教师介绍的内容显而易见，它介绍了 LI前任教我们班的所有老师，而这些老师 我们乂分为高考科U的老

师以及基础会考科U的老师，不管是哪位老师都个性迥 异，不同的老师上课风格都不一样，而这些我们认为用

网站记录下来是一个很好的 媒介。

而温馨暖图主要利用图片的形式记录下了大老师、小老师辅导学生的温馨一 刻，有图有真相而不是空讲。

3、 班级风采

班级风采分为五个板块一一班训、班徽、班歌、班规、口号。

每个板块都单独开辟了一个页面，为的是特别的页面展示特别的内容。

班训运用对联的形式设计;班徽不仅给出了样图还给出了班徽的设计介绍;班歌 则给出了歌词，并且在“活

动掠影”里的“班级文化建设”制作了

4、 班级成绩

班级成绩主要记录了班级所获得的荣誉，我们以奖状的形式展示给大家。

5、 活动掠影

活动掠影主要记录了班级里的一些活动一一运动会、艺术节、班级文化建设、 社会

实践、志愿者活动等，我们运用了图片、音乐、视频、文字等形式向大家展示 了这

些活动的过程。其中在“班级文化建设与运动会”的网页中，我们制作了班歌 的

MV,主要记录了班级文化建设和运动会上运动员的拼搏。

二、开发工具

针对以上要求，我选用了以下网页制作工具开发：

1、 Dreamweave MX

Dreamweave MX是专业网制作标准软件，新版本Dreamweave MX更是集成了动 态网页制作的功能，

使之在网页制作领域地位无人可及。采用此软件来进行网页的 排版和各页面的链接。

2、 Flash MX

Flash是近些年才出现的一种新的事物，他是山美国的MACROMEDIA公司推出的 一款多媒体动画制作软

件。它是一种交互式动画设计工具，用它可以将音乐，声 效，动画方便地融合在一起，以制作出高品质的动态

效果，或者说是动画。采用此 软件进行页面的动画的制作，来增加页面的美观。

3、 Adobe Photoshop 7. 0

Photoshop 7. 0是优秀的图象处理软件，一直占据着图象处理软件的领袖地位， 是平面设计、建筑装修设

计三维动画制作及网页设计的必用软件。采用此软件来处 理页面中的图片和文字。

、Flash 4

Flash是山macromedia公司推出的交互式矢量图和Web动画的标准，ill

Adobe公司收购。我们使用Flash创作出既漂亮乂可改变尺寸的导航界面以及其 他奇特的效果。

5、 Cool Edit

Adobe Audition(前 Cool Edit Pro)是美国 Adobe Systems 公司(前

SyntriIlium Software

Corporation）开发的一款功能强大、效果出色的多轨录音和音频处理软件.我 们主要用来处理班歌的音乐。

6、 会声会影

会声会影是一套操作简单的DV、HDV影片剪辑软件。具有成批转换功能与捕获 格式完整的特点。我们主

要用来制作班歌的视频。

7、 Fireworks

Adobe Fireworks是Adobe推出的一款网页作图软件，软件可以加速Web设计 与开发，是一款创建与

优化Web图像和快速构建网站与Web界面原型的理想工 具。在Fireworks中可以将设计迅速转变为模型，或

利用来自Illustrators Photoshop和Flash的其它资源。。我们主要用它来制作网页的模板然后直接置入

Dreamweaver中轻松地进行开发与部署

8、 Corel Draw

CorelDRAW Graphics Suite是一款山世界顶尖软件公司之一的加拿大的Corel 公司开

发的图形图像软件。其非凡的设计能力广泛地应用于商标设计、标志制作、模 型绘制、

插图描画、排版及分色输出等等诸多领域。我们主要用它来制作图片。

三、课题总结：

1、对于个人：

对于我们来说，制作网站无疑是一个难忘的经历，从最开始的建站规划到规划 完成后的素材收集都对我们

提出了较高的要求，而建站过程中对各种相关软件的运

用更是考验我们的能力以及锻炼了我们实践等诸方面能力。而制作过程中出现的大 大小小的问题克服后乂

是一笔宝贵的经验。

2、更广泛的意义：

在于反映一个班级的成长以及班级的各方面建设，记录了班级的学习生活，课 外活动，活动成绩，班级生

活等内容，提供课件下载以及高考、基础会考资料，还 有交互式页面，为同学们的学习交流提供了一个很好的

平台。班级网站可以说是班 级成长档案袋，也是班级每个人美好的记忆，更反映了一个班级的精神风貌。

而更重要的是，我们希望网络这个媒介能广泛运用到班级管理以及班级宣传当 中，让更多的班级、更多的

学校都积极地参与到网站的建设当中，这势必会为同学 之间的交流提供了一个更加开放的平台。

四、班级网站流程图

直接进入网站

,需登录，

网站主页

登录失败 提交用户留言登录

登录成功

师学首班

页班班活生习级

级级动之园风

窗地采成相掠

绩册影

本文标签： 班级制作软件网站设计