个人网站设计流程以及主要步骤.docxVIP

个人网站设计流程以及主要步骤

加载完成后弹出对话框。

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

点击对话框确定后，播放背景音乐。

网页顶部：

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

点击个人信息可以弹出个人信息介绍。

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

（4）页面布局：整体颜色为浅蓝色，温馨和谐，简洁明了。

三、网页中部：

这是个人网页的主要部分：

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

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

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

四、网页底部

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

网页左下角是一个可爱的动态音乐CD的flash动画。

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

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

五、整体总结

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