教学实习报告
设计题目：宿舍管理系统
班 级 软件
102
学 号 3100921037
姓 名 陈志涛
指导教师 夏辉
起止时间 201 1 - 7 - 04 至 201 1 - 7 - 08
2011 年 春 季 学期
1
实习任务
本次教学实习的主题是学生制作静态
WEB
管理系统。作品为学生本人
亲自设计制作，不能由他人代替，严禁抄袭他人作品，一经发现将取消本
次教学实习的成绩。允许但不提倡使用模版。作品中请勿使用可能产生版
权纠纷的文字、图形、设计风格等。作品应附上
word 文档格式的说明，
包括设计理念、作品特点、作品自评及个人小节（不少于
1000
字），并
指明所用的工作平台和工具软件。文件名均使用英文名或拼音（小写）。
作品中非图片中的字体应设定为常见的字体，不应用不常见的字体。网页
应有较好的浏览兼容性，显示分辨率以 800×600 分辨率为显示标准，也
可使用 1024×768 显示页面 ( 最好在网页上给予注明 ) 。所有网页的标题栏
（即
HTML
代码的区域）中须注明“ 2011
年西安理工大学软件工程专业教
学实习网页设计作品”字样。
评语(教师填写)
1
目 录
1.教学实习目的..........................................................................................................................1
2.教学实习任务..........................................................................................................................1
3.系统功能模块设计..................................................................................................................1
4.系统运行展示..........................................................................................................................3
4.1 首页面...........................................................................................................................3
4.2 录入页面.......................................................................................................................4
5.个人日志................................................................................................................................10
5.1 第一天工作日志.........................................................................................................10
5.2 第二天工作日志.........................................................................................................11
5.3 第三天工作日志.........................................................................................................11
5.4 第四天工作日志.........................................................................................................11
5.5 第五天工作日志.........................................................................................................12
6.生产实习总结........................................................................................................................12
参考文献...................................................................................................................................13
1
1.教学实习目的
本次教学实习是大学阶段共2次教学实习的第一次，是对学生第一学年
所学知识的综合应用。是学生利用已学知识，充分发挥想象力与主观能动
性完成具有一定实用性的综合设计任务，以提高学生综合运用所学的理论
知识和实现方法，提高学生动手能力和解决问题的能力。
2.教学实习任务
本次教学实习的主题是学生通过学习HTML语言，javascript语言
CSS，制作静态的WEB管理系统，并通过WEB服务器进行运行和展示。学
生根据选择的主题，自行确定网站的LOGO(图标)、自行设计各级网页的风
格、网站的整体结构。
3.系统功能模块设计
主菜单
成
员
介
绍
资
金
管
理
规
章
制
度
活
动
公
告
成
员
相
册
风
景
相
册
联
系
方
式
1
本系统为宿舍管理系统，主要管理本宿舍的成员为主要设计方案。本
系统设计风格以绿色环保为主题，清新自然。1、第一个网页为登录界面，
所用技术为 html 的表单加上按钮，并且背景图为绿草，给登陆者一个清新
的感觉，然后用到按钮超链接，使登陆界面与主界面联系起来。2、主菜单
总的背景图片为绿草，第二个界面为将原有图片切割成为小的图片然后运
用表格将每个图片重新组合第二个界面放有主要系统管理功能，将图片切
割的目的是不让登陆者感到有按钮或其他链接方式，实现直接让登陆者点
击第二个界面的背景图片的每个部分，从而实现链接，这样使第二个界面
的正体效果显得紧凑，美观。功能菜单有资金管理，制度规划，活动公告，
联系方式，个人介绍，个人相册，成员收藏相册。登录到主菜单的网页上
可以超链接到任何一个功能子页上，运用技术为 html 的图片超链接。第三
个界面为一个小框里面附有图片有文字为宿舍宣言 3、点击个人介绍超链接
到另一个子菜单上，菜单功能有显示了一个成员的基本情况，附有家乡风
景，个人留言，下一位三个超链接。点击家乡风景，则跳出一个新网页，
此网页放有图片供登陆者欣赏。点击个人留言则跳出一个新网页，此网页
背景图片为绿色环保为主题的图片，然后运用表单，写一个留言板，供登
陆者可以对宿舍成员进行留言。后运用按钮实行超链接到个人信息主页。
点击下一个则超链接到下一位成员而下一位成员的基本页面布局基本一致，
只是内容不同。每个成员介绍页面与主菜单的功能一致。都可实现网页的
超链接，总体布局为网状结构，使登陆者实现轻松跳转。4、点击资金管理，
则链接到资金管理网页上，此网页上有资金的来源，资金的流向，还运用
javascript 语句写登陆者给宿舍库存添加多少钱，总共多少钱，都可以显
示出来。5、点击规章制度则连接到规章制度网页上，此网页显示宿舍要求
的规章制度，简单，明了。6、点击活动公告则连接到活动公告网页上，此
网页的整体布局与主菜单基本一致，可以实现灵活链接，并且网页上显示
最近的活动公告。7、点击相册一，则连接到宿舍成员个人照片，点击相册
二则连接到成员收藏的风景照片，以供登陆者浏览。8、点击联系方式，则
连接到联系方式界面此界面与主界面结构基本一致。本网页设计应用
dreamweaver。
2
