Creating a very first ASP.NET Web Page - Lesson 1

Start Visual Studio 2010.
On the File Menu Choose File, New,Web Site



 In the dialog which is appeared make the selections that is mentioned in red rectangles schemas bellow
 

On the solution explorer window, press right click on C:\...\Lesson01\ element. A new menu appeared. On this menu choose New Item.
 





A new window is appeared. Choose the selection Web Form and you should give a name for it. In this example I am giving the name myForm.aspx. When you are ready press Add Button.

This action creates a new form in our project and a new window like this bellow is appeared. At the left and down corner there are three different choices: Design, Spit and Source. While you press any of this buttons the view will be changed. The Design button is helping to previewing the form. The Source button is giving access to code and the Spilt button is helping us to have access on both previous views


 So, press the Design button to switch to the Design view


 We will use the Toolbox palette. On the main menu we choose View and then the Toolbox selection

 

The Toolbox palette is open right now. On the Standard section we are trying to locate the TextBox mechanism. Then drag and drop the mechanism into the area which are colored on red

 

Repeat the previous actions choosing now the Button mechanism

The Design view now should looks similar to below picture



Now press right click on Button and the choose Properties


A new window named Properties will be appeared. Locate the Text property and replace the content with the text Click When Ready.



This action will change the label of the button



On the Toolbox palette locate the Label mechanism and drag and drop it into the dashed area. You can also expand this area by pressing the Enter button from your keyboard. So your view might seem like the picture below.


Now Double click somewhere in the white area below the dashed area. This will transfer us from Design view into the Code behind of the file.

Place the lines of code  which are marked into red rectangles on the below picture.

Press Ctrl + F5 to execute the project into your browser.

Type into textbox area your message and then press the button.

Good luck.....

Antonis