实验二ASP网站开发基础课后题.doc

实验二 ASP.NET 4.5 网站开发基础一、实验名称：ASP.NET 4.5 网站开发基础二、实验内容：1. 建立一个描述MyPetShop网站信息的XHML5文件 asidefloat:left ;width :15%; sectionfloat:right ;width :85%; footerclear :both ; 介绍 数据库设计 MyPetShop MyPetShop是本书提供的一个综合实例，用来展示ASP.NET 4.5网络开发技术。 MyPetShop MyPetShop包括前台商品浏览、用户管理、购物车、订单结算和后台管理等模块。 Copyright 2014 MyPetShop2. 利用table实现页面布局 .auto-style1 width: 100%; 首页 个性重置 注册 登录状态 您的位置： 3. 利用div实现页面布局 首页     |  个性重置     |  注册 登陆状态 您的位置： 4. 建立独立的.css文件（1）设置样式tablewidth :100%; .navigationtext-align :center ;background-color:#99CCFF; .statusbackground-color:#CCFFFF; .positionbackground-color:#33CCCC;#logofloat :left ;width :30%;#navigationbackground-color:#99CCFF;height :30px;#statusbackground-color:#CCFFFF;height :30px;#navigationbackground-color:#99CCFF;height :30px;#positionbackground-color:#33CCCC;（2）将样式应用于表格布局 .auto-style2 width: 427px; .auto-style4 text-align : center; background-color: #99CCFF; height: 61px; .auto-style7 background-color: #CCFFFF; height: 29px; 首页 个性重置 注册 登录状态 您的位置： （3）将样式用于div布局 结合div层和.css文件进行页面布局 首页     |  个性重置     |  注册 登陆状态 您的位置： 5. 利用JavaScript关闭当前窗口 关闭 6. 利用jQuery实现一个时间数据来源于客户端的时钟 function refresh() /设置id属性值为date的元素的呈现内容为客户端的系统时间 $(#date).text(new Date().toString(); setTimeout(refresh(), 1000);/过1秒后重复调用自定义的refresh（）函数 7. 建立能描述书籍简易信息的XML文件 Web程序设计ASP.NET实用网站开发（第2版） 沈世根;汪承焱;许小东 39 ASP.NET高级编程 张立 156 基于C#精通LINQ数据访问 毛一中 39 三、习题1.比较table和div两种布局方式，体会在什么情况下适合使用table布局、什么情况下适合使用div布局以及什么情况下适合使用table和div相互结合进行布局。网页中，如果各个功能区要求分块区别样式时，适合使用table；如果需要强调布局的整体性时，适用div，此外div使用方便，对元素具有针对性；如果网页既要考虑分块的同时还有其他特定的样式时，要结合两种方式。4.修改时钟程序，要求只显示时间信息。 时钟 function refresh() /设置id属性值为date的元素的呈现内容为客户端的系统时间 $(#date).text(new Date().getHours().toString() + : + (new Date().getMinutes().toString() + : + (new Date().getSeconds().toString(); setTimeout(refresh(), 1000);/过1秒后重复调用自定义的refresh（）函数 5.在页面中呈现一块广