ASPNET沈士根实验报告(一).docVIP

《Web编程基础》实验报告 班级 计专141 学名 黄跃翔 完成日期 2015.4.20 实验室 __理工楼320_ 指导老师 沈士根、叶晓彤 成绩__________ 实验题目[请根据实际填写，参照《实验教学授课计划表》] 实验目的 熟悉常用的XHTML5元素 掌握利用table、div和CSS实现页面布局的方法 掌握CSS控制页面样式的方法 了解JavaScript常识 熟悉JQuery的使用方法 理解XML文件结构，掌握XML文件建立的方法 了解c#语言规范 掌握c#基础语法、流程控制和异常处理等 掌握创建c#类并应用于ASP.NET 4.5页面中的方法 掌握ASP.NET 4.5页面的调试方法 实验内容及步骤 实验二部分 浏览教材提供的综合实例MyPetShop,完成首页布局 首先对页面的总体布局，然后在分割后的各个模块上添加相应的控件，对控件进行命名和修改相应的属性。完成首页的布局，代码如下： !DOCTYPE html html xmlns=/1999/xhtml head runat=server meta http-equiv=Content-Type content=text/html; charset=utf-8/ title/title /head body form id=form1 runat=server div id=top div id=logo_navi_stat div id=logo asp:Image ID=Image1 runat=server Height=42px ImageAlign=Left ImageUrl=~/Ex2/Images/logo.gif style=margin-bottom: 0px //div div id=navagation style=height: 30px; background-color: #99CCFF asp:Button ID=Button1 runat=server Text=首页 / nbsp;nbsp;nbsp;nbsp;|nbsp; asp:Button ID=Button2 runat=server Text=个性重置 / nbsp;nbsp;nbsp;nbsp;|nbsp; asp:Button ID=Button3 runat=server Text=注册 / nbsp;nbsp;nbsp;nbsp;|nbsp; asp:Button ID=Button4 runat=server Text=登录 / /div /div /div div id=position style=background-color: #33CCCC 您的位置： /div div id=weather style=border: thin solid #C0C0C0; float: left; width: 85%; height: 198px; margin-left: 59px;天气预报--（中国气象局提供数据！）br / 选择省/州asp:DropDownList ID=DropDownList1 runat=server AutoPostBack=True asp:ListItem浙江省/asp:ListItem /asp:DropDownList 选择城市asp:DropDownList ID=DropDownList2 runat=server AutoPostBack=True asp:ListItem温州市/asp:ListItem /asp:DropDownList nbsp; 直辖市/北京br / 今日实况 今日天气实况：气温：-1°C；风向/风力：东北风 2级；湿度：68%；空气质量：暂无；紫外线强度：最弱br / 天气预报（今天） 1月19日 晴 -4°