动态网站开发技术学习2:VS 2010制作作第一个简单示例网站

        制作一个简单示例网站的步骤:

        一,启动VS 2010开发环境,选择菜单中的“文件”,选择其中的“新建”,再选择“网站”,会弹出”新建网站“对话框。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第1张图片

        二,在“新建网站”的对话框,在“已安装模板”中选择Visual C#,右侧的选择“ASP.NET网站”选项,单击“新建网

站”中的“文件系统”,下拉菜单中有“文件系统”,“HTTP”,“FTP”,,分别是指网站放在本地文件系统中,HTTP协议和

FTP协议的远程系统中,在这里我们选择“文件系统”。单击“浏览“按钮,弹出“选择位置”对话框。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第2张图片

        三,在”选择位置对话框“中,这个我们视情况而定。这里我们选择”E:\Web\书上例题源代码\Chapter01\Ch1-1“,

单击”打开“按钮,回到”新建网站“对话框,单击”确定“,完成新建网站。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第3张图片

        四,在打开的页面中单击”源“按钮,修改代码,将标签”<h2>“到”</h2>“中的内容删除,修改为”这是我的第一个

网站“,将两组标签<p></p>中的的内容也删除。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第4张图片

        五,单击”设计“按钮,键入”我拖拽的TextBox控件:“,然后从工具箱拖拽TextBox控件,再输入”我拖拽的Button

控件:“,再从工具箱拖拽Button控件。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第5张图片

        六,选择菜单”调试“中的”启动调试“或按F5键,或按工具栏上的运行应用程序。第一次运行网站会出现”未启用调

试“对话框。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第6张图片

        七,在”未启用调试“对话框中,单击”确定”按钮,添加WebConfig文件于网站系统中。

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第7张图片

        八,最后在默认浏览器中运行的结果为:

动态网站开发技术学习2:VS 2010制作作第一个简单示例网站_第8张图片

你可能感兴趣的:(网站,asp.net,web前端开发,Studio,Visual)