Scribd
Upload
2 views20 pages

Programs

The document outlines the steps to create a simple web application using Visual Studio Code and ASP.NET, including designing the web application with various controls and debugging the application. It provides specific algorithms and code examples for multiple exercises, including creating forms for student details, customer registration, and feedback submission. Each exercise concludes with a confirmation of successful execution of the program.

Uploaded by

Nprabhakaran Natesan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views20 pages

Programs

The document outlines the steps to create a simple web application using Visual Studio Code and ASP.NET, including designing the web application with various controls and debugging the application. It provides specific algorithms and code examples for multiple exercises, including creating forms for student details, customer registration, and feedback submission. Each exercise concludes with a confirmation of successful execution of the program.

Uploaded by

Nprabhakaran Natesan
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

EX.

NO: 1 CREATE AN EXPOSURE OF WEB APPLICATION


DATE: AND TOOLS

AIM:

To write a program for Create an simple web application Using web tools.

ALGORITHM:
Step 1: Open the new Project in Visual Studio Code.
Step 2: select File Menu to choose the NEW Option and Select the NEW PROJECT .
Step 3: In New Project window Select the Visual C# then click the WEB Option
Step 4: Then select the [Link] Web Application give the application name
then click the ok button.
Step 5: Design the web application using the tools.
Step 6: select the debug menu click the start debugging or click the Run button.
Step 7: Run the application finally click the stop debugging button.
Step 8: stop the process.
Design Code:
[Link]:
<%@PageTitle="Home
Page"Language="C#"MasterPageFile="~/[Link]"AutoEventWireup="tr
ue"
CodeBehind="[Link]"Inherits="WebApplication7._Default"%>
<asp:ContentID="HeaderContent"runat="server"ContentPlaceHolderID="H
eadContent">
<styletype="text/css">
.style1
{
width: 100%;
}
.style2
{
font-family: Algerian;
font-size: large;
color: #FF0066;
}
.style3
{
width: 342px;
}
.style4
{
width: 342px;
height: 27px;
}
.style5
{
height: 27px;
}
</style>
</asp:Content>
<asp:ContentID="BodyContent"runat="server"ContentPlaceHolderID="Mai
nContent">
<tableclass="style1">
<tr>
<tdclass="style2"colspan="2"
style="text-align: center; background-color: #66FF99">
<strongstyle="background-color: #66FF99">STUDENT
DETAILS</strong></td>
</tr>
<tr>
<tdclass="style3">
<strong>
<asp:LabelID="Label1"runat="server"Text="STUDENT
NAME:"></asp:Label>
</strong>
</td>
<td>
<strong>
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
</strong>
</td>
</tr>
<tr>
<tdclass="style4">
<asp:LabelID="Label2"runat="server"style="font-weight:
700"Text="GENDER:"></asp:Label>
</td>
<tdclass="style5">
<asp:RadioButtonID="RadioButton1"runat="server"style="font-weight:
700"
Text="MALE"/>
<asp:RadioButtonID="RadioButton2"runat="server"style="font-weight:
700"
Text="FEMALE"/>
</td>
</tr>
<tr>
<tdclass="style3">
<asp:LabelID="Label3"runat="server"style="font-weight: 700"
Text="DATE OF BIRTH:"></asp:Label>
</td>
<td>
<asp:TextBoxID="TextBox3"runat="server"TextMode="Date"></asp:TextBo
x>
</td>
</tr>
<tr>
<tdclass="style3">
<asp:LabelID="Label4"runat="server"style="font-weight:
700"Text="ADDRESS:"></asp:Label>
</td>
<td>
<asp:TextBoxID="TextBox4"runat="server"TextMode="MultiLine"></asp:T
extBox>
</td>
</tr>
<tr>
<tdclass="style3">
<asp:LabelID="Label5"runat="server"style="font-weight:
700"Text="[Link]:"></asp:Label>
</td>
<td>
<asp:TextBoxID="TextBox5"runat="server"TextMode="Phone"></asp:TextB
ox>
</td>
</tr>
<tr>
<tdclass="style3">
&nbsp;</td>
<td>
<asp:ButtonID="Button1"runat="server"onclick="Button1_Click"
style="background-color: #FFFF99"Text="SUBMIT"/>
</td>
</tr>
</table>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
You can also find
<ahref="[Link]
09"
title="MSDN
N [Link] Docs">documentation on [Link] at MSDN</a>.
</p>
</asp:Content>

C# Code:
[Link]:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
namespace WebApplication7
{
publicpartialclass_Default : [Link]
{
protectedvoid Page_Load(object sender, EventArgs e)
{
}
protectedvoid Button1_Click(object sender, EventArgs e)
{
[Link]([Link](),
[Link]([Link](),
"script","<script> alert('Successfully Submitted your
INFORMATION!') </script>");
[Link] = "Successfully Submitted your INFORMATION!";
}
}
}

OUTPUT:
RESULT:

Thus the Program has been executed successfully.


[Link]: 2
IMPLEMENT THE HTML CONTROLS
DATE:

AIM:

To write a program for Create a web application Using HTML Control

Algorithm:
Step 1: Open the new Project in Visual Studio Code.
Step 2: select File Menu to choose the NEW Option and Select the NEW PROJECT .
Step 3: In New Project window Select the Visual C# then click the WEB Option
Step 4: Then select the [Link] Web Application give the application name
then click the ok button.
Step 5: Design the web application using HTML tools.
Step 6: select the debug menu click the start debugging or click the Run button.

Step 7: Run the application finally click the stop debugging button.
Step 8: stop the process.

Design Code:
[Link]:
<%@PageTitle="Home
Page"Language="C#"MasterPageFile="~/[Link]"AutoEventWireup="true"
CodeBehind="[Link]"Inherits="using_html_controls._Default"%>
<asp:ContentID="HeaderContent"runat="server"ContentPlaceHolderID="HeadContent">
<styletype="text/css">
.style1
{
width: 100%;
}
.style2
{
width: 336px;
}
#TextArea1
{
width: 168px;
}
.style3
{
color: #000000;
height: 65px;
}
.style4
{
height: 33px;
text-align: center;
}
#TextArea2
{
width: 286px;
}
.style5
{
background-color: #00FFFF;
}
</style>

</asp:Content>
<asp:ContentID="BodyContent"runat="server"ContentPlaceHolderID="MainContent">
<h2>
<tableclass="style1">
<tr>
<tdclass="style3"colspan="2"
style="text-align: center; font-family: Arial; font-weight: 700;">
<strongclass="style5">Customer registrAtion Form</strong></td>
</tr>
<tr>
<tdclass="style2">
Customer ID:</td>
<td>
<inputid="Text1"type="text"/></td>
</tr>
<tr>
<tdclass="style2">
Customer Name:</td>
<td>
<inputid="Text2"type="text"/></td>
</tr>
<tr>
<tdclass="style2">
Address:</td>
<td>
<textareaid="TextArea1"name="S1"rows="2"></textarea></td>
</tr>
<tr>
<tdclass="style2">
Addathar No:</td>
<td>
<inputid="Text6"type="text"/></td>
</tr>
<tr>
<tdclass="style2">
Email-Id:</td>
<td>
<inputid="Text5"type="text"/></td>
</tr>
<tr>
<tdclass="style2">
Password:</td>
<td>
<inputid="Password2"type="password"/></td>
</tr>
<tr>
<tdclass="style4"colspan="2">
<asp:ButtonID="Button1"runat="server"onclick="Button1_Click"
style="color: #000000; font-weight: 700; background-color: #999999;"
Text="Create Account"/>
</td>
</tr>
</table>
</h2>
<p>
<asp:LabelID="Label1"runat="server"></asp:Label>
</p>
</asp:Content>
C# Code:
[Link]:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];

namespace using_html_controls
{
publicpartialclass_Default : [Link]
{
protectedvoid Page_Load(object sender, EventArgs e)
{

protectedvoid Button1_Click(object sender, EventArgs e)


{
[Link]([Link](),
"script","<script> alert('Account has create sucessfully') </script>");

[Link] = "Account has create sucessfully";


}
}
}
OUTPUT:

RESULT:

Thus the Program has been executed successfully.


[Link]: 3
SERVER CONTROLS
DATE:

AIM:
To write a program for Create a web application Using Server Controls.

ALGORITHM:

Step 1: Open the new Project in Visual Studio Code.


Step 2: select File Menu to choose the NEW Option and Select the NEW PROJECT.
Step 3: In New Project window Select the Visual C# then click the WEB Option.
Step 4: Then select the [Link] Web Application give the application name
then click the ok button.
Step 5: In solution explorer to right click on the web application name to click add then click
add new item choose the web form.
Step 6: Again click the web application name to right click and choose add to new folder to
give the name image then store the images in this folder.
Step 7: Design the web form to using Server Controls.
Step 6: Select the debug menu click the start debugging or click the Run button.
Step 7: Run the application finally click the stop debugging button.
Step 8: Stop the process.

PROGRAM:
[Link]:
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="[Link]"Inheri
ts="WebApplication10.WebForm1"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0
Transitional//EN""[Link]
<htmlxmlns="[Link]
<headrunat="server">
<title></title>
<styletype="text/css">
.style1
{
width: 100%;
}
.style2
{
height: 26px;
}
.style3
{
text-align: center;
}
.style4
{
font-family: "Arial Narrow";
font-size: xx-large;
}
.style5
{
font-size: xx-large;
}
</style>
</head>
<body>
<formid="form1"runat="server">
<tableclass="style1">
<tr>
<tdbgcolor="Lime"class="style5"style="text-align: center">
NEWS WORLD</td>
</tr>
<tr>
<tdbgcolor="#FFFFCC"style="text-align: center">
<tableclass="style1">
<tr>
<tdclass="style4"colspan="2"style="text-align: center">
<strong>TAMIL NEWS PAPER</strong></td>
</tr>
<tr>
<tdclass="style3"colspan="2">
<asp:ImageButtonID="ImageButton1"runat="server"Height="176px"
ImageAlign="Top"ImageUrl="~/IMAGE/[Link]"
PostBackUrl="[Link] left"Width="200px"/>
&nbsp;<asp:ImageButtonID="ImageButton2"runat="server"Height="147px"
ImageUrl="~/IMAGE/THANTHI_TV_LOGO.png"PostBackUrl="[Link]
/"
style="text-align: center"Width="239px"/>
<asp:ImageButtonID="ImageButton3"runat="server"Height="159px"
ImageUrl="~/IMAGE/[Link]"PostBackUrl="[Link]
style="text-align: center"Width="200px"/>
</td>
</tr>
<tr>
<tdclass="style2"colspan="2"style="text-align: center">
<asp:LinkButtonID="LinkButton1"runat="server"
PostBackUrl="[Link] FOR MORE TAMIL NEWS
CHANELS</asp:LinkButton>
</td>
</tr>
<tr>
<td>
&nbsp;</td>
<tdclass="style5"style="text-align: center">
<strong>ENGLISH NEWS PAPER</strong></td>
</tr>
<tr>
<tdcolspan="2">
&nbsp;</td>
</tr>
<tr>
<tdcolspan="2"style="text-align: center">
<asp:ImageButtonID="ImageButton4"runat="server"ImageUrl="~/IMAGE/[Link]"
PostBackUrl="[Link]
<asp:ImageButtonID="ImageButton5"runat="server"
ImageUrl="~/IMAGE/[Link]"
PostBackUrl="[Link]
style="margin-left: 37px; margin-top: 0px; margin-bottom: 0px"Width="250px"/>
&nbsp;B&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:ImageButtonID="ImageButton6"runat="server"
ImageUrl="~/IMAGE/_132558252_p0bvs4dq-[Link]"
PostBackUrl="[Link] 0px"Width="285px"/>
</td>
</tr>
</table>
<asp:LinkButtonID="LinkButton2"runat="server"PostBackUrl="[Link]">C
LICK FOR MORE ELGLICH CHANELS</asp:LinkButton>
<br/>
<br/>
<br/>
<asp:TextBoxID="TextBox1"runat="server"style="text-align: center"
TextMode="MultiLine"></asp:TextBox>
<br/>
<asp:ButtonID="Button1"runat="server"onclick="Button1_Click"
Text="ENTER YOUR FEEDBACK"/>
<br/>
<br/>
<asp:LabelID="Label1"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdbgcolor="#CCFF66"style="text-align: center">
THANKS WELLCOME YOU AGAIN</td>
</tr>
</table>
</form>
</body>
</html>

C# Code:
[Link]:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];

namespace WebApplication10
{
publicpartialclassWebForm1 : [Link]
{
protectedvoid Page_Load(object sender, EventArgs e)
{

protectedvoid Button1_Click(object sender, EventArgs e)


{
[Link] = "THANKS FOR YOUR FEEDBACK";
}
}
}
OUTPUT:
RESULT:
Thus, the above Program has been executed successfully.
[Link]: 4
WEB CONTROLS
DATE:

AIM:
To write a program to Create a web application Using Web Controls.

ALGORITHM:
Step 1: Open the new Project in Visual Studio Code.
Step 2: select File Menu to choose the NEW Option and Select the NEW PROJECT.
Step 3: In New Project window Select the Visual C# then click the WEB Option.
Step 4: Then select the [Link] Web Application give the application name
then click the ok button.
Step 5: In solution explorer to right click on the web application name to click add then click
add new item choose the web form.
Step 6: Design the web form to using web Controls.
Step 7: select the debug menu click the start debugging or click the Run button.
Step 8: Run the application finally click the stop debugging button.
Step 9: stop the process.

PROGRAM:
[Link]:
<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="[Link]"Inheri
ts="WebApplication10.WebForm2"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0
Transitional//EN""[Link]
<htmlxmlns="[Link]
<headrunat="server">
<title></title>
<styletype="text/css">
.style1
{
width: 100%;
}
.style2
{
text-align: right;
}
.style3
{
width: 746px;
}
.style4
{
width: 995px;
}
.style5
{
text-align: left;
}
</style>
</head>
<body>
<formid="form1"runat="server">
<div>
</div>
<tableclass="style1">
<tr>
<tdbgcolor="#99FF99"colspan="2"style="text-align: center">
STUDENT INFORMETION REGISTRETION</td>
</tr>
<tr>
<tdclass="style2">
STUDENT ID</td>
<tdclass="style4">
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
STUDENT NAME</td>
<tdclass="style4">
<asp:TextBoxID="TextBox2"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
FATHER NAME</td>
<tdclass="style4">
<asp:TextBoxID="TextBox3"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
MOTHER NAME</td>
<tdclass="style4">
<asp:TextBoxID="TextBox4"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
BLOOD GROUP</td>
<tdclass="style4">
<asp:TextBoxID="TextBox5"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
ADRESSS</td>
<tdclass="style4">
<asp:TextBoxID="TextBox6"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<tdclass="style2">
YOUR DEGERE</td>
<tdclass="style4">
<asp:TextBoxID="TextBox7"runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
&nbsp;</td>
<tdclass="style4">
&nbsp;</td>
</tr>
<tr>
<tdcolspan="2">
<asp:ButtonID="Button1"runat="server"onclick="Button1_Click"
style="text-align: right"Text="REGISTER"Width="166px"/>
</td>
</tr>
</table>
<p>
&nbsp;</p>
<pstyle="text-align: center">
&nbsp;</p>
<tableclass="style1">
<tr>
<tdbgcolor="#FFFF66"colspan="2"style="text-align: center">
<asp:LabelID="Label1"runat="server"></asp:Label>
&nbsp;STUDENT INFORMETION
</td>
</tr>
<tr>
<tdclass="style5">
STUDENT ID</td>
<tdclass="style3">
<asp:LabelID="Label2"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
STUDENT NAME</td>
<tdclass="style3">
<asp:LabelID="Label3"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
FATHER NAME</td>
<tdclass="style3">
<asp:LabelID="Label4"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
MOTHER NAME</td>
<tdclass="style3">
<asp:LabelID="Label5"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
BLOOD GROUP</td>
<tdclass="style3">
<asp:LabelID="Label6"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
ADRESSS</td>
<tdclass="style3">
<asp:LabelID="Label7"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdclass="style5">
YOUR DEGERE</td>
<tdclass="style3">
<asp:LabelID="Label8"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdbgcolor="Aqua"colspan="2"style="text-align: center">
<asp:LabelID="Label9"runat="server"></asp:Label>
</td>
</tr>
<tr>
<tdcolspan="2"style="text-align: center">
&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>
C# Code:
[Link]:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
namespace WebApplication10
{
publicpartialclassWebForm2 : [Link]
{
protectedvoid Page_Load(object sender, EventArgs e)
{ }
protectedvoid Button1_Click(object sender, EventArgs e)
{
[Link] = [Link];
[Link] = [Link];
[Link]= [Link];
[Link] = [Link];
[Link] = [Link];
[Link] = [Link];
[Link] = [Link];
[Link] = [Link];
[Link] = "YOUR INFORMETION REGISTERD";
}
}
}

OUTPUT:
RESULT:

Thus, the above Program has been executed and verified successfully.

You might also like