Hi !
Here i will show you step by step procedure to create a code behind example in Visual Studio
Basically the code behind is the code which we write in C # or any other language…
__________________________________________________
So follow these steps:
The Steps are :
1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008
I am using Visual Studio 2008
Now The Visual Studio will Open like this :-
![]()
2- Now go to File Menu -> New -> Web Site
When you will click on the the New Web Site a new form will open like this:-
![]()
3- Under Visual Studio Installed Template-> Choose ASP.NET WEB
SITE -> Choose File System from the location combo box -> Set the
path by the browse button - > Choose the language from the Language
ComboBox (Visual C# , Visual Basic , J #)
choose Visual C#
4 - Click on the OK Button:-
Now you will see a new from like this :-
![]()
This is the Source Code window and in this page you will se this code…
First you have to learn XML and HTML to work with ASP .NET_
I have used <!– text –> to make the text as comment this is the way to make comment in this code …
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Specify your page title here</title> <!– Here you can specify your page title in between title tag
</head>
<body>
<form id=”form1? runat=”server”>
<div>
<!– In between div tags you can manage your web controls like buttons, labels, picture
box, ImageMap etc –>
</div>
</form>
</body>
</html>
See here is a tab named Design in the bottom of this page
5- Click on this tab and you will see a blank web page where you can
drag any control from the toolbox (which is in the left side of this
window)
6- If you are not able to see the Toolbox window just go to View -> Choose Toolbox .
7 - Drag a Button Control under the Standard Tab on the blank page and now click on the Source tab (in the bottom of this page)
(!) -Drag a Label Also in the design mode
Now you will see a new line in source code …
see here :
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Untitled Page</title>
</head>
<body>
<form id=”form1? runat=”server”>
<div>
<asp:Button ID=”Button1? runat=”server” Text=”Button” /> <!– This is a new line which has added
after when you have drag a Button Control on the
blank web page –>
</div>
</form>
</body>
</html>
8- Now go to the design mode and double click the button in design mode. Now you will see this window.
![]()
9- Here is the code in C # (because you have choose c # as your web site language)
10-Now type a code in between
protected void Button_Click(object sender, EventArgs e)
{
Label1.Text = “Clicked at ” + DateTime.Now.ToString();
}
11 - Now Run your web site by Ctrl + F5
12- A Web Browser will open containing your web controls which you have added
a button which you will see in the web browser
13- Click the button
14-You will see the current date and time of your pc.
15- Close web browser
16-Close visual studio
Example - If you want to change the Button BackColor which you have added in your web site then select
the TextBox and right click on
the TextBox select properties and the select the — BackColor Property
from the property window and select any color which you want
it will change the Button Back Color.
As well as you can take any control and then set it’s property…
Thanks !
-Nikhil Kumar
For more info check my blog and comment it !
www.dotnetask.blog.co.in
![]()