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 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.


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

About mistercomputer

I'm Ken. Blogger. Programmer. Instructor. Gamer.

Posted on February 24, 2012, in Software Development and tagged , , , , , , . Bookmark the permalink. 19 Comments.

  1. sir bat yung na install kong vbexpress walang ASP.NET application…

  2. Jose Paolo Madrazo

    Sir sakin din nainstall ko pero walang ASP.NET application..XD

  3. Christian Navarra

    sir wala po yung ASP.NEW application ang konti lang ng pagpipilian

  4. sir pano to upgrade ko n lng sa visual studio ultimate? kaso trial lng ata toh

  5. Sir bat walang asp web app na pag pipilian ?

  6. sir pano extract to? nakakalito yung nsa FD ko

  7. sir bakit po ganun visual studio po ung nand2 sakin hindo po visual basic ?? anu po b tlga gagamitin sir ??

  8. sir need ko po bang mag connect to team foundation server ??? d po lumalabas sir ung toolbox san ko po sir hanapin ?

  9. sir ok n ok n po ung midterm ko po .. di nyo p po ako naisusulat sa meron sir BALATUCAN po .. hehehehe .. naaus ko n po sir ung sa tab ng CSWD01_Tutoral .. salamat po ..

  10. sir, pano lagyan ng image background? tapos sir pano po ibahin ung location para makapag import ng image. iisa lang po ba tlaga ung location nya? dun po mismo sa projects? kahit po kasi nilagay ko na ung image dun sa projects, di pa rin po sya nag aappear dun. .png pa nga po un eh..bakit po ganun sir?

  11. Glenn Garabiles

    sir san po isesend ung mga MP?

  12. ferraris collision

    Simply wish to say your article is as surprising.

    The clearness for your publish is just excellent and that i can assume you are a
    professional on this subject. Well with your permission let me to clutch your feed to stay
    up to date with forthcoming post. Thank you 1,000,000 and please carry on the rewarding

  13. What’s up, everything is going sound here and ofcourse every one is sharing facts, that’s truly good, keep up writing.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: