《Web应用程序设计》实训指导书.docx
《《Web应用程序设计》实训指导书.docx》由会员分享,可在线阅读,更多相关《《Web应用程序设计》实训指导书.docx(22页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、WEB应用程序设计 实验指导书目 录实训一 熟悉HTML语言基本结构3实训二 CSS样式设计综合应用5实训三 Response与Resquest对象应用7实训四 初识NET控件:文本框、按钮、文本标签9实训五 动态增删NET控件11实训六 NET静态控件数据绑定14实训七 初识NET数据库访问技术17实训一 熟悉HTML语言基本结构实训目的学生通过该实训熟悉HTML语言的基本使用方法,进一步体会浏览器解释执行HTML的原理,为以后ASP.net网络编程打下扎实的基础。实训任务与要求1. 利用Dreamweaver CS3编辑HTML页面,并在浏览器中观察效果,体会并掌握HTML语言的基本操作和
2、文件结构。见效果图2. 风格与布局与所选样例类似。文字内容与图片可另选。3. 不能以整张图片代替网页。4. 网页中至少有一个文字链接至中国大学生在线:5. 网页中至少有一个图片链接至九江职业技术学院首页:实训设备 Windows xp/2003/2008 server+ Dreamweaver CS3/实训内容1仿样例制作网页。效果样例实训二 CSS样式设计综合应用实训目的学生通过该实训熟悉 A网站与项目的创建及CSS样式元语言的基本语法及在ASP中的应用,为以后高级网络编程打下扎实的基础。实训任务与要求1. 利用A创建站点。2. 利用A创建WebForm1.aspx网页文件。3. 利用A创建
3、CSS样式实现效果图。实训设备 Windows xp/2003/2008 server+ Dreamweaver CS3/实训内容1. WebForm1.aspxWebForm1.aspx字随窗口大小而自动扩展;并保持与上下间距分别为20px、10px,左侧50px;内部间距为上下20px,左右20px。2. 两张图片叠加成如图样式。3. 表格随窗口变化而始终处于浏览器窗口右下角位置。4. 定义标签p样式:仿宋体,颜色#,大小为12pt,行间距为1.25字体高,字间距为0.3字体高,首行缩进2字符,文字内容选自“什么是Javascript脚本语言”文档前3段。效果样例实训三 Response与
4、Resquest对象应用实训目的学生通过该实训熟悉Response与Resquest对象的基本语法及在HTML超文本语言嵌入ASP中。实训任务与要求1. 利用A创建应用项目。2. 利用A创建WebForm1.aspx网页文件。3. 初识A的代码后置特点及WebForm1.aspx.vb代码分离文件的编辑。4. 利用VB.net语言作为Asp脚本语言编写WEB程序5. 在A中利用HTML超文本标识语言创建效果图。实训设备 Windows xp/2003/2008 server+ Dreamweaver CS3/实训内容完全利用A的代码后置文件WebForm1.aspx.vb的Page_Load过
5、程编写程序实现效果图中九九乘法表。核心代码示例: Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load Dim i, j As Integer Response.Write(九九乘法表) Response.Write() Response.Write() Response.Write( ) For i = 1 To 9 Response.Write( & i & ) Next Response.Write() For i = 1 To 9 Response
6、.Write() Response.Write( & i & ) For j = 1 To 9 If j = i Then Response.Write( & i * j & ) Else Response.Write( ) End If Next Response.Write() Next Response.Write()End Sub效果样例实训四 初识NET控件:文本框、按钮、文本标签实训目的1. 要求学生熟练掌握静态设计TextBox、Lable、Button控件应用。2. 要求学生熟练掌握网页首次加载与环回的执行过程,熟练掌握IsPostBack的使用。3. 正确区分与掌握B
7、utton对象、行为事件(单击)、方法的关系。4. 熟练掌握对TextBox、Lable内容的读取与赋值,区别对两者分段换行的处理方法。实训任务与要求1. 利用A创建应用项目。2. 利用A创建WebForm1.aspx网页文件。3. 初识NET控件:文本框、按钮、文本标签。4. 掌握按钮回传事件与ISPOSTBACK5. 简单客户留言板。效果图。实训设备 Windows xp/2003/2008 server+ Dreamweaver CS3/实训内容完全利用A的代码后置文件WebForm1.aspx.vb的Page_Load与Button1_Click过程编写程序实现简单客户留言板。核心代码
8、示例: Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load net控件一:文本框、按钮、文本标签 首次加载页面运行初始化TextBox1 If Not IsPostBack Then TextBox1.Text = 黄飞鸿 End If End Sub Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click Dim str As
9、 String str = 先生,你好! 比较两种控件中换行的方法 标签控件中,两个文本框之间换行用,多行文本中内容自身的换行用格式化 Label1.Text = & TextBox1.Text & str & & TextBox3.Text & 以多行文本框显示另一文本框和多行文本框内容时,文本框之间用函数chr(13)换行,其余不变 TextBox4.Text = TextBox1.Text & str & Chr(13) & TextBox3.TextEnd Sub效果样例实训五 动态增删NET控件实训目的1. 要求学生熟练掌握ListBox、CheckBox、CheckBoxList、
10、RadioButton、RadioButtonList控件应用。2. 要求学生熟练掌握动态添加常用Web控件的方法。3. 要求学生熟练掌握动态移去(删除)常用Web控件的方法。4. 正确区分增删控件与增删控件项的方法。5. 常用控件默认选项的设置方法。6. 创建CheckBoxList图形选取形式与读取选择项状态值的方法实训任务与要求1、 ListBox、CheckBox、CheckBoxList、RadioButton、RadioButtonList控件对比与操作。实训设备 Windows xp/2003/2008 server+ Dreamweaver CS3/实训内容完全利用A的代码后置
11、文件WebForm1.aspx.vb的Page_Load与Button1_Click过程编写程序实现动态增删NET控件。核心代码示例: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click If TextBox1.Text = Then Label1.Text = 你没有输入内容。 Else Label1.Text = & TextBox1.Text & End If End Sub Protected Sub Button2_Click(ByVal sen
12、der As Object, ByVal e As EventArgs) Handles Button2.Click TextBox1.Text = ListBox1.ClearSelection() ListBox2.ClearSelection() CheckBox1.Checked = False CheckBox2.Checked = False CheckBox3.Checked = False CheckBox4.Checked = False CheckBoxList1.ClearSelection() CheckBoxList2.ClearSelection() RadioBu
13、tton1.Checked = False RadioButton2.Checked = False RadioButton3.Checked = False RadioButton4.Checked = False RadioButtonList1.ClearSelection() 重新设定默认选项 CheckBoxList1.Items(3).Selected = True RadioButtonList1.Items(2).Selected = True End Sub Protected Sub Button3_Click(ByVal sender As Object, ByVal e
14、 As EventArgs) Handles Button3.Click Dim TextBox2 = New TextBox() TextBox2.ID = TextBox2 TextBox2.Width = New Unit(100) TextBox2.TextMode = TextBoxMode.SingleLine TextBox2.Style(Left) = 20px Panel1.Controls.Add(TextBox2) 添加一个名为九江的项,且状态值为九江 ListBox1.Items.Add(九江) 添加一个名为九江的项,且状态值为9 ListBox2.Items.Add(
15、New ListItem(九江, 9) 插入新增项并设定索引为1 CheckBoxList1.Items.Insert(3, 九江) 新增项且设定为选中状态 CheckBoxList1.Items.Add(江西) CheckBoxList1.Items(CheckBoxList1.Items.Count - 1).Selected = True End Sub Protected Sub Button4_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button4.Click 移去选定的选项 ListBox2.Items
16、.Remove(ListBox2.SelectedItem) 移去指定索引的项 CheckBoxList1.Items.RemoveAt(1) ListBox2.Items.RemoveAt(2) End Sub效果样例实训六 NET静态控件数据绑定实训目的1. 要求学生熟练掌握VB数组的应用方法。2. 要求学生熟练掌握DropDownList控件3. 要求学生熟练掌握将数组绑定到Web控件的方法。4. 要求学生熟练掌握Web控件状态值发生变化时调用方法。5. 初识验证控件。实训任务与要求1、 定义数组及重置数组,将数组值绑定到DropDownList控件。实训设备 Windows xp/20
17、03/2008 server+ Dreamweaver CS3/实训内容完全利用A的代码后置文件WebForm1.aspx.vb的Page_Load与Button1_Click过程编写程序实现将数组绑定到DropDownList控件的方法。验证控件的简单应用核心代码示例: Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 数据绑定 If Not IsPostBack Then Dim maxy As Integer = Year(Now() - 25 Dim
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web应用程序设计 Web 应用 程序设计 指导书
限制150内