Lab File

Web Technology with .
Net Framework Practical File

SUBMITTED TO MR. BHAGWANT SINGH
CIT | UPES
BY: - TEJ PARTAP SINGH

BRANCH: - BTECH CS + LLB WITH SPECIALIZATION IN CBERLAWS
ROLL NO: R120214049
SAP ID: - 500041273
Index
S.No. Experiment Name Page No.
1. HTML Page 2
2. HTML Basic Tags 8
3. Visual Studio 10
4. Active Server Page (ASP) 12
4.1 Swap 12
4.2 Simple Interest 14
4.3 Calculator 16
4.4 Fibonacci Sequence 19
4.5 Square and Cube of a number 21
4.6 Discount on different products 23
4.7 Database Connectivity 26
1|Page
Experiment-1
HTML PAGE:
FRAME:
<html>
<frameset rows="200,*">
<frame src="new 1.html" scrolling="no" name="first">
<frameset cols="200,*">
<frame src="new 2.html" name="second">
<frame src="new 3.html" name="third"><br>
</frameset>
</html>
CODE OF SPECIFIC FRAME:

Frame 1:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<img src="unnamed.jpg" align="right" width="100" height="50" alt="planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,50,25" href="tej.html" alt="sun" target="third">
<a href="details.html" target="third">
2|Page
<font color="black" align='center'>
<u><b><H1>Cyber Laws Sixth Sem</h1> </b></u>
</font>
</a>
<hr>
<p align='right'>
<a href="open.html" target="third">CONTACT US</a>
</p>
</BODY>
</HTML>
Frame 2:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<ol>
<li><A HREF="images.HTML" target="third">Images</A>
<li><A HREF="imagesection.HTML" target="third">Images Sections</A>
<li><A HREF="contact.HTML" target="third">List</A>
<li><A HREF="table.HTML" target="third">Table</A>
<li><A HREF="forms.HTML" target="third">Forms</A>
</ol></BODY>
</HTML>
IMAGE.HTML CODE
<HTML>
<HEAD>
3|Page
<TITLE>
</TITLE>
</HEAD>
<BODY>
<img src="unnamed.jpg" width="1000" height="500"><br><br>
</BODY>
</HTML>
IMAGE_SECTION.HTML:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<img src="IMG_3177.jpg" align="center" width="1000" height="500" alt="planets"
usemap="#planetmap">
<area shape="rect" coords="0,0,100,250" href="table.html" alt="Table" >
</map>
<area shape="rect" coords="50,50,50,50" href="contact.html" alt="Contact" >
</map>
</BODY>
</HTML>
LIST.HTML CODE:
<HTML>
<HEAD>
4|Page
<TITLE>
</TITLE>
</HEAD>
<BODY>
<ol type="i" >
<font color="red">
<li>Image</li>
<li>Image Section</li>
<li>list</li>
<li>Table</li>
<li>forms</li>
</font>
</ol>
</BODY>
</HTML>
TABLE.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=4>
<TR>
<TH> NAME </TH>
<TH> BRANCH </TH>
<TH> ROLL NO </TH>
</TR>
5|Page
<TR>
<TD> TEJ PARTAP </TD>
<TD> CYBERLAW </TD>
<TD> 49 </TD>
</TR>
<TR>
<TD> SUSHANT GILL </TD>
<TD> HEALTH SAFETY </TD>
<TD> 9 </TD>
</TR>
</TABLE>
</BODY>
</HTML>
FORM.HTML
<HTML>
<TITLE>
EMPLOYEE
</TITLE>
<BODY>
<FORM>
<FIELDSET>
<LEGEND>MY DETAILS:</LEGEND>
NAME:<BR>&NBSP &NBSP <INPUT TYPE='TEXT' NAME='NAME' PLACEHOLDER='NAME' REQUIRED> <FONT

COLOR='RED'>*</FONT><BR><BR>
PHONENUMBER:<BR>&NBSP &NBSP <INPUT TYPE='TEXT' NAME='FIRSTNAME' PLACEHOLDER='PHONE NUMBER'

MINLENGTH='10' MAXLENGTH='10' REQUIRED>&NBSP <FONT COLOR='RED'>*</FONT><BR><BR>
ADDRESS:<BR>&NBSP &NBSP <TEXTAREA NAME='ADDRESS' ROWS='4' COLS='40'></TEXTAREA><BR><BR>

6|Page
EMAIL:<BR>&NBSP &NBSP <INPUT TYPE='EMAIL' NAME='EMAIL' PLACEHOLDER='EMAIL' AUTOCOMPLETE='ON'
REQUIRED>&NBSP <FONT COLOR='RED'>*</FONT><BR><BR>
<INPUT TYPE='SUBMIT' NAME='SUBMIT' VALUES='SUBMIT'>
</FIELDSET>
</FORM>
</BODY>
</HTML>
FRAME 3:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR:WHITE;">
</BODY>
</HTML>
7|Page
SCREENSHOTS
8|Page
Experiment-2
HTML BASIC TAGS
Tag Description
 Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<address> Defines contact information for the author/owner of a document
<area> Defines an area inside an image-map
<article> Defines an article
<aside> Defines content aside from the page content
<audio> Defines sound content
<b> Defines bold text
<body> Defines the document's body
<br> Defines a single line break
<button> Defines a clickable button
<caption> Defines a table caption
<col> Specifies column properties for each column within a <colgroup> element
<colgroup> Specifies a group of one or more columns in a table for formatting
<dialog> Defines a dialog box or window
<div> Defines a section in a document
<fieldset> Groups related elements in a form
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content
<form> Defines an HTML form for user input
<frame> Defines a window (a frame) in a frameset
<frameset> Defines a set of frames

<h1> to <h6> Defines HTML headings
<head> Defines information about the document
<header> Defines a header for a document or section
<hr> Defines a thematic change in the content
<html> Defines the root of an HTML document
<img> Defines an image
<label> Defines a label for an <input> element
<legend> Defines a caption for a <fieldset> element
<li> Defines a list item
9|Page
<nav> Defines navigation links
<object> Defines an embedded object
<ol> Defines an ordered list
<option> Defines an option in a drop-down list
<p> Defines a paragraph
<section> Defines a section in a document
<select> Defines a drop-down list
<style> Defines style information for a document
<sub> Defines subscripted text
<summary> Defines a visible heading for a <details> element
<sup> Defines superscripted text
<table> Defines a table
<tbody> Groups the body content in a table
<td> Defines a cell in a table
<textarea> Defines a multiline input control (text area)
<th> Defines a header cell in a table
<time> Defines a date/time
<title> Defines a title for the document
<tr> Defines a row in a table
<ul> Defines an unordered list
10 | P a g e
Experiment-3
Visual studio:
Visual Studio is a complete set of development tools for building ASP.NET Web applications, XML Web
Services, desktop applications, and mobile applications. Visual Basic, Visual C#, and Visual C++ all use
the same integrated development environment (IDE), which enables tool sharing and eases the creation of
mixed-language solutions. In addition, these languages use the functionality of the .NET Framework, which
provides access to key technologies that simplify the development of ASP Web applications and XML Web
Services.
Features
Code editor
Debugger
Designer: Visual Studio includes a host of visual designers to aid in the development of
applications. These tools include:
o Windows Forms Designer

o WPF Designer
o Web designer/development
o Class designer
o Data designer
o Mapping designer
Supported products by Visual Studio:-
Microsoft Visual C++
Microsoft Visual C#
Microsoft Visual Basic
Microsoft Visual Web Developer
Team Foundation Server
11 | P a g e
Experiment-4
Active Server Page
Swap
Swap.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="swap.aspx.cs"
Inherits="WebApplication2.swap" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Number1
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            Number
2
<br />
<asp:Button ID="Button1" runat="server" Text="Swap" OnClick="Button1_Click" />
<br />
Number1   <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

Number2
</div>
</form>
</body>
</html>
Swap.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication2
{
public partial class swap : System.Web.UI.Page
{
int a, b, c;
protected void Page_Load(object sender, EventArgs e)
{
12 | P a g e
}
protected void Button1_Click(object sender, EventArgs e)

{
a = Convert.ToInt32(TextBox1.Text);
b = Convert.ToInt32(TextBox2.Text);
c = a;
a = b;
b = c;
TextBox3.Text = Convert.ToString(a);
TextBox4.Text = Convert.ToString(b);
}
}
}
Design Webpage
13 | P a g e
Simple Interest
Exercise 1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Exercise1.aspx.cs"

Inherits="WebApplication1.Exercise1" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
<asp:Label ID="Label1" runat="server" Text="Principle"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"
style="margin-left: 56px"></asp:TextBox><br>
<asp:Label ID="Label2" runat="server" Text="Rate"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server" style="margin-left: 75px"
OnTextChanged="TextBox2_TextChanged" Width="111px"></asp:TextBox><br>
<asp:Label ID="Label3" runat="server" Text="time"></asp:Label>
OnTextChanged="TextBox3_TextChanged"></asp:TextBox>
<br>
<asp:Button ID="Button1" runat="server" Text="Calculate" OnClick="Button1_Click" /><br>
<asp:Label ID="Label4" runat="server" Text="SimpleInterest"></asp:Label>
<asp:TextBox ID="TextBox4" runat="server" style="margin-left: 15px"></asp:TextBox>
</div>
</form>
</body>
</html>
Exercise1.aspx.cs
using System;
using System.Linq;
using System.Web;
{
public partial class Exercise1 : System.Web.UI.Page
{
int p, r, t, si;
{
}
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
}
{
}
14 | P a g e
{
}
{
p = Convert.ToInt32(TextBox1.Text);
r = Convert.ToInt32(TextBox2.Text);
t = Convert.ToInt32(TextBox3.Text);
si = (p*r*t)/100;
TextBox4.Text = Convert.ToString(si);
}
}
}
Webpage
15 | P a g e
Calculator
Exercise2.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Exercise2.aspx.cs"
Inherits="Exercise2.Exercise2" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
<asp:Label ID="Label1" runat="server" Text="Num1"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" style="margin-left: 57px" Width="112px"
OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="Num2"></asp:Label>
Width="108px"></asp:TextBox>
<br /> <br />
<asp:Button ID="Button1" runat="server" Text="Add" OnClick="Button1_Click" />
<br />
<br />
<asp:Button ID="Button2" runat="server" Text="Subtratct" Width="59px"
OnClick="Button2_Click" />
<br /> <br />
<asp:Button ID="Button3" runat="server" Text="Product" OnClick="Button3_Click" />
<br /> <br />
<asp:Button ID="Button4" runat="server" Text="Division" OnClick="Button4_Click" />
<br /> <br />
<asp:Button ID="Button5" runat="server" Text="Modulus" OnClick="Button5_Click" />

<br />
<br />
</div>
</form>
</body>
</html>
Exercise2.aspx.cs
using System;
using System.Linq;
using System.Web;
16 | P a g e
namespace Exercise2
{
public partial class Exercise2 : System.Web.UI.Page
{
int num1, num2, Add, Subtract, Product, Division;

{
}
{
num1 = Convert.ToInt32(TextBox1.Text);
Add = num1 % num2;
TextBox7.Text = Convert.ToString(Add);
}
{
}
{
Add = num1 + num2;
TextBox3.Text = Convert.ToString(Add);
}
{
Subtract = num1 - num2;
TextBox4.Text = Convert.ToString(Subtract);
}
{
Product = num1 * num2;
TextBox5.Text = Convert.ToString(Product);
}
{
Division = num1 / num2;
TextBox6.Text = Convert.ToString(Division);
}
}
}
17 | P a g e
18 | P a g e
Fibonacci Series
Exercise3.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="exercise3.aspx.cs"
Inherits="exercise3.exercise3" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
Number<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"

style="margin-left: 34px"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Result" />
<asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged"

style="margin-left: 28px" Width="67px"></asp:TextBox>

</div>
</form>
</body>
</html>
Exercise3.aspx.cs
using System;
using System.Activities.Statements;
using System.Linq;
using System.Web;
namespace FibonacciSeries
{
public partial class WebForm1 : System.Web.UI.Page
{
{

{
int a = -1;
int b = 1;
int fib;
int x;
19 | P a g e
x = Convert.ToInt16(TextBox1.Text);
do
{
fib = a + b;
a = b;
b = fib;
TextBox2.Text = TextBox2.Text + "," + Convert.ToString(fib) ;
x--;
} while (x>0);
}
}
}
Webpage
20 | P a g e
Square and Cube of Number
WebForm1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs"
Inherits="WebApplication2.WebForm1" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
Enter Number<asp:TextBox ID="TextBox1" runat="server" style="margin-left:
31px"></asp:TextBox>
<br />

<asp:RadioButton ID="RadioButton1" runat="server" BorderStyle="None" Text="Square"
AutoPostBack="True" OnCheckedChanged="RadioButton1_CheckedChanged" GroupName="a"/>

<asp:RadioButton ID="RadioButton2" runat="server"
OnCheckedChanged="RadioButton2_CheckedChanged" Text="Cube" AutoPostBack="True" GroupName="a" />
<br /> <br />
</div>
</form>
</body>
</html>
WebForm1.aspx.cs
using System;
using System.Linq;
using System.Web;
{
{
int a, b,c;
{
TextBox2.Visible = false;
}
protected void RadioButton2_CheckedChanged(object sender, EventArgs e)
{
TextBox2.Visible = true;
c = a * a*a;
TextBox2.Text = Convert.ToString(c);
}

{
21 | P a g e
TextBox2.Visible = true;
b = a * a;
TextBox2.Text = Convert.ToString(b);
}
}
}
22 | P a g e
Discount Of different Product
WebForm2.aspx
Inherits="WebApplication2.WebForm2" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
<asp:DropDownList ID="DropDownList1" runat="server"

OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True">
<asp:ListItem Value="1000">product1</asp:ListItem>
</asp:DropDownList>
            Price
<br />
<br />
<asp:RadioButton ID="RadioButton1" runat="server" Text="10"
OnCheckedChanged="RadioButton1_CheckedChanged" AutoPostBack="True" GroupName="a"/>

OnCheckedChanged="RadioButton2_CheckedChanged" AutoPostBack="True" GroupName="a" />

OnCheckedChanged="RadioButton3_CheckedChanged" AutoPostBack="True" GroupName="a" />
<br />
<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" />

</div>
</form>
</body>
</html>
WebForm2.aspx.cs
using System;
using System.Linq;
using System.Web;
23 | P a g e
{
{
int a, b, c, d,h,f,g;
{
int a;
a = DropDownList1.SelectedIndex;
}

{
d = a * 30 / 100;
g = a - d;
TextBox1.Text = Convert.ToString(g);
}

{
c = a * 20 / 100;
f = a - c;
TextBox1.Text = Convert.ToString(f);
}

{
b = a * 10 / 100;
h = a - b;
TextBox1.Text = Convert.ToString(h);
}

{
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{
TextBox2.Text = Convert.ToString(DropDownList1.SelectedItem.Value);
}
}
}
WebPage
24 | P a g e
25 | P a g e
Database Connectivity
WEBFORM2.ASPX

Inherits="FibonacciSeries.WebForm2" %>
<!DOCTYPE html>
<title></title>
</head>
<body>
<div>
</div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="strFirstName" HeaderText="strFirstName"
SortExpression="strFirstName" />
<asp:BoundField DataField="strLastName" HeaderText="strLastName"
SortExpression="strLastName" />
<asp:BoundField DataField="dtmBirthDate" HeaderText="dtmBirthDate"
SortExpression="dtmBirthDate" />
<asp:BoundField DataField="strCity" HeaderText="strCity" SortExpression="strCity"
/>
<asp:BoundField DataField="strCountry" HeaderText="strCountry"
SortExpression="strCountry" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$
ConnectionStrings:AgeRangeConnectionString %>" ProviderName="<%$
ConnectionStrings:AgeRangeConnectionString.ProviderName %>" SelectCommand="SELECT [strFirstName],
[strLastName], [dtmBirthDate], [strCity], [strCountry] FROM [tblEmployees]"></asp:SqlDataSource>
</form>
</body>
</html>
WEBFORM2.ASPX.CS
using System;
using System.Linq;
using System.Web;
namespace FibonacciSeries
{
26 | P a g e
{
{
}
}
}
27 | P a g e

Lab File

Uploaded by

Copyright:

Available Formats

Lab File

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lab File

Uploaded by

Copyright:

Available Formats

Web Technology with .

Net Framework Practical File

BY: - TEJ PARTAP SINGH

2. HTML Basic Tags 8

4. Active Server Page (ASP) 12

4.2 Simple Interest 14

4.4 Fibonacci Sequence 19

4.5 Square and Cube of a number 21

4.6 Discount on different products 23

4.7 Database Connectivity 26

<frame src="new 1.html" scrolling="no" name="first">

<frame src="new 2.html" name="second">

<frame src="new 3.html" name="third"><br>

CODE OF SPECIFIC FRAME:

<img src="unnamed.jpg" align="right" width="100" height="50" alt="planets"

<area shape="rect" coords="0,0,50,25" href="tej.html" alt="sun" target="third">

<a href="details.html" target="third">

<u><b><H1>Cyber Laws Sixth Sem</h1> </b></u>

<a href="open.html" target="third">CONTACT US</a>

<li><A HREF="images.HTML" target="third">Images</A>

<li><A HREF="imagesection.HTML" target="third">Images Sections</A>

<li><A HREF="contact.HTML" target="third">List</A>

<li><A HREF="table.HTML" target="third">Table</A>

<li><A HREF="forms.HTML" target="third">Forms</A>

<img src="unnamed.jpg" width="1000" height="500"><br><br>

<img src="IMG_3177.jpg" align="center" width="1000" height="500" alt="planets"

<area shape="rect" coords="0,0,100,250" href="table.html" alt="Table" >

<area shape="rect" coords="50,50,50,50" href="contact.html" alt="Contact" >

<ol type="i" >

<TH> NAME </TH>

<TH> BRANCH </TH>

<TH> ROLL NO </TH>

<TD> TEJ PARTAP </TD>

<TD> CYBERLAW </TD>

<TD> SUSHANT GILL </TD>

<TD> HEALTH SAFETY </TD>

NAME:<BR>&NBSP &NBSP <INPUT TYPE='TEXT' NAME='NAME' PLACEHOLDER='NAME' REQUIRED> <FONT

PHONENUMBER:<BR>&NBSP &NBSP <INPUT TYPE='TEXT' NAME='FIRSTNAME' PLACEHOLDER='PHONE NUMBER'

ADDRESS:<BR>&NBSP &NBSP <TEXTAREA NAME='ADDRESS' ROWS='4' COLS='40'></TEXTAREA><BR><BR>

<INPUT TYPE='SUBMIT' NAME='SUBMIT' VALUES='SUBMIT'>

<frameset> Defines a set of frames

o Windows Forms Designer

protected void Button1_Click(object sender, EventArgs e)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Exercise1.aspx.cs"

protected void TextBox1_TextChanged(object sender, EventArgs e)

Number<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Result" />

<asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged"

protected void Button1_Click(object sender, EventArgs e)

protected void RadioButton1_CheckedChanged(object sender, EventArgs e)

<asp:DropDownList ID="DropDownList1" runat="server"

protected void RadioButton3_CheckedChanged(object sender, EventArgs e)

protected void RadioButton2_CheckedChanged(object sender, EventArgs e)

protected void RadioButton1_CheckedChanged(object sender, EventArgs e)

protected void Page_Load(object sender, EventArgs e)

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs"

You might also like