Computer Practicals – III : Web Designing & Java
V Semester
INTERNET AND WEB DESIGN
sno programs Page no
1 Web page for an organisation 3
2 Ordered and unordered list 5
3 Advertisement 6
4 List of products 7
5 Sales letter 8
6 Resume 9
7 Department website 10
8 Order form 14
9 Customer survey 15
10 Multi form 17
1|Page
Program list for web designing
1. Create web pages for a business organization using HTML Frames.
2. Create a Program using HTML to display the ordered list and unordered list of
a Departmental Store.
3. Program to display Image and text using HTML tag for an advertisement of a
Company Product.
4. Create a table to display list of products using HTML tag.
5. Create a document using Formatting and alignment to display Sales Letter.
6. Create a Resume using HTML Tags.
7. Create a website of your department with minimum five links using HTML.
8. Create a document using Form to support Local Processing of Order form.
9. Create a Form of the Customer Survey for the user to enter General name and
address information.
10. Create a Frame to display a multiform document.
--------------------------------
2|Page
1.WEBSITE FOR AN ORGANISATION
HOME PAGE.HTML
<HTML>
<HEAD>
<TITLE>MY SECOND FRAMED PAGE</TITLE>
</HEAD>
<FRAMESET ROWS="10%,90%"FRAMEBORDER="NO"BORDER="1">
<FRAME SRC="file:///C:/Documents%20and%20Settings/student.NASCLAB625/Desktop/VMENU.HTML">
<FRAME SRC="file:///C:/Documents%20and%20Settings/student.NASCLAB625/Desktop/VMAIN.HTML">
</FRAMESET>
</HTML>
MENU.HTML
<HTML>
<HEAD>
<TITLE>MENU</TITLE>
</HEAD>
<BODY BGCOLOR="SKYBLUE">
<H1><MARQUEE><WIDTH=100%BEHAVIOUR=ALTERNATE>
<FONT COLOR="YELLOW">BUSINESS ORGANISATION</FONT>
</MARQUEE><H1>
</BODY>
</HTML>
MAIN.HTML
<HTML>
<HEAD>
<TITLE>MAIN</TITLE>
</HEAD>
<BODY BGCOLOR="SKYBLUE">
<FONT COLOR="BLACK"><B>
THE HIERARCHICAL STRUCTURE OF BUSINESS ORGANISATION STARTS WITH THE
<UL TYPE=DISC>
<LI>TOP LEVEL MANAGEMENT</LI>
<LI>MIDDLE LEVEL MANAGEMENT</LI>
<LI>LOWER LEVEL MANAGEMENT</LI>
<OL>
<DL>THE TOP LEVEL MANAGEMENT INCLUDE BOARD OF
DIRECTORS,GENERALMANAGERSETC.</DL>
<DL>THE MIDDLE LEVEL MANAGEMENT INCLUDE PURCHASEMANAGERS,SALESMANAGERS,
HRMANAGERS ETC.</DL>
<DL>LOWER LEVEL MANAGEMENT INCLUDE
SUBORDINATES,SUPERVISORS,EMPLOYEESETC.</DL>
</FONT>
<FONT COLOR="BLUE"FACE="MONOTYPE CORSIVA">
<H2>HIGHLIGHTS</H2>
<UL>
<LI>ONE-TWO-ONE COMMUNICATION</LI>
<LI>TELEPHONIC COMMUNICATION</LI>
<LI>ORAL COMMUNICATION</LI>
<LI>WRITTEN COMMUNICATION</LI>
</B>
</FONT> </BODY></HTML>
3|Page
OUT PUT:
4|Page
2.ORDERED AND UNORDERED LIST
<HTML>
<HEAD>
<TITLE>ORDERED AND UNORDERED LIST</TITLE>
</HEAD>
<FONT COLOR="BLUE" FACE="COOPER" SIZE="10">
<BODY BGCOLOR="PINK">
<CENTER><STRONG>RELIENCE DEPARTMENT</STRONG></CENTER>
<B><U>STATIONARY ITEMS</U></B>
<UL TYPE="DISC">
<LI>PAPER</LI>
<LI>PENCIL</LI>
<LI>INK</LI>
</UL>
<B><U>PROVISION</U></B>
<OL>
<LI TYPE=1>SUGAR
<LI TYPE=2>SALT
<LI TYPE=3>OIL
</LI>
</OL>
</FONT>
</BODY>
</HTML>
OUT PUT:
5|Page
3.ADVERTISEMENT
<HTML>
<HEAD>
<TITLE>ADVERTISEMENT</TITLE>
</HEAD>
<BODY BGCOLOR="BLUE">
<BR>
<CENTER><H1><FONT COLOR="RED"><MARQUEE>WELCOME TO NEHRU
INSTITUTIONS</MARQUEE></FONT></H1></CENTER>
<P><FONT FACE="COMIC SANS MS"><B>1.Acceredited by NAAC,ISO 9001:2008 Certified<BR>
A.VISION<BR>
is to mould the character , share the career , perfect the behaviour and excellence
in educating the younger generation of today and tomorrow.</P>
<P>B.MISSION<BR>
is to offer innovate and socially relevent job oriented courses with a view to enhance the
employment<BR>Prospectus of learner.</P>
<P>C.Quality Objectives<BR>
1.To strivefor 100% results and 100% placement. <BR>
2.To produce university ranks.
3.To encourage staff and students.<BR>
4.To facilitate continous improvements of performance of students.<BR>
5.To inculate a deep sense of discipline amoung the students.</P></B>
</FONT>
</BODY>
</HTML>
OUT PUT:
6|Page
4.LIST OF PRODUCTS
<HTML>
<HEAD>
<TITLE>LIST OF PRODUCTS</TITLE>
</HEAD>
<BODY>
<FONT COLOR="BLUE" FACE="MONOTYPE CORSIVA" >
<CAPTION><CENTER><H1>TABLE TO DISPLAY PRODUCT LIST</H1></CENTER></CAPTION>
<CENTER>
<TABLE BORDER =4 ALIGN="CENTER" WIDTH=50% BGCOLOR="ORANGE">
<TH ALIGN="CENTER">SPORTS GOODS</TH>
<TH ALIGN="CENTER">SPORTS GOODS</TH>
<TR>
<TD ALIGN="CENTER">CRICKET BAT</TD>
<TD ALIGN="CENTER">T-SHIRT</TD>
</TR>
<TR>
<TD ALIGN="CENTER">BALL</TD>
<TD ALIGN="CENTER">TRACK SUIT</TD>
</TR>
<TR>
<TD ALIGN="CENTER">BASKET BALL</TD>
<TD ALIGN="CENTER">SHORTS</TD>
</TR></TABLE>
</CENTER>
</FONT>
</BODY>
</HTML>
OUT PUT:
7|Page
5.SALES LETTER
<HTML>
<HEAD>
<TITLE>SALES LETTER</TITLE>
</HEAD>
<BODY BGCOLOR="SKYBLUE" STYLE:ANDALUS;COLOR:ORANGE;TEXT-
ALIGN:CENTER>
<H1><B><CENTER>SALES LETTER</B></H1></CENTER>
<CENTER>Modern Type writer<BR>
4,Ram Nagar<BR>Banglore</CENTER>
<H4><ALIGN="RIGHT">10th Feb 2016</H4>
<BR>
<P STYLE="TEXT-ALIGN:LEFT">
Dear Sir</P>
<P STYLE ="TEXT-ALIGN:JUSTIFY"><CODE>As per year requistion for thw new modern type
writer,we are informing you that the product will be delivered to you as early as possible.
</CODE><BR></P>
<P STYLE="TEXT ALIGN:LEFT">YOUR'S TRULY<BR>
Modern Typewriter</P>
</BODY>
</HTML>
OUT PUT:
8|Page
6.RESUME
<HTML>
<HEAD>
<TITLE> RESUME</TITLE>
<H1><CENTER><U>RESUME</U></CENTER></H1>
<BODY>
<IMG SRC="MY DOCUMENTS\PICTURES\IMAGE.JPG" ALIGN="RIGHT" HEIGHT=80
WIDTH=80>
<B>NAME : RANJITHA<BR>
ADDRESS : 24 , RAM NAGAR , 2nd STREET,COIMBATORE.<BR>
MAIL ID : ranjitha@gmail.com<BR>
CONTACT NO : 9876543210
OBJECTIVE :<BR>
To seek challenging assignment and responsibility with an opportunity for growth and
career advancement as successful achivement.<BR><HR>
EDUCATION :<BR>B.COM (CA)<BR><HR>
SKILLS : Accounting , Web Designing .<BR><HR>
HOBBIES:<BR>Reading Books,Gardening.<BR><HR>
LANGUAGES KNOWN:<BR>English,Tamil,Malayalam,Hindi.<BR><HR>
DECLARATION:<BR>I here declare that the above information are true upto my knowledge.<BR>
PLACE:<BR>
DATE:<BR>
<ALIGN= “RIGHT”>SIGNATURE<BR>
</B></FONT>
</BODY>
</HEAD> </HTML>
OUT PUT:
9|Page
7.DEPARTMENT WEBSITE
HOME.HTML
<HTML>
<HEAD>
<title>WEBSITE</title>
</head>
<body background="C:\Users\RENJU\Pictures\nehru.jpg">
<h1 align=center>DEPARTMENT OF COMMERCE WITH COMPUTER APPLICATION</h1>
<center>
<a href="file:///C:/Users/RENJU/Desktop/contact1.html">Contacts</a><br>
<a href="file:///C:/Users/RENJU/Desktop/about1.html">About us</a><br>
<a href="file:///C:/Users/RENJU/Desktop/bcom1.html">B.COM(CA)</a><br>
<ahref="file:///C:/Users/RENJU/Desktop/staff1.html">STAFF</a><br>
</center>
</body>
</html>
CONTACT.HTML
<HTML>
<BODY>
<H1 ALIGN=CENTER>CONTACT DETAILS<HI>
<BODY BACKGROUND="C:\USERS\RENJU\PICTURES\nasc.JPG">
<ADDRESS>contact address:<BR>
Department of commerce<BR>
NEHRU ARTS AND SCIENCE COLLEGE<BR>
“NEHRU GARDENS”<BR>
T.M PALAYAM</BR>
CIMBATORE=641105</ADDRESS>
CONTACT NUMBER:0422-2623611<BR>
EMAIL ID:nasc.commerce11@gmail.com<BR>
<A HREF="file:///C:/Users/RENJU/Desktop/home1.html">HOME</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/about1.html">ABOUT US</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/bcom1.html">B.COM(CA)</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/staff1.html">STAFF</A><BR>
</BODY>
</HTML>
ABOUT.HTML
<HTML>
<BODY>
<H1 ALIGN="CENTER">ABOUT US</H1>
<BODY BACKGROUND="C:\Users\RENJU\Pictures\nehru.jpg">
<B><P>The department of commerce has two department:
</P>
<UL TYPE=DISC>
<LI>BCOM(CA)</LI>
<LI>BCOM(PA)</LI>
</UL>
<P>We have good, eminent and qualified staffs in our department
</P>
<A HREF="file:///C:/Users/RENJU/Desktop/home1.html">HOME</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/contact1.html">CONTACTS</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/bcom1.html">B.COM(CA)</A><BR>
10 | P a g e
<A HREF="file:///C:/Users/RENJU/Desktop/staff1.html">STAFF</A><BR>
</BODY>
</HTML>
BCOM.HTML
<HTML>
<BODY>
<H1><B><CENTER>BCOM(CA)</CENTER></H1></B>
<BODY BACKGROUND="C:\Users\RENJU\Pictures\nehru.jpg">
</P>
<OL>
<B><LI>Financial accounting</LI>
<LI>Advanced accounting</LI>
<LI>Management accounting</LI>
<LI>Corporate accounting</LI>
<LI>Income tax</LI>
<LI>DBMS</LI>
<LI>C++</LI>
<LI>Internet and Web designing</LI>
</OL>
</B>
<A HREF="file:///C:/Users/RENJU/Desktop/home1.html">HOME</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/about1.html">ABOUT US</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/contact1.html">CONTACTS</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/staff1.html">STAFF</A><BR>
</BODY>
</HTML>
STAFF.HTML
<HTML>
<BODY>
<H1><CENTER>STAFF DETAILS</H1></CENTER>
<BODY BACKGROUND="C:\Users\RENJU\Picture\nascjpg">
<P><B>The Department consists of Ten staff members:<BR>
The list of the staff members is given below:
</P>
<OL>
<LI>Mr.R.SUNDERRAJ</LI>
<LI>Mr.K.JAFFER SADHIQ</LI>
<LI>Mr.SANGEETHA</LI>
<LI>Mr.ARUN PRAKASH</LI>
<LI>Mr.PAUL MURUGAN</LI>
<LI>Ms.SRUTHI.V</LI>
<LI>Mr.V.SINDHU</LI>
<LI>Mr.I.RAJKUMAR</LI>
<LI>Mrs.SUMATHI</LI>
</B>
</OL>
<A HREF="file:///C:/Users/RENJU/Desktop/home1.html">HOME</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/about1.html">About us</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/contact1.html">Contacts</A><BR>
<A HREF="file:///C:/Users/RENJU/Desktop/bcom1.html">B.COM(CA)</A><BR>
</BODY>
</HTML>
11 | P a g e
OUT PUT:
12 | P a g e
13 | P a g e
8.ORDER FORM
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
FUNCTIONTOTALORDER(FORM)
{
VAR X=FORM.ITEM.VALUE;
VAR Y=FORM.QTY.VALUE;
VAR DUE=X*Y;
ALERT("TOTAL AMOUNT IS:"=DUE);
}
</SCRIPT>
</HEAD>
<BODY>
<H2><CENTER>ORDER FORM</CENTER></H2>
<BR>
<FORMNAME="ORDER FORM"><BR>
NAME:<INPUT TYPE="TEXT" NAME="ONFOCUS="WINDOW.STATUS"ENTER YOUR
NAME;">
<BR>
SELECT THE ITEM YOU WANT TO ORDER : <SELECT NAME"ITEMS">
<OPTION VALUE=8.95>WATCH
<OPTION VALUE=50>CAMERA
<OPTION VALUE=100>DVD
</SELECT>
<BR>
SELECT THE QUANTITY OF THE ITEM:<SELECT NAME"QTY">
<OPTION VALUE=1>ONE
<OPTION VALUE=2>TWO
<OPTION VALUE=3>THREE
</SELECT></BR>
<INPUT TYPE="SUBMIT" VALUE="SUBMIT"ONCLICK="TOTAL ORDER"(THIS.FORM)>
</FORM>
</BODY>
</HTML>
OUT PUT:
14 | P a g e
9.CUSTOMER SURVEY
<HTML>
<HEAD>
<TITLE>CUSTOMER SURVEY</TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
FUNCTION CHECK()
{
VERIFYNAME(DOCUMENT.SURVEY);
VERIFYADD(DOCUMENT.SURVEY);
VERIFYCITY(DOCUMENT.SURVEY);
}
FUNCTIONVERIFYNAME(FORM)
{
IF(FORM.FNAME.VALUE==")
ALERT("PLEASE ENTER YOUR NAME");
}
FUCTIONVERIFYADD(FORM)
{
IF(FORM.ADD.VALUE==")
ALERT("PLEASE ENTER YOUR ADDRESS");
}
FUCTIONVERIFYCITY(FORM)
{
IF(FORM.CITY.VALUE==")
ALERT("PLEASE ENTER YOUR CITY");
}
FUCTIONVERIFYPIN(FORM)
{
IF(FORM.PIN.VALUE==")
ALERT("PLEASE ENTER YOUR PIN");
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="ORANGE">
<FONT COLOR="BLACK" FACE="MONOTYPE CORSIVA">
<FORM NAME="CUSTOMER SURVEY" ON SUBMIT="CHECK(THIS.FORM)">
<H3><CENTER><B>CUSTOMER SURVEY</B></CENTER></H3>
<HR>
<B>NAME<INPUT TYPE="TEXT" NAME="FNAME"><BR><BR>
ADDRESS<INPUT TYPE="TEXT" NAME="ADD"><BR><BR>
CITY<INPUT TYPE="TEXT" NAME="CITY"><BR><BR>
PINCODE<INPUT TYPE="TEXT" NAME="PIN"><BR><BR>
<FONT COLOR="RED"><INPUT TYPE="SUBMIT" VALUE="SUBMIT">
</B>
</FORM>
</FONT>
</BODY>
</HTML>
15 | P a g e
OUT PUT:
16 | P a g e
10.MULTIFORM
<HTML>
<HEAD>
<TITLE>MULTIFORM</TITLE>
<B>MULTIFORM</B>
</HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
FUNCTION EVALUATE(FORM)
IF(FORM.CHECK1.CHECKED&&FORM.CHECK2.CHECKED)
VARNUM=PROMPT("HOW MANY CHILDRENS");
IF(NUM<=2)
ALERT("YOU ARE ELIGIBLE!!")
ELSE
ALERT("YOU ARE NOT ELIGIBLE!!")
}
<FRAMESET COLS="100,*,100")
<FRAME NAME="BANNER" SRC=My Documents\aiswarya.html">
<FRAME NAME="PHOTOS" SRC="My Documents\20140601_135905.JPG">
</FRAMESET>
</SCRIPT>
<BODY>
<FONT COLOR="RED"FACE="MONOTYPE CORSIVA"><BR>
NAME<INPUT TYPE=TEXT><BR>
ADDRESS:<INPUT TYPE=TEXT><BR>
AGE:<INPUT TYPE=TEXT><BR>
</FORM>
<FORM METHOD=POST>
MARITAL STATUS:
<INPUT TYPE=CHECKBOX NAME="CHECK1"<BR>
CHILDREN:
<INPUT TYPE=CHECKBOX NAME=CHECK2"<BR>
<BR>
EVALUATE:
<INPYUT TYPE="SUBMIT" VALUE="SUBMIT">
</FORM>
</BODY>
</HTML>
17 | P a g e
OUT PUT:
18 | P a g e
