Ipwt Lab Manual

DEPARTMENT OF MASTER OF COMPUTER APPLICATIONS
WEB TECHNOLOGY
Lab Manual
Lab Code: P41(4)

For II Year / IV Sem
Department of MCA, SMVEC Page 1

System Requirements
Recommended Systems / Software Requirements:
Intel based desktop PC, Internet Information Server, Editors, IDE’s such as ASP.Net and
any Browser
Objective
To design and develop static and dynamic websites.
Scope:
 To design and implement dynamic websites with good sense of designing and
latest technical know-how's.
 To flourish good grounding of web application terminologies, internet tools, web
services and e – Commerce.
List of software
IIS server, ASP.NET
The courses contains
• WEBBASICS: Design web pages through coding using HTML

• EDITOR: Notepad
• BROWSER SIDE SCRIPTING using JavaScript with a focus on Event Handling and
Validation
• SERVER SIDE SCRIPTING: ASP
•BROWSER SIDE SCRIPTING: Introduction to programming world of XML
Technologies.

TABLE OF CONTENTS
S.NO TOPICS PAGE.NO
HTML,CSS AND JAVA SCRIPT

Simple HTML
1.a) 11
Hyper Links
1.b) 19
Using Frames
1.c) 27
Registration Form with Table
1.d) 29
Internal Style ,and external Style Sheets
2. 32
3.a) JavaScript for displaying date and comparing two dates. 39
3.b) Form validation including text field, radio buttons, 46

checkboxes, list box and other controls
XML
4. Creation of XML document for a specific domain 51
5 DTD or XML schema for the domain specific XML 55

Document
ASP
6. Program Counter 58
7. Student Info System 63
8. Session Tracking 71
9. Employee Management System 83
10. Cricket Information System 94

Introduction to HTML
Introduction to html HTML is a language for describing web pages. HTML stands for
Hyper T ext Markup Language HTML is not a programming language, it is a markup language A
markup language is a set of markup tags HTML uses markup tags to describe web pages HTML
Tags HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by
angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in
a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags
and closing tags
HTML Documents = Web Pages HTML documents describe web pages HTML documents
contain HTML tags and plain text HTML documents are also called web pages.
Example
< html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html >
HTML Paragraphs HTML paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML Headings HTML headings are defined with the <h1> to <h6> tags.
Example <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML Links HTML links are defined with the <a> tag.
Example <a href =" ">This is a link</a>
HTML Images HTML images are defined with the < img > tag.
Example < img src ="well.jpg" width="104" height="142" />
Tag Description
< html> Defines an HTML document
< body> Defines the document's body
< h1> to <h6> Defines HTML headings
< hr /> Defines a horizontal line

<html>
<head>

<title>This is Pradeepkumar's Page Counter</title>
</head>
<body background="yl.gif">
<p></p>
<br><br><br><br><br><br><br>
<div align="center">
<h6><font face="Times New Roman, Times, serif" size="+4" color="#0033FF">PAGE
COUNTER</font></h6></div>
<%
Set pc = Server.CreateObject("MSWC.PageCounter")
pc.PageHit
hit = pc.Hits
Reset = Request.QueryString("Reset")
If Not "" = Reset Then
pc.Reset
hit=0
End If
%>
<FORM NAME="ResetHitCounter" METHOD="GET" ACTION="pgctr.asp">

<div align="center"><input border="0" align="absmiddle" size="50" type="text"
name="Pagehits" value="<% response.Write("Number of Hits :" & hit) %>"><br><br><br>
</div>
<div align="center"><INPUT TYPE="SUBMIT" NAME="Reset" VALUE="Reset Hit
Counter">
<INPUT TYPE="SUBMIT" NAME="Hit" VALUE="Increment Hit Counter"></div>
</FORM>
<br><br>
<marquee><h6><font face="Times New Roman, Times, serif" size="+3" color="#CC0000">By
PradeepKumar.V</font></h6></marquee></div>
</body>
</html>


<html>
<head>

<title></title>
</head>
<body >
<%
dim adobj
set adobj = Server.CreateObject("MSWC.Adrotator")
response.Write adobj.GetAdvertisement("\adrotator\rotext.txt")
%>
</body>
</html>
rotext.txt
*
http:\\localhost\adrotator\imgbanner.jpg
http:\\localhost\adrotator\img.html
This is a Adrotator program
2
http:\\localhost\adrotator\imgbanner1.jpg
http:\\localhost\adrotator\img.html
This is a Adrotator program
2
Page counter

RESULT:
Thus the program for program counter has been successfully completed.
<! -- Std.asp-->
<HTML>

<HEAD>
<TITLE>Student Information System</TITLE>

</style></HEAD>
<BODY leftmargin="50">
<form method="get" name="frm1" action="db.asp">
<hr color="#660000" noshade="noshade" size="10">
<p align="center" class="style1" >STUDENT INFORMATION SYSTEM </p>
<p align="center" class="style2" >DEPARTMENT OF MCA </p>
<p><span class="style5">
<span class="style9">Students Personal Information </span></span></p>
<p>Name
<input align="absmiddle" type="text" name="name" >
</p>
<p> Email
<input align="absmiddle" type="text" name="email" >
</p>
<p>
Regno
<input type="text" name="regno">
</p>
<p> Age
<input type="text" name="age">
</p>
<p>Gender

<label>
<input name="gender" type="radio" value="Male">
Male</label>
<label>
<input name="gender" type="radio" value="Female">
Female</label>
</p>
<p> Address
<textarea name="address"></textarea>
</p>
<p>Semester
<input type="text" name="sem">
</p>
<p>Year
<input type="text" name="year">
</p>
<hr color="#003399" size="8">
<input type="submit" name="Submit" value="Submit" >
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<html>
<head>
<title>Inserting into Table</title>
</head>
<body >
<%
Set cn = Server.CreateObject("ADODB.Connection")
cn.Mode = adModeReadWrite
cn.provider="Microsoft.Jet.OLEDB.4.0"
cn.open server.MapPath("student.mdb")
dim rs
response.Write("Updated Successfully!")
set rs=Server.CreateObject("ADODB.Recordset")
rs.open "select *from student", cn , adOpenStatic , adLockPessimistic
rs.addnew
rs("name")=request("name")
rs("email")=request("email")
rs("regno")=request("regno")
rs("age")=request("age")
rs("gender")=request("gender")

rs("address")=request("address")
rs("semest")=request("sem")
rs("year")=request("yea")
rs.update
%>
</body>
</html>

<HTML>
<HEAD>

</style></HEAD>
<form method="get" action="markdb.asp">

<p align="center"><span class="style5">
<marquee>
</marquee>
<span class="style9">Students Mark Information </span></span></p>
<p align="center"><span class="style10">Regno</span>
<input align="absmiddle" type="text" name="regno">
</p>
<p align="center"> <span class="style11">Semester</span>
<input align="absmiddle" type="text" name="sem" >
</p>
<p align="center"> <span class="style11">Year
</span>
<input type="text" name="yea">
</p>
<hr color="#FF0000" size="3">
<p align="center" class="style12">Enter Mark Details</p>
<p align="center"><span class="style15">Mark1</span>
<input type="text" name="mark1">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>

</HTML>

<html>
<head>
<title>Inserting marks into Table</title>
</head>
<body >
<%
dim total
dim rs
rs.open "select *from student where regno=" + request("regno") + "and semest=" +
request("sem") + "and year=" + request("yea"), cn , adOpenStatic , adLockPessimistic
if (request("sem")=1) then
rs.fields("mfcs")=request("mark1")
rs.fields("co")=request("mark2")
rs.fields("dfs")=request("mark3")
rs.fields("it")=request("mark4")
rs.fields("bp")=request("mark5")
rs.fields("dfsl1")=request("mark6")
rs.fields("alpl2")=request("mark7")
total=request("mark1")+request("mark2")+request("mark3")+request("mark4")+
request("mark5")+request("mark6")+request("mark7")
rs.fields("tot1")=total
rs.fields("avg1")=total/7
rs.update
end if
if (request("sem")=2) then
rs.fields("fa")=request("mark1")
rs.fields("os")=request("mark2")
rs.fields("oops")=request("mark3")
rs.fields("ms")=request("mark4")
rs.fields("fm")=request("mark5")
rs.fields("algl1")=request("mark6")
rs.fields("osl2")=request("mark7")
total=request("mark1")+request("mark2")+request("mark3")+request("mark4")+
request("mark5")+request("mark6")+request("mark7")
rs.fields("tot2")=total
rs.fields("avg2")=total/7
rs.update
end if

%>
</body>
</html>

<HTML>
<HEAD>

</style></HEAD>
<form method="get" action="searchmark.asp">

<span class="style9">Students Mark Information ! Enter the details for the Result
</span></span></p>
<input align="absmiddle" type="text" name="regno">
</p>
<input align="absmiddle" type="text" name="sem" >
</p>
</span>
</p>
<p align="center" class="style12"> </p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<HTML>
<HEAD>

</style></HEAD>
<form method="GET" runat="server" >
<%
dim m1,m2,m3,m4,m5,m6,m7,tot,avg,result
dim rs
rs.open "select *from student",cn
rs.movefirst()
do while not rs.eof
if cint(request("regno"))=rs.fields("regno") and cint(request("sem"))=rs.fields("semest") and
cint(request("year"))=rs.fields("year")then
if cint(request("sem"))=1 then
m1=rs.fields("mfcs")
m2=rs.fields("co")
m3=rs.fields("dfs")
m4=rs.fields("it")
m5=rs.fields("bp")
m6=rs.fields("dfsl1")
m7=rs.fields("alpl2")
tot=rs.fields("tot1")
avg=rs.fields("avg1")
result=rs.fields("result1")
exit do
end if
if cint(request("sem"))=2 then
m1=rs.fields("fa")
m2=rs.fields("os")
m3=rs.fields("oops")
m4=rs.fields("ms")
m5=rs.fields("fm")
m6=rs.fields("algl1")
m7=rs.fields("osl2")
tot=rs.fields("tot2")

avg=rs.fields("avg2")
result=rs.fields("result2")
exit do
end if
else
rs.movenext()
end if
loop
%>
<marquee>
</marquee>
<span class="style9">Students Mark Information </span></span></p>
<input align="absmiddle" type="text" name="regno" value="<
%response.Write(rs.fields("regno"))%>">
</p>
<input align="absmiddle" type="text" name="sem" value="<
%response.Write(rs.fields("semest"))%>">
</p>
</span>
<input type="text" name="year" value="<%response.Write(rs.fields("year"))%>">
</p>

<p align="center" class="style12">The Result of Marks</p>
<input type="text" name="mark1" value="<%response.Write(m1)%>">
</p>
</p>
</p>
</p>

</p>
</p>
</p>
<p align="center"><span class="style15">Total</span>
    <input type="text" name="tot" value="<%response.Write(tot)
%>">
</p>
<p align="center"><span class="style15">Average</span>
<input type="text" name="avg" value="<%response.Write(avg)%>">
</p>
<p align="center"><span class="style15">Result</span>
    <input type="text" name="mark7" value="<
%response.Write(result)%>">
</p>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>
Output:



<html>
<head><title>Session Pradeepkumar.V</title>

</style>
</head>
<body bgcolor=white >
<form method="GET" action="db.asp" name="UserForm" >
<div align="center" class="style1" >SESSION TRACKING
<br><p >New User Login</p>
</div>
<br><br><br>
<b>User Name</b>   <input type="text" name="user"><br><br>
<b>Password </b>     <input type="password"
name="pass" title="Enter Password" ><br><br>
<br><br>

<input type="submit" value="Submit">
</div>
</form>
</body>
</html>

<html>
<head><title>Session Pradeepkumar.V</title>

</style>
</head>
<body bgcolor=white >

<form method="GET" action="aa.asp">
<div align="center" class="style1" >SESSION TRACKING</div>
<A HREF="new.asp">New Login</A>
<br><br><br>
<b>User Name</b>   <input type="text" name="user" title="Enter Your
UserName"><br><br>
<b>Password </b>     <input type="password"
name="pass" title="Enter Password" ><br><br>
<br><br>

<input type="submit" value="Submit">
</div>
</form>
</body>
</html>
<%@ LANGUAGE = VBScript %>
<% Option Explicit %>
<%
Response.Expires = 0
%>

<HTML>
<HEAD>
<TITLE>Session by Pradeepkumar </TITLE>
</HEAD>
<BODY BGCOLOR="White" TOPMARGIN="10" LEFTMARGIN="10">
<FONT SIZE="4" FACE="ARIAL, HELVETICA">
<B>Please! Click Visit again to hold the session for few seconds. Logout to view session
details </B></FONT><BR>
<HR SIZE="1" COLOR="#000000">

<%
response.Write("<p>Login :" & session("user1") & "<p>" & "<a
href='upd.asp'>Logout</a>" & "<br><br>")
If (Session("SessionCount") = "") Then
Session("SessionCount") = 0
End If
Session("SessionCount") = Session("SessionCount") + 1
%>
You visited this page
<%= Session("SessionCount") %> times!
<P><A HREF="ses.asp"> visit again</A>

</BODY>
</HTML>


<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<%
dim us,ps
dim cn
set cn = Server.CreateObject("ADODB.connection")
cn.connectionString="DRIVER={Microsoft Access Driver (*.mdb)};"& "DBQ="&
server.MapPath("ses.mdb")
cn.open
dim rs
rs.open "select *from ses",cn
us=cstr(request("user"))
ps=cstr(request("pass"))
if us=rs("user") and ps=rs("pass") then
session("user1")=us
session("intim")=Time
response.Redirect("ses.asp")
end if
%>
</body>
</html>

<html>
<head>
</head>
<body>

<%
dim us,ps
dim cn
cn.connectionString="DRIVER={Microsoft Access Driver (*.mdb)};"& "DBQ="&
cn.open
dim rs
rs.open "select *from ses", cn , Adopendynamic, Adlockoptimistic

rs.addnew
us=cstr(request("user"))
ps=cstr(request("pass"))
rs("user")=us
rs("pass")=ps
rs.update
%>
</body>
</html>

<html>
<head>
<title>Session by PradeepKumar.V MCA</title>
</head>
<body>
<div align="center"><h1><strong>Session Information</strong></h1></div>
<hr color="#993300" size="2">
<%
dim us,ps,ct,dt,usr,str1
dim cn
cn.connectionString="DRIVER={Microsoft Access Driver (*.mdb)};" & "DBQ= " &
cn.open
intim=session("intim")
usr=session("user1")
ct=session("SessionCount")
dt=cstr(Date)
outtim=cstr(time)
Response.Write("User : " & cstr(usr) & "<br>")
Response.Write("Page Count : " & cint(ct) & "<br>")
Response.Write("Date : " & cstr(dt) & "<br>")
Response.Write("In Time : " & cstr(intim) & "<br>")
Response.Write("Out Time : " & cstr(outtim) & "<br>")
str1 = "UPDATE ses SET seshit="&cint(ct)&", dat='"&cstr(dt)&"', intim='"&cstr(intim)&"',
outtim='"&cstr(outtim)&"' where user='"&cstr(usr)&"'"
cn.Execute str1
%>
<hr color="#993300" size="2">
</body>
</html>

Session Tracking


<HTML>
<HEAD>
<TITLE> </TITLE>

</style></HEAD>
<form method="get" name="frm1" action="db.asp">
<p align="center" class="style1" >EMPLOYEE INFORMATION SYSTEM </p>
<p align="center" class="style2" >PUDUCHERRY</p>
<p><span class="style5">
<span class="style10">Employee Personal Information </span></span></p>
<p>Name
</p>
<p> Email
<input align="absmiddle" type="text" name="email" >
</p>
<p>
Empno
<input type="text" name="empno">
</p>
<p> Age

</p>
<p>Gender
<label>
Male</label>
<label>
Female</label>
</p>
<p> Address
<textarea name="address"></textarea>
</p>
<p>Designation
<input type="text" name="desig">
</p>
<p>Basic Sal
<input type="text" name="basic">
</p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<html>
<head>
</head>
<body>
<%
set ConnObj = Server.CreateObject("ADODB.Connection")
ConnObj.Mode = adModeWrite
ConnObj.Open "driver = {Microsoft Access Driver (*.mdb)};DBQ=" &
Server.MapPath("emp.mdb")
Line1 = "INSERT INTO empdet (name,email,empno,age,gender,address,desig,basic) VALUES
('"&request("name")&"','"&request("email")&"',"&cint(request("empno"))&","&cint(request("ag
e"))&",'"&request("gender")&"','"&request("address")&"','"&request("desig")&"',"&cdbl(request
("basic"))&")"
CommandText = Line1
ConnObj.Execute CommandText, RecordsAffected, adCmdText
ConnObj.Close

%>
</body>
</html>

<HTML>
<HEAD>
<TITLE></TITLE>

</style></HEAD>
<form method="get" action="pay.asp">
<marquee>
</marquee>

<span class="style9">Employee Payroll Information ! Enter the details for the Result of
payment </span></span></p>
<p align="center">Employee Number
<input align="absmiddle" type="text" name="empno">
</p>
<p align="center"> </p>
<p align="center" class="style12"> </p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE></TITLE>

</style></HEAD>
<%
dim hra,da,cca,net
cn.open server.MapPath("emp.mdb")
dim rs
rs.open "select *from empdet",cn
rs.movefirst()
do while not rs.eof
if cint(request("empno"))=rs.fields("empno") then
hra=rs.fields("basic")*0.5
da=rs.fields("basic")*0.10
cca=rs.fields("basic")*0.3
pf=rs.fields("basic")*0.2
net=hra+da+cca-pf
exit do
else
rs.movenext()
end if
loop
%>
<form method="get" action="paydb.asp">
<marquee>
</marquee>
<span class="style9">Employee Payroll Information </span></span></p>
<p align="center"><span class="style10">Empno</span>
<input align="absmiddle" type="text" name="empno" value="<%
response.Write(request("empno"))%>">
</p>
<p align="center" class="style12">Enter Mark Details</p>
<p align="center"><span class="style15">Hra</span>

<input type="text" name="hra" value="<% response.Write(hra)%>">
</p>
<p align="center"><span class="style15">Da</span>
<input type="text" name="da" value="<% response.Write(da)%>">
</p>
<p align="center"><span class="style15">Cca</span>
<input type="text" name="cca" value="<% response.Write(cca)%>">
</p>
<p align="center"><span class="style15">Pf</span>
<input type="text" name="pf" value="<% response.Write(pf)%>">
</p>
<p align="center"><span class="style15">Net</span>
<input type="text" name="net" value="<% response.Write(net)%>">
</p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<html>
<head>
<title></title>
</head>
<body >
<%
dim rs
rs.open "select *from empdet where empno="&request("empno")&"" , cn , adOpenStatic ,
adLockPessimistic
rs.fields("hra")=cdbl(request("hra"))
rs.fields("da")=cdbl(request("da"))
rs.fields("cca")=cdbl(request("cca"))
rs.fields("pf")=cdbl(request("pf"))
rs.fields("net")=cdbl(request("net"))
rs.update

%>
</body>
</html>

<HTML>
<HEAD>
<TITLE></TITLE>

</style></HEAD>
<form method="GET" runat="server" >
<%
dim hra,da,cca,net
dim rs

rs.open "select *from empdet",cn
rs.movefirst()
do while not rs.eof
if cint(request("empno"))=rs.fields("empno") then
hra=rs.fields("hra")
da=rs.fields("da")
cca=rs.fields("cca")
pf=rs.fields("pf")
net=rs.fields("net")
exit do
else
rs.movenext()
end if
loop
%>
<marquee>
</marquee>
<span class="style9">Payroll Information </span></span></p>
<p align="center"><span class="style10">Empno</span>
<input align="absmiddle" type="text" name="regno" value="<
%response.Write(rs.fields("empno"))%>">
</p>
<p align="center" class="style12">The Result of Payroll</p>
<p align="center">Hra
<input type="text" name="hra" value="<%response.Write(hra)%>">
</p>
<p align="center">Da
<input type="text" name="da" value="<%response.Write(da)%>">
</p>
<p align="center">Cca
<input type="text" name="cca" value="<%response.Write(cca)%>">
</p>
<p align="center">Pf
<input type="text" name="pf" value="<%response.Write(pf)%>">
</p>
<p align="center"><span class="style15">Net</span>

<input type="text" name="net" value="<%response.Write(net)%>">
</p>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

Employee Information System


<HTML>
<HEAD>
</HEAD>
<form method="post" name="frm1" action="db.asp">
<p align="center" > </p>
<p align="center" ><strong>CRICKET INFORMATION SYSTEM </strong></p>
<p><span >
<span >Cricket Information</span></span></p>
<p>Name           &nbs
p;
</p>
<p> MaxScore
<input align="absmiddle" type="text" name="score" >
</p>
<p> Wickets
<input type="text" name="wick">
</p>
<p>
Age            &nb
sp;
</p>
<p>Gender
<label>
Male</label>
<label>
Female</label>
</p>
<p>
Match            &
nbsp;
<input type="text" name="match">
</p>
<p>Year


</p>
<hr color="#003399" size="8">
</div>
<hr color="#003399" size="8">
</form>
</BODY>
</HTML>

<html>
<head>
<title>Inserting into Table</title>
</head>
<body >
<%
dim str
cn.ConnectionString = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" +
server.MapPath("cricket.mdb")
cn.Open
str = "Insert into cricket(name,score,wick,age,gender,match,year)
values('"&request("name")&"',"&request("score")&","&request("wick")&","&request("age")&",
'"&request("gender")&"','"&request("match")&"',"&request("year")&")"
cn.Execute str
response.Redirect("disp.asp")
%>
</body>
</html>

<HTML>
<HEAD>
</HEAD>
<form method="post" name="frm1">
<p align="center" ><strong>CRICKET INFORMATION SYSTEM </strong></p>

<table width="469" border="1">
<tr>
<th width="119" scope="col">Name</th>
<th width="45" scope="col">Scores</th>
<th width="55" scope="col">Wickets</th>
<th width="111" scope="col">Match</th>
<th width="105" scope="col">Year</th>
</tr>
<%
dim m1,m2,m3,m4,m5
cn.open server.MapPath("cricket.mdb")
dim rs
rs.open "select *from cricket",cn
rs.movefirst() %>
<%do while not rs.eof
m1=rs.fields("name")
m2=rs.fields("score")
m3=rs.fields("wick")
m4=rs.fields("match")
m5=rs.fields("year") %>
<tr align="center" valign="middle">
<td><%Response.Write(m1)%></td>
</tr>
<% rs.movenext()
loop
%>
</table>
</div>
</form>
</BODY>
</HTML>

Cricket

Ipwt Lab Manual

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Ipwt Lab Manual

Hochgeladen von

Copyright:

Verfügbare Formate

DEPARTMENT OF MASTER OF COMPUTER APPLICATIONS

Lab Code: P41(4)

Department of MCA, SMVEC Page 1

Recommended Systems / Software Requirements:

The courses contains

• WEBBASICS: Design web pages through coding using HTML

Department of MCA, SMVEC Page 2

S.NO TOPICS PAGE.NO

HTML,CSS AND JAVA SCRIPT

3.b) Form validation including text field, radio buttons, 46

4. Creation of XML document for a specific domain 51

5 DTD or XML schema for the domain specific XML 55

7. Student Info System 63

9. Employee Management System 83

10. Cricket Information System 94

Department of MCA, SMVEC Page 3

HTML Line Breaks

Department of MCA, SMVEC Page 4

HTML Tables are defined with the <table> tag.

Department of MCA, SMVEC Page 5

 Within the <script> element

<script language = “Javascript”>

Script in the head:

Department of MCA, SMVEC Page 6

<no script> element:

Active Server Page

 It is a form of server side scripting to create dynamic web page

How ASP works?

 Type in a requests to visit a site

Department of MCA, SMVEC Page 7

The diagrammatic representation of the process is shown below.

Advantages of ASP and Server Side scripting

 Has the control over the components

Two famous web server

NOTE: older version of IIS support 5 domains

Department of MCA, SMVEC Page 8

 Install web server

Department of MCA, SMVEC Page 9

To create a simple html file to demonstrate the use of different tags.

Step 1 : Start the program

Department of MCA, SMVEC Page 10

File Name: Simple_html_tags.html

Moving text = “Simple HTML Tags”

Different heading tags ( h1 to h6)

Department of MCA, SMVEC Page 11

Different Logical Style ( <b>, <c>, <sub>, <sup>….)

Department of MCA, SMVEC Page 12

Different Physical style ( <code>, <del>, <kbd>…)

Department of MCA, SMVEC Page 13

<h4>Lowercase letters list:</h4>

<h4>Disc bullets list:</h4>

<h4>Circle bullets list:</h4>

Department of MCA, SMVEC Page 14

<h4>Square bullets list:</h4>

<h4>A Definition List :</h4>

Department of MCA, SMVEC Page 15

Department of MCA, SMVEC Page 16

EX.NO: 1b) HYPER LINK

Step 1 : Start the program

Department of MCA, SMVEC Page 19

<table border="2" width="75%" cellspacing="2" cellpadding="25" align=center><h3>

<caption align=left>Class: III CSE

Department of MCA, SMVEC Page 20

Department of MCA, SMVEC Page 21