Articles → .NET → Creating Your First Web Application In ASP.NET

Creating Your First Web Application In ASP.NET

If you search on the internet you will find many tutorials that would explain about ASP.NET and how to create web application. But none of the tutorials explain in a step by step manner.

This tutorial is meant for those who have not yet created their first application.

Before you start reading this tutorial it is important that you have Visual Studio 2005 or Visual Studio 2008 installed on your computer.

Now we have everything to create our first web application. The sample application created in this tutorial uses Visual Studio 2008, but this tutorial is applicable for Visual Studio 2005 as well.

First of all open Visual Studio 2008 ; you can either open it from start menu or Quick launch or desktop short cut icon.

Click to Enlarge

Click on File menu and select New Web Site…

Picture showing the File - New Website menu for creating the new website

Click to Enlarge

A New Web Site window will be appeared.

Picture showing selecting the ASP.Net new website from visual studio installed templates

Click to Enlarge

In the figure above there are drop down one is for Location and other is for language used.

Location → d:\WebSite1 is the location where website project will be created.
Language → The language you will use as a programming language in this case Visual basic

Select ASP.NET Website and click OK.

A new project is created with the name WebSite1.Let us explore some of the files that are added in the project when you create a project.

For doing that click on View → Solution Explorer. A window as shown in figure below will come.

Picture showing the project structure in visual studio solution explorer

Click to Enlarge

As you can see in the figure there are three files in the project. Here I am not explaining App_Data folder and web.config file. These two terms will be explained in the later chapters.

There is a file called Default.aspx as shown in the figure. Double click on the file and file will open in the design mode.

Picture showing the design screen of default.aspx file

Click to Enlarge

Now we are going to add controls on the page. For that click on View → Toolbox as shown in figure below

Picture showing the View - Toolbox menu in the visual studio

Click to Enlarge

A tool bar will appear on the left hand side.

Under the Standard tab drag and drop a textbox and a button as shown in figure below.

Picture showing the textbox and button on the designer screen

Click to Enlarge

To run the application right click on the Default.aspx (on the right hand side in the solution explorer) and click Set as Start Page

Picture showing setting up the start page in the visual studio

Click to Enlarge

Now press F5 button from your keyboard.

Output

Picture showing the output of the first web application in asp.net

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Sunday, April 11, 2010

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**