《ASP NET开发与应用实践》课件第1章操作案例_第1页
《ASP NET开发与应用实践》课件第1章操作案例_第2页
《ASP NET开发与应用实践》课件第1章操作案例_第3页
《ASP NET开发与应用实践》课件第1章操作案例_第4页
《ASP NET开发与应用实践》课件第1章操作案例_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1.4用ASP.NET建立Web应用7、建立Web应用的一般步骤为：创建Web站点；建立页面；添加编程逻辑；运行与调试。11.4用ASP.NET建立Web应用例如：含有一幅图片和一段文字的简单ASP.NETWeb页面1.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111(2)启动A,打开“文件—新建—网站”菜单(3)。31.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。。41.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”。51.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111,在文件夹中拷入一图片(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”（5）选择“设计”。在视图菜单中选投工具箱，在箱中双击Image图片框控件，在设计视图中将Image击活打大。选中Image图片框控件击右键，选中属性菜单，在其中找到ImageUrl,点击，选择一图片文件名。。61.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111,在文件夹中拷入一图片(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”（5）选择“设计”。在视图菜单中选投工具箱，在箱中双击Image图片框控件，在设计视图中将Image击活打大。选中Image图片框控件击右键，选中属性菜单，在其中找到ImageUrl,点击，选择一图片文件名。（6）点击菜单栏的启动调试按键，页面运行如图所示。71.5Web页面的视图设计81、HTML页面文件结构<html><title></title>

<body></body></html>1.5Web页面的视图设计92、在VS中利用视图功能设计Web页面（1）建立一个文件夹，在其中装内两个图片文件（2）启动VS，选择新建网站。选择建立空网站。添加一个页面。（3）分别察看“设计”视图和“源视图”（4）打开“设计”视图，选中div，选中格式，将其位置设置成“绝对”。（5）将div拖动在中间位置，将左右拉缩成一个正方形（6）在页面空白处，击右键，选择“属性”，将Bbckground属性改为bg.gif.（7）移动鼠标到div中，在工具栏中拖动Image到页面。在其属性窗口中设置其ImageUrl为bubble.gif.(8)在工具栏中拖动Label到页面。在其属性窗口中，设置Font为[黑体，XX_Large](9)在属性栏中，将其Text设置为：我的第一个页面（10）在工具栏中拖动HTML卡中的HorizontalRule到页面。选中格式，将其位置设置成“绝对”。调整其位置。（11）在工具栏中拖动另一个Label到页面。在其属性窗口中，在属性栏中，将其Text设置为：Z=X+Y（12）保存页面文件。1.5Web页面的视图设计103、Web页面中的代码分析<htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><bodybackground="bg.gif"><formid="form1"runat="server"><divstyle="z-index:1;left:132px;top:40px;position:absolute;height:229px;width:514px">

<asp:ImageID="Image1"runat="server"Height="115px"ImageUrl="~/bubble.gif"Width="135px"/><asp:LabelID="Label1"runat="server"Font-Bold="True"Font-Size="XX-Large"style="z-index:1;left:8px;top:127px;position:absolute"Text="我的第一个页面"></asp:Label><hrstyle="z-index:1;left:3px;top:166px;position:absolute;height:-15px;width:514px"/><asp:LabelID="Label2"runat="server"style="z-index:1;left:23px;top:192px;position:absolute"Text="Z=X+Y"></asp:Label>

</div></form></body></html>1.6Web页面的代码设计

111、在Web页面中的加入代码在页面空白处双击，出现如下代码：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse)

{

}}这是Web页面的代码窗口，在voidPage_Load(objectsender,EventArgse)花括号中，加入一段代码Label2.text=“当前代码已经运行了！”;运行程序，观察演示。1.6Web页面的代码设计

122、代码分析在页面空白处双击，出现如下代码：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse)

{

Label2.text=“当前代码已经运行了！

}}voidPage_Load，是页面加载发生的事件，页面加载时，运行{}中的代码。1.6Web页面的代码设计

133、Web文件说明在窗口中，出现了两个文件，Default.aspx和Default.aspx.csDefault.aspx窗体中的视图文件，其源代码是什么代码？Default.aspx.cs窗体中的代码文件，其源代码是什么代码？1.6Web页面的代码设计

144、Web程序设计说明（1）通过“设计”选择Default.aspx窗体中的视图文件，可用视图的方法设计页面（2）通过“源”选择Default.aspx窗体中的视图文件HTML代码，可用HTML代码的方法设计页面（3）通过选择Default.aspx.cs文件，可用页面中加入C#代码，实现更强的功能小结：思考问题？什么是Web?为什么要学习Web开发

人人文库> 全部分类> 专业文献 > IT计算机

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论