后台管理员模块.docVIP

后台管理员模块(Admin文件夹) 第1节 准备工作 一、制作图像文件(保存在Admin\AImage文件夹下) 注意：可将文件back_01.gif~back_06.gif复制到AImage文件中。 （1）制作图像文件back_01.gif 用Photoshop制作 5*5 px大小，分辨率72像素/英寸，如图4-1所示。body background=AImage/back_01.gif 图4-1 back01.gif效果图 （2）制作图像文件back_02.gif 用Photoshop制作 27.5*2.3 cm大小，分辨率72像素/英寸，如图4-2所示。 图4-2 ExamBack02.jpg效果图 （3）制作图像文件back03.gif 用Photoshop制作 27.5*2.5 cm大小，分辨率72像素/英寸，如图4-3所示。 图4-3 back_03.gif效果图 （4）制作图像文件back_04.gif 145*24 px大小，分辨率72像素/英寸，如图4-4所示。 图4-4 back_04.gif效果图 （5）制作图像文件back_05.gif 145*24 px大小，分辨率72像素/英寸，如图4-5所示。 图4-5 back_05.gif效果图 （6）制作图像文件back_06.gif 163*483 px大小，分辨率72像素/英寸，如图4-6所示。 图4-6 back_06.gif效果图 二、导航目录网页的制作 设计一个导航目录网页ATleft.htm，如图4-7所示。Aleft.htm页面用到图像文件back_04 、back_05 、back_06。将Teacher文件夹中的文件“Lleft.htm”修改为文件“Aleft.htm”，并保存在Admin文件夹中。 图4-7 Aleft.htm文件运行画面 第2节 创建网页 （一）创建网页文件d:\new\ExamOnline\Admin\AManage.aspx（管理页面） 1．网页功能 后台管理员模块首页，显示管理目录树结构，导航栏可链接以下网页： （1）学生基本信息（AStudentInfo.aspx） （2）添加学生信息（AsudentAdd.aspx） （3）教师基本信息（ATeacherInfo.aspx） （4）添加教师信息（ATeacherAdd.aspx） （5）试题基本信息（Teacher/TExamInfo.aspx） （6）添加试题信息（Teacher/TExamAdd.aspx） （7）考试科目信息（ASubjectInfo.aspx） （8）查看考试结果 (Teacher/TExamResult.aspx) （9）修改密码 (AModifyPwd.aspx) 2．页面布局 用Table布局4行2列，如表4-1所示。 表4-1 AManger.aspx页面表格布局 跨2列，添加Image控件链接AImage/back_01.gif 跨2行，作为框架引入网页Aleft.htm文件 显示管理员登录基本信息 作为框架引入网页AManage.aspx 文件 跨2列，添加Image控件链接文件TImage/back_03.gif 3．ATmanage.aspx页面运行结果,如图4-8所示。 图4-8 ATmanage.aspx页面运行结果 操作步骤 （1）在Admin文件下创建页面(共10张页面，做5张) 学生基本信息（AStudentInfo.aspx） 添加学生信息（AsudentAdd.aspx） 教师基本信息（ATeacherInfo.aspx） 添加教师信息（ATeacherAdd.aspx） 试题基本信息（Teacher/TExamInfo.aspx） 添加试题信息（Teacher/TExamAdd.aspx） 考试科目信息（ASubjectInfo.aspx） 查看考试结果 (Teacher/TExamResult.aspx) 修改密码 (AModifyPwd.aspx) 修改成功 (AModifyOK.aspx) （2）用表格设置页面布局：以下是关键代码： body background=TImage/back_01.gif 厖厖厖 btr td colspan=2 style=height:70px asp:Image ID=Image1 runat=server Height=55px ImageUrl=AImage/back_02.GIF Style=z-index: 100; left: 17px; position: absolute; top: 11px Width=768px / /td /tr tr td height=453 ro