班级网站设计流程以及主要步骤.docxVIP

PAGE

PAGE1

班级网站设计流程以及主要步骤

加载完成后弹出对话框。

页面已加载后，弹出对话框。

点击确定按钮后，自动播放背景音乐。

网页顶部：

网页的右上角是学生登录模块，登录、注册标签一目了然，从而为班级的每一个学生提供便捷的登录功能。

（2）下面一栏是导航条，通过链接进入班级的不同的页面，在这里可以查看班级首页：班级的文化内涵以及班级特有的文化特征；班级简介：主要介绍班级的教师、学生信息、学习科目等信息；我的相册：主要记录我的照片以及班级照片；班级风采：可以联系班委进行留言、有利于班级公开班务。导航条的每一个条目特效：鼠标经过图像。

（3）页面布局：整体颜色为棕色，沉稳大气，简洁明了。

网页中部：

网页左边是一个桃花开放flash动画。

右边设计用户注册表单，具有文字输入框，用户输入学生登录学号；具有加密的密码输入框，用户输入登录密码；同时在密码输入框的下面具有专业选择的下拉菜单，便于学生选择自己的专业（计算机信息管理、土木工程等）；以及还具有性别选框（男、女），爱好复选框（看书、游泳、篮球）；文件上传选项；提交按钮和重置按钮。

这是班级网页的主要部分：

白色文字为文字轮播效果，用于显示班级最新公告和新闻！

轮播图上为\t/donghua/_blank鼠标跟随五彩散花flash动画，当鼠标移动时画面会呈现3d效果，非常生动逼真，让浏览者大饱眼福。

四张大图图片的轮播图，并设置链接。图片有跑马灯效果，图片切换时，下标同时切换。

这种文字和图片轮播效果，非常适合班级风格，彰显青春气息。

网页下部首先是一个静态横幅图片，是用来平衡网页布局，让网页排版更加生动自然，图片上有多行的文字跑马灯，像弹幕一样有趣。

四、网页底部

网页底部网站版权；XXX班级网站，版权所有。班级邮箱；维护制作人；联系电话；以及网站备案。

五、整体总结

网页设计整体简洁明亮，动画，图片充满青春时代气息。并且寓意深刻！颜色搭配搭档，功能齐全完善！待数据库开发完成后，适合在班级网站推广使用。