(word)web前端.docVIP

实验报告 学生姓名： 肖泽权 学 号： 6100412172 专业班级： 计科121 实验类型：□ 验证 □ 综合 □ 设计 □ 创新 实验日期： 实验成绩： 实验一：WEB前端页面制作-学员考勤系统 一：实验要求 运用所学的前端技术，制作项目学员考勤系统网站的前端页面。 项目大体目标如下：系统初始时，只有管理员才能够登录该系统，维护好培训班级信息。学员则需要按班注册好自己的个人信息，才可以登录该系统。系统能记下每位学员的首次注册时间，以及记录学员每天第一次登录系统的时间及登录点IP地址作为考勤凭据，学员每天还需点击签退，用以让系统记录下每天学员的离开时间。 用户登录系统后可查看到在线学员，网站总访问人次，以及所有的考勤信息等。 要求根据上述描述对系统进行初步的需求分析，分析系统有几类用户使用，及用户使用系统做什么。 4、根据需求分析的结果，对网站主要的几类页面进行静态页面设计及制作。 二：实验目标 1、了解Web项目开发的大体流程。 2、理解基本的需求分析方法。 3、理解站点的概念，合理规划站点目录，及规范命名站点页面名称。 4、掌握使用HTML进行语义化的网页设计。 5、运用CSS对网页进行简单的布局及美化工作。 6、掌握使用JavaScript对注册页面进行输入校验。 三：实验环境 硬件环境：PC微机 软件环境：文本编辑器（UltraEdit、EditPlus、Notepad等）或者Frontpage或者Dreamweaver、 Myeclipse、IE和FireFox浏览器（至少使用两种不同内核的浏览器）。 四：实验步骤 登陆界面：利用css+html设计登陆界面，div设置布局。 建包如下保存css和js还有图片文件。 效果如下： 内部页面：建立jsp文件配合css+html设计。我的界面采用三个include合成。上层。左边和中间，这样节省了很多重复的代码。 top.jsp +right.jsp+中间的代码 中间的页面不同。 利用一个js实现左边下拉菜单。 其他的页面只是中间内容不同。 五：实验总结 这个实验啊，做的真的很艰难，各种百度，对于我这种基础差的学生来说，说多了都是泪啊，不过还是学到点东西，大概了解了页面和这个考勤系统做的思路和方法，以后慢慢学吧。