第1、2课时在线阅工览具的实现.docVIP

【教学时间】 第1、2课 【课 题】 在线阅览工具的实现 【教学目的】 ①掌握HTML控件的使用； ②掌握WEB控件的使用； ③掌握动态网页的编辑； 【教学重点】 动态网页的编辑 【教学难点】 动态网页的编辑 【教学方法】 讲授法、举例法 【教学过程】 （Ⅰ）引入 每一个网页制作的初学者都想让自己的网页更漂亮，看起来更专业。要想制作出声形兼备的动态网页，您需要了解动态网页的制作技术，它是建立在动态HTML语言之上的一种新技术，包括CSS文字效果、层技术、框架结构等。只要使用ASP.NET制作网页，这些操作都能实现。 （Ⅱ）新授 程序设计目的 每个ASP.NET服务器端组件都能自动生成一段可以显示在浏览器上的HTML代码，就像一个Windows应用程序一样，在开发应用程序时，代码中会出现各种样的组件，而在程序运行时，由Windows系统而不是开发人员将这些组件显示在屏幕上。 如何才能控制某个HTML代码呢？设置好元素ID值，再让这个元素runat=”server”,就可以在ASP代码中控制这个元素了。利用这个功能可以实现动态地改变HTML元素的样式，从而让HTML元素展现出不同的显示效果而不用写一行JAVE代码。 程序功能的介绍 ASP框架中的第一组控件称为HTML控件，WEB控件中包括传统的表单控件和其他更高抽象级别的控件，它们提供了如下一些能够简化开发工作的特性： 丰富且一致的对象模型 对浏览器的自动检测 数据绑定 程序设计 ASP+HTML控件 几乎所有包含runat=”server”属性的标记，都会为其生成HTML控件。例： input type=”text” runat=”server” id=”textBox1” value=”some text” 此HTML可以创建一个名为“textBox1”的htmlInputText控件 ASP+Web控件 文本显示 Lable控件用于在页面中显示只读的静态文本或数据绑定的文本。 asp:Label runat=”server” Text=”Label1” font-Italic=”true” /asp:Label 输入控件 RadioButton控件 RadioButton控件与CheckBox控件相似，但使用时通常会与其他RadioButton控件组成一组，以提供一线互斥的选项： asp:RadioButton runat=”server” Text=”Radiobutton1” GroupName=”Group1” Checked=”true” /asp:RadioButton asp:RadioButton runat=”server” Text=”Radiobutton2” GroupName=”Group1” /asp:RadioButton 选择控件 ListBox控件 表单提交和回传 日期选择 代码编写 html script language=C# runat=server String[,] a = { { white, 960, 400, 14pt 楷体_gb2312, #8888ff, dotted, white, 900 }, { white, 960, 400, 14pt 宋体, black, dotted, black, 900 }, { black, 960, 400, 14pt 楷体_gb2312, white, dotted, #555555, 900 } }; void Change_Style(Object Src, EventArgs E) { int i = Int32.Parse(PreStyle.SelectedItem.Value); MyText.Style[color] = a[i,0]; MyText.Style[width] = a[i,1]; MyText.Style[height] = a[i,2]; MyText.Style[font] = a[i,3]; MyText.Style[background-color] = a[i,4]; MyText.Style[border-style] = a[i,5];