《Web应用程序设计》实训指导书

《WEB应用程序设计》实训指导书1《WEB应用程序设计》实验指导书目录实训一熟悉HTML语言基本结构.........................................................................................................................2实训二CSS样式设计综合应用..............................................................................................................................4实训三Response与Resquest对象应用.................................................................................................................6实训四初识NET控件：文本框、按钮、文本标签............................................................................................8实训五动态增删NET控件..................................................................................................................................10实训六NET静态控件数据绑定.........................................................................................................................13实训七初识NET数据库访问技术....................................................................................................................16《WEB应用程序设计》实训指导书2实训一熟悉HTML语言基本结构实训目的学生通过该实训熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后ASP.net网络编程打下扎实的基础。实训任务与要求1.利用DreamweaverCS3编辑HTML页面，并在浏览器中观察效果，体会并掌握HTML语言的基本操作和文件结构。见效果图2.风格与布局与所选样例类似。文字内容与图片可另选。3.不能以整张图片代替网页。4.网页中至少有一个文字链接至中国大学生在线：网页中至少有一个图片链接至九江职业技术学院首页：实训设备Windowsxp/2003/2008server+DreamweaverCS3/asp.net实训内容1．仿样例制作网页。效果样例《WEB应用程序设计》实训指导书3《WEB应用程序设计》实训指导书4实训二CSS样式设计综合应用实训目的学生通过该实训熟悉Asp.net网站与项目的创建及CSS样式元语言的基本语法及在ASP中的应用，为以后高级网络编程打下扎实的基础。实训任务与要求1.利用Asp.net创建站点。2.利用Asp.net创建WebForm1.aspx网页文件。3.利用Asp.net创建CSS样式实现效果图。实训设备Windowsxp/2003/2008server+DreamweaverCS3/asp.net实训内容1.WebForm1.aspxWebForm1.aspx字随窗口大小而自动扩展；并保持与上下间距分别为20px、10px，左侧50px；内部间距为上下20px,左右20px。2.两张图片叠加成如图样式。3.表格随窗口变化而始终处于浏览器窗口右下角位置。4.定义标签p样式：仿宋体，颜色#333399，大小为12pt，行间距为1.25字体高，字间距为0.3字体高，首行缩进2字符，文字内容选自“什么是Javascript脚本语言”文档前3段。效果样例《WEB应用程序设计》实训指导书5《WEB应用程序设计》实训指导书6实训三Response与Resquest对象应用实训目的学生通过该实训熟悉Response与Resquest对象的基本语法及在HTML超文本语言嵌入ASP中。实训任务与要求1.利用Asp.net创建应用项目。2.利用Asp.net创建WebForm1.aspx网页文件。3.初识Asp.net的代码后置特点及WebForm1.aspx.vb代码分离文件的编辑。4.利用VB.net语言作为Asp脚本语言编写WEB程序5.在Asp.net中利用HTML超文本标识语言创建效果图。实训设备Windowsxp/2003/2008server+DreamweaverCS3/asp.net实训内容完全利用Asp.net的代码后置文件WebForm1.aspx.vb的Page_Load过程编写程序实现效果图中九九乘法表。核心代码示例：ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem.EventArgs)HandlesMe.LoadDimi,jAsIntegerResponse.Write(divalign='center'H2九九乘法表/H2/div)Response.Write(tablealign='center'border='1'bordercolor='blue')Response.Write(trhight='35'align='center')Response.Write(tdwidth='50' /td)Fori=1To9Response.Write(tdwidth='50'&i&/td)NextResponse.Write(/tr)Fori=1To9Response.Write(trhight='35'align='center')Response.Write(tdwidth='50'&i&/td)Forj=1To9Ifj=iThenResponse.Write(tdwidth='50'&i*j&/td)ElseResponse.Write(tdwidth='50' /td)EndIfNextResponse.Write(/tr)Next《WEB应用程序设计》实训指导书7Response.Write(/table)EndSub效果样例《WEB应用程序设计》实训指导书8实训四初识NET控件：文本框、按钮、文本标签实训目的1.要求学生熟练掌握静态设计TextBox、Lable、Button控件应用。2.要求学生熟练掌握网页首次加载与环回的执行过程，熟练掌握IsPostBack的使用。3.正确区分与掌握Button对象、行为事件（单击）、方法的关系。4.熟练掌握对TextBox、Lable内容的读取与赋值，区别对两者分段换行的处理方法。实训任务与要求1.利用Asp.net创建应用项目。2.利用Asp.net创建WebForm1.aspx网页文件。3.初识NET控件：文本框、按钮、文本标签。4.掌握按钮回传事件与ISPOSTBACK5.简单客户留言板。效果图。实训设备Windowsxp/2003/2008server+DreamweaverCS3/asp.net实训内容完全利用Asp.net的代码后置文件WebForm1.aspx.vb的Page_Load与Button1_Click过程编写程序实现简单客户留言板。核心代码示例：ProtectedSubPage_Load(ByValsenderAsObject,ByValeAsSystem.EventArgs)HandlesMe.Load'net控件一：文本框、按钮、文本标签'首次加载页面运行初始化TextBox1IfNotIsPostBackThenTextBox1.Text=黄飞鸿EndIfEndSubProtectedSubButton1_Click(ByValsenderAsObject,ByValeAsEventArgs)HandlesButton1.ClickDimstrAsStringstr=先生，你好！'比较两种控件中换行的方法'标签控件中，两个文本框之间换行用br/，多行文本中内容自身的换行用pre格式化Label1.Text=pre&TextBox1.Text&str&br/&TextBox3.Text&/pre《WEB应用程序设计》实训指导书9'以多行文本框显示另一文本框和多行文本框内容时，文本框之间用函数chr(13)换行，其余不变TextBox4.Text=TextBox1.Text&str&Chr(13)&TextBox3.TextEndSub效果样例《WEB应用程序设计》实训指导书10实训五动态增删NET控件实训目的1.要求学生熟练掌握ListBox、CheckBox、CheckBoxList、RadioButton、RadioButtonList控件应用。2.要求学生熟练掌握动态添加常用Web控件的方法。3.要求学生熟练掌握动态移去（删除）常用Web控件的方法。4.正确区分增删控件与增删控件项的方法。5.常用控件默认选项的设置方法。6.创建CheckBoxList图形选取形式与读取选择项状态值的方法实训任务与要求1、ListBox、CheckBox、CheckBoxList、RadioButton、RadioButtonList控件对比与操作。实训设备Windowsxp/2003/2008server+DreamweaverCS3/asp.net实训内容完全利用Asp.net的代码后置文件WebForm1.aspx.vb的Page_Load与Button1_Click过程编写程序实现动态增删NET控件。核心代码示例：ProtectedSubButton1_Click(ByValsenderAsObject,ByValeAsEventArgs)HandlesButton1.ClickIfTextBox1.Text=ThenLabel1.Text=你没有输入内容。ElseLabel1.Text=pre&TextBox1.Text&/preEndIfEndSubProtectedSubButton2_Click(ByValsenderAsObject,ByValeAsEventArgs)HandlesButton2.ClickTextBox1.Text=ListBox1.ClearSelection()ListBox2.ClearSelection()CheckBox1.Checked=FalseCheckBox2.Checked=FalseCheckBox3.Checked=FalseCheckBox4.Checked=False《WEB应用程序设计》实训指导书11CheckBoxList1.ClearSelection()CheckBoxList2.ClearSelection()RadioButton1.Checked=FalseRadioButton2.Checked=FalseRadioButton3.Checked=FalseRadioButton4.Checked=FalseRadioButtonList1.ClearSelection()'重新设定默认选项CheckBoxList1.Items(3).Selected=TrueRadioButtonList1.Items(2).Select