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

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