Web程序设计_第二次作业说明.doc

Web程序设计 第二次作业作业提交时间：2012.4.252012.5.24作业提交方式：本次作业中所有文件打一个压缩包，压缩包以“第二次作业_学号_姓名”命名，并通过思源教学平台中的学习资源上传。作业总体要求：不需要同图示内容完全一致，功能相同，总体编排相似即可。题目一：CSS语言上机实验页面要求：采用html+css的模式实现页面，页面保存为css_学号_姓名.html，样式文件保存为style_学号_姓名.css。总体要求：排版类似即可，不要求字体位置完全相同。页面中的文字部分请自行输入合适内容即可。页面分为如下图header、page和footer三个div，其中page又分为leftpage和rightpage两个div。1. Body部分：背景图片采用img01.jpg，repeat模式；设置font-family: 幼圆, Comic Sans MS, sans-serif。2. header部分：设置宽度高度分别为730px和160px；设置边界margin：0px 208px 20px 208px； 设置背景图片img04.jpg，no-repeat模式；设置边框宽度为10px，边框颜色为白色，边框样式为实线（solid）。（参考课本例5-8、表5-1）。a) 文字部分：颜色#F79F1A，文字大小36px，文字水平对齐方式右对齐，上边界补白padding-top:110px。3. page部分：设置宽度为750px，边界属性margin:0 208px 0px 208px。a) leftpage部分：宽度480px；边界属性margin-bottom:20px；背景颜色#B8E33C；设置边框宽度为10px，边框颜色为白色，边框样式为实线（solid）；浮动对齐float:left。 该div部分由以下几个部分组成：i. 内容部分：背景图片img03.jpg，no-repeat模式，采用左上对齐；边界补白padding:5px 0 0 0。标题部分文字：文字大小30px，颜色#7D4400，边界属性margin: 12px 20px 0 60px。副标题部分文字：文字大小12px，颜色#646464，margin:0px 20px 0 60px。内容部分文字：文字大小16px，margin:0 5px，行高190%，文字缩进30px。ii. 分割线：高度10px，背景颜色白色。b) rightpage部分：宽度220px；边界属性margin-bottom:20px；背景颜色#B8E33C；边框宽度10px，边框颜色为白色，边框样式为实线（solid）；浮动对齐float:right；背景图片img02.jpg，no-repeat模式，采用右上对齐。i. 文字部分标题：文字大小28px，颜色#7D4400，边界属性margin: 25px 20px 0 20pxmargin: 25px 20px 0 20px。 0 30pxii. 文字部分内容：边界属性margin:0 5px；文字大小16px，文本缩进30px，行高200%。4. footer部分：设置clear:both；设置margin:auto 208px，宽度高度分别为730和50px；设置背景图片img05.jpg，no-repeat模式，采用右上对齐；设置背景颜色#B8E33C；设置边框宽度为10px，边框颜色为白色，边框样式为实线（solid）。（参考课本例5-8、表5-1）a) 文字部分：白色、大小12px，文本水平居中对齐，纵向对齐方式bottom，行高50px。（参考课本表5-2）题目二：ASP上机实验1. 编写如上图所示页面，保存为：login_学号_姓名.asp。a) 对用户名信息进行检验，要求用户名长度不少于6位，用户名错误弹出错误提示框。（参考课本例6-15的login.htm页面）。b) 编写global.asa配置文件，利用Application对象记录页面的访问人数和在线人数，通过Session_OnStart事件和Session_OnEnd事件实现对访问人数和在线人数的更新，并在该页面显示访问人数和在线人数。注意为了方便调试将Session的超时时间缩短，可以设置session.Timeout=1。（参考课本例6-15的list.asp和global.asa）c) 页面中form表单设置action事件action=redirect_学号_姓名.asp。2. 编写事件处理页面，实现重定向功能，保存为：redirect_学号_姓名.asp。a) 利用Session对象保存用户的用户名。（参考课本例6-15的stru.asp）b) 根据用户在页面login_学号_姓名.asp中单选按钮的不同选择，重定向页面（response.redirect）。选择查看，重定向到页面“seemsg_学号_姓名.asp”，选择填写，重定向到页面“iptmsg_学号_姓名.asp”（参考课本例6-7.asp）3. 编写调查信息输入页面，保存为：iptmsg_学号_姓名.aspa) 按照上图所示设计表单。b) 页面中form表单设置action事件action=savemsg_学号_姓名.asp。4. 编写信息存储页面，保存为：savemsg_学号_姓名.asp。a) 在当前文件路径下建立book路径。b) 检查book路径下是否存在student.txt文件，如果不存在则新建文件，并读取当前文件的全部信息。c) 读取上一页面提交的电子邮箱、就读院系和毕业规划信息，与Session对象保存的用户名信息按照格式：“用户名：电子邮箱；就读院系：毕业规划；”编排，存入文件student.txt文件尾部。（参考课本例6-14）。d) 保存成功显示如下页面。其中9813102