ASP.NET | Getting Started

In this part of the tutorial, you will be able to learn on how to setup your very first web application, up and running, with 2 default asp.net webpages, using the default template that came up with Visual Studio 2010, easily. This tutorial comes up with images you can refer to, and they can be viewed larger for extra details by clicking on them.

Intructions:

1. Download and install Visual Web Developer 2010 Express. (Click Here to Download, on the right side of the Microsoft website, choose “English” as your language and click the “Install Now” button below. You will start downloading Visual Web Developer web installer. It will download the necessary files so pause your other downloads for now. After that, find the installer file and execute the program so it will install VB2010.)

2. Start Visual Web Developer 2010 Express through Start Menu or Desktop Shortcut.

3. In Visual Studio, create a new Web Application. Follow the instructions below (refer to the images):

3.1. Click the File menu, New and then Project.

3.2. On the Installed Templates list box, choose Visual Basic (default), and choose ASP.NET Web Application on the list. Set the Project Name to your last name (let’s say “Dayapan”). Leave the rest of the options to default. You’re project will be saved to Documents\Visual Studio 2010\Projects\ folder. Refer to the image below:

3.3. After that, don’t forget to click the Ok button, so VS2010 will setup your website and environment.

4. Now that you are about to start building your ASP.NET web application, let’s start by familiarizing yourself on the environment of the project and the Visual Studio IDE.

4.1. On the upper right side of the IDE, you’ll see the Solution Explorer. Here you can manage and organize all the web pages, resources and files that ispart of your web app. An ASP.NET webpage file end with a .aspx file extension. You can add/remove/edit/rename .aspx files in Solution Explorer. Take note, one single .aspx file is equivalent to a single webpage. In our web application, there is only two .aspx files , namely, Default.aspx and About.aspx. The Default.aspx is the default page that will show up once we deploy our web application, works like a “Home page”. In fact, the Source code of Default.aspx will be shown automatically right after you first created your web application (shown in the center). The About.aspx file, on the other hand, should contain contact information of the web developer of the website. Later we will personalize them.

4.2. And below Solution Explorer is the Properties window. It is where we can modify certain options for a certain object we have selected, such as its filename, Name property, Text property and more.

4.3. On the left side of the VB2010 IDE comes the Toolbox, where you can add, drag and drop various Objects you can use in your web application, like TextBox, Buttons, Labels, and even Database controls.

4.4. Lastly, on the center of the VB2010 IDE, you can find the Design and Source window, in tabbed-form according to the current webpage/file you are modifying. By default, the Default.aspx page is automatically opened once we create our web application.

That’s it! Now you have created your very first WebApplication that you will be using from now until the very last part of this tutorial, as well as learn the different work parts of the Visual Studio IDE. For questions and concern, fill it in the comments section, just down-down-there! Midterm MP2.

—Tutorial by Joaquin Angelito L. Dayapan II
—Junior Computer Science Instructor (AMA Fairview)

|> Taylor Swift – Superman