《ASP NET开发与应用实践》课件第1章操作案例.ppt

***ZJWCHC1.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)。*1.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。。*1.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”。*1.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111,在文件夹中拷入一图片(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”（5）选择“设计”。在视图菜单中选投工具箱，在箱中双击Image图片框控件，在设计视图中将Image击活打大。选中Image图片框控件击右键，选中属性菜单，在其中找到ImageUrl,点击，选择一图片文件名。。*1.4用ASP.NET建立Web应用案例：创建一个Web站点（1）建立一个文件夹abc111,在文件夹中拷入一图片(2)启动A,打开“文件—新建—网站”菜单(3)在浏览中，选择文件夹abc111,在菜单中选择ASP.NET空网站。单击“确定”按键。(4)打开解决方案资源管理器。在其中选中g:\abc111,击右键，选中“添加新项”—“Web窗体”（5）选择“设计”。在视图菜单中选投工具箱，在箱中双击Image图片框控件，在设计视图中将Image击活打大。选中Image图片框控件击右键，选中属性菜单，在其中找到ImageUrl,点击，选择一图片文件名。（6）点击菜单栏的启动调试按键，页面运行如图所示。*1.5Web页面的视图设计*1、HTML页面文件结构htmltitle/titlebody/body/html1.5Web页面的视图设计*2、在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页面的视图设计*3、Web页面中的代码分析htmlxmlns=/1999/xhtmlheadrunat=servertitle/title/headbodybackground=bg.gifformid=form1runat=serverdivstyle=z-index:1;left:132px;top:40px;position:absolute;height:229px;width:514pxasp:ImageID=Image1runat=serverHeight=115p