WEB开发试验指导.doc.doc

《 We b 技术与应用》实验报告实验题目: Web 开发技术及其应用院系: 计算机科学与工程学院专业: 班级: 学号: 姓名: 指导教师: 设计地点: 开课时间: 2011 至 2012 学年第 2 学期 1 实验一熟悉 Visual Studio 和 HTML 开发环境【实验目的】 1、熟悉 Visual Studio 开发环境。 2、掌握项目的创建方法。 4、掌握常用控件的设置与处理。 5、 程序的调试运行。 6、掌握基本 HTML 代码。 7、在Visual Studio 开发环境中使用 HTML 代码制作页面。【实验内容】 1、运行 Visual ,观察并熟悉集成开发环境。 2、新建一个项目: 我们选择 web 应用程序项目起个名称,位置:选择一个目录用于存放项目文件。 2 点击确定,会给自动生成一个 的文件。 3、使用控件,在 网页中添加一个 label 一个 button: 4、查看并设置控件的属性以下是 代码片段: <asp:Label ID="Label1" runat="server" Text=" : .net 自学手册"></asp:Label> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text=" 改变" /> 5、实现点击按钮要改变 label1 中的文本: x页面中双击Button1, s中写入以下代码以下是 代码片段: protected void Button1_Click(object sender, EventArgs e) { =" 你一定会成功! "; }好了, CTRL+F5 运行一下,看到效果了吧。 6、 的调试工具,并使用调试工具调试已创建的程序。 7、在Visual Studio 集成环境中创建 Web 应用程序,。 8、使用<ul><ol><li> 标签制作出如下页面: 9、使用 HTML 控件制作用户注册 3 10、调试运行已创建的 Web 应用程序。【实验要求】 1、实验前根据实验内容复习相关章节。 2、编写相应的程序,写出完整的程序代码,包括注释,注意书写的层次结构。 3、调试程序,完成程序。 4、整理实验步骤,总结经验和体会。 5、上交实验报告和源程序。 4 1: <%@ Page Language ="C#" AutoEventWireup ="true" CodeFile ="" Inherits ="_Default" %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> < html xmlns ="9/xhtml" > < head runat ="server"> < title >无标题页</ title > </ head >< body >< form id ="form1" runat ="server"> < div >< asp : Label ID ="Label1" runat ="server" Text =" ; .net 自学手册"></ asp : Label >< br /> < asp : Button ID ="Button1" runat ="server" OnClick ="Button1_Click" Text ="改变" /></ div > </ form > </ body > </ html >2: <%@ Page Language ="C#" AutoEventWireup ="true" CodeFile ="" Inherits ="Default2" %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> < html xmlns ="9/xhtml" > < head runat ="server"> < title >无标题页</ title > </ head >< body >< form id ="form1" runat ="server"> < div >第一讲 概述< ul>< ol type =1>< li