在Visual Studio.NET中使用ASP.NET制作简单网页

ASP.NET又称为ASP+,是微软公司推出的新一代脚本语言。作为一个刚入门学习网页制作的萌新,小编想在这里和大家分享一下如何在Visual Studio.NET中创建ASP.NET应用程序,制作自己的个人网页, 掌握ASP.NET制作网页的基本技术。

操作方法

  • 01

    打开Visual Studio Express 2012 for Web应用程序,得到该画面。

  • 02

    点击“文件”中的“新建项目”,新建名为“WebApplication”的基础应用程序。

  • 03

    右击窗口右边的“WebApplication”,点击“添加”下的“Web窗体”,新建名为“WebForm1”的项。

  • 04

    点击WebForm1.aspx中的“设计”,开始设计基础页面。

  • 05

    点击“视图”下的“工具箱”,将工具箱显现出来。

  • 06

    打开工具箱,将其中的控件拖动到WebForm1.aspx的空白页面上。小编在这里仅仅是举了个简单的网页案例,分别拖动了Label控件、TextBox控件以及Button控件。

  • 07

    点击控件,在右下方有一个属性窗口,可以通过窗口来修改控件的相关属性。此处显示的是将Label1的Text属性修改为“姓名”。此外,小编还将Button1的Text属性修改为“确定”,将Label2的Text属性清空。

  • 08

    双击控件Button1,可以对Button1控件添加事件“Button1_Click”。添加代码如下:Label2.Text = TextBox1.Text + ",欢迎进入网站!";

  • 09

    点击到WebForm1.aspx页面,点击上方按键可运行程序。或者选择“调试”下的“开始执行”,可运行程序。

  • 10

    运行结果如下。在文本框中输入姓名“花花”,可以得到Label2内容为“花花,欢迎进入网站!”

(0)

相关推荐

  • Visual Studio类中代码编写有哪些规则?

    本篇经验将和大家介绍Visual Studio类中代码编写规则,规范编码风格,好处多多,希望对大家的工作和学习有所帮助. 1.类代码块注释结构和类描述信息,如下图所示: 2.全局常量,如下图所示: 3 ...

  • 如何往visual studio code中添加c/c++扩展

    如何往visual studio code中添加c/c++扩展 操作方法 01 首先找到visual studio code. 02 打开界面. 03 进入找到上侧的查看. 04 点开找到扩展. 05 ...

  • 如何修改visual studio 2015中的字体大小和颜色

    visual studio 2015的默认字体大小以及颜色,可能会觉得不是自己想要的.这时就可以自行设置,最终调节到合适为止.下面介绍一下如何修改visual studio 2015中的字体大小和颜色 ...

  • 如何在Visual Studio Code中安装Python库

    最近迷上了微软新开发的跨平台编辑器Visual Studio Code,不管是排版还是界面,作为一个颜控,陷入其中无法自拔.接下来我将向大家演示如何在Visual Studio Code中安装各类Py ...

  • 如何在Visual Studio 2017 中编译运行C程序

    Visual Studio 2017是一款很好的C/C++编译器,但是刚刚接触时可能会不会用,今天就教大家如何在Visual Studio 2017 中编译运行C程序. 操作方法 01 打开Visua ...

  • 如何在Visual Studio 2015中创建MFC窗体应用

    我们在使用Visual Studio 2015创建桌面应用的时候,最经常遇到的就是Winform和MFC了,那么如何在Visual Studio 2015中创建MFC窗体应用呢?下面小编给大家分享一下 ...

  • 在Visual Studio 2015中配置openGL

    在Visual Studio 2015中配置openGL 操作方法 01 1.打开vs2015,运行-devenv 02 在Visual C++下新建一个win32控制台程序 确定-下一步-完成 03 ...

  • Visual Studio 2017 中怎么创建 C 语言项目

    在 Visual Studio 2015 及旧版,以及 Visual Studio 2017 的早期版本当中,大家已经熟悉了怎么创建一个 C 语言的项目.然而在 Visual Studio 2017 ...

  • Visual Studio Code中如何搭建并运行NodeJS环境

    Visual Studio Code是NET平台下的最新开发工具,那么我们如何在这个工具下面搭建并运行NodeJS环境呢?下面小编给大家分享一下. 操作方法 01 首先我们打开Visual Studi ...