24
KU 5TH SEM PRACTICAL SOLUTIONS Set 1 //1. Open an Image. And separate background using selection tool. Step 1: run Photoshop Step 2: go to file menu -> open Step 3: select image ->click open Step 4: click on magic wand tool from tool menu Step 5: select on background of the image using magic wand tool Step 6: press delete on keyboard Step 7: go to file menu -> save as Step 8: select JPEG format Step 9: enter file name -> click SAVE //2. Write a JSP page to display the number of hits to this page. (Hint: use application scope of java bean). <%@ page session="false" %> <HTML> <HEAD> <TITLE>Page Counter Using URL Rewriting</TITLE> </HEAD> <BODY> <H3>Page Counter Using URL Rewriting</H3> <% int count = 0; String parm = request.getParameter("count"); if (parm != null) count = Integer.parseInt(parm); if (count == 0) { %> This is the first time you have accessed this page. <% } else if (count == 1) { %> You have accessed the page once before.<% } else { %> You have accessed the page <%= count %> times before.<% } %>

5th Sem Practical Solutions kuvempu university

Embed Size (px)

DESCRIPTION

B.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediavB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediavvB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & MultimediaB.Sc. (IT) – 5th SemesterSUBJECT CODE SUBJECTS CREDITSBSIT-51 Graphics & Multimedia

Citation preview

Page 1: 5th Sem Practical Solutions kuvempu university

KU 5TH SEM PRACTICAL SOLUTIONS

Set 1//1. Open an Image. And separate background using selection tool.Step 1: run PhotoshopStep 2: go to file menu -> open Step 3: select image ->click openStep 4: click on magic wand tool from tool menuStep 5: select on background of the image using magic wand toolStep 6: press delete on keyboardStep 7: go to file menu -> save asStep 8: select JPEG formatStep 9: enter file name -> click SAVE

//2. Write a JSP page to display the number of hits to this page. (Hint: use application scope of java bean).<%@ page session="false" %><HTML><HEAD><TITLE>Page Counter Using URL Rewriting</TITLE></HEAD><BODY><H3>Page Counter Using URL Rewriting</H3><%int count = 0;String parm = request.getParameter("count");if (parm != null)count = Integer.parseInt(parm);if (count == 0) {%> This is the first time you have accessed this page. <%}else if (count == 1) {%> You have accessed the page once before.<%}else {%> You have accessed the page <%= count %> times before.<%}%><P> Click<A HREF="urlrewriting.jsp?count=<%=count + 1 %>">here</A> to visit the page again.</BODY></HTML>

Page 2: 5th Sem Practical Solutions kuvempu university

Set 2

//1. Using pencil tool create an image of landscape, and color it with Brush tool.Step 1: run PhotoshopStep 2: click file menu -> new -> select size -> press OKStep 3: in dialog box, click on preset -> select landscape in size box -> press OKStep 4: click on pencil tool in tool menuStep 5: draw an image in landscape using pencil toolStep 6: right click on pencil tool and select brush toolStep 7: using brush tool, fill the color in landscape imageStep 8: go to file menu -> save asStep 9: select JPEG formatStep 10: enter file name -> click SAVE

//2. Create an HTML page containing the following featuresa. Create a login JSP page with username, password and submit button. b. On submit, display message ‘Thank you for logging in’ also create cookies to store username and password.c. Open login JSP page on a new browser. If the cookie is present the username and password field should be automatically populated with the values from the cookie.<%@page contentType="text/html"%><html><head><title></title></head><body><center><form action="next.jsp" method="post">              Please Enter Your Detials !<br>              First Name    <input type="text" name="firstname"><br>              Last Name     <input type="text" name="lastname"><br><input type="submit" name="submit" value="Submit"></form></center></body></html>

Next.jsp<%@page contentType="text/html"%><%@page pageEncoding="UTF-8"%>

Page 3: 5th Sem Practical Solutions kuvempu university

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JSP Page</title></head><body><%          String firstname=request.getParameter("firstname");        String lastname=request.getParameter("lastname");

out.println("<font color=blue>Welcome</font>    "+firstname+" "+lastname+"  Thank you for loging in!");        %></body></html> 

Set 3

//1. Write a JSP program to display current date and time and suitable welcome message. a. If time is between 5AM and 12 PM display welcome message as ‘Good Morning’b. If time is between 12 PM and 5 PM display welcome message as ‘Good Afternoon’c. After 5PM display message as ‘Good evening’.<%@page language="java"%><html><head><title>Welcome</title></head><body><h1>

<% java.util.Date d=new java.util.Date();int time=d.getHours();if(time>5 && time<12)    out.println("\n Good Morning !");esle if(time>12 && time<17)out.println("\n Good Afternoon !");else if(time>17)out.println("\n Good Evening !");%>

</h1>current time is :<%=d.getHours()%>:<%=d.getMinutes()%></body></html>

Page 4: 5th Sem Practical Solutions kuvempu university

//2. Using Rubberstamp tool, create a clone imageStep 1: run PhotoshopStep 2: go to file menu -> open Step 3: select image -> click openStep 4: select rubberstamp tool from tool menuStep 5: press ALT then left click on image to beginStep 6: click on the image and drag where you want to make clone of that imageStep 7: go to file -> save asStep 8: select JPEG formatStep 9: enter file name -> click SAVE 

Set 4

//1. Using Gradient tool, create some backgrounds for photos. Step 1: run PhotoshopStep 2: go to file menu -> new -> select size -> press okStep 3: select gradient tool from tool menuStep 4: choose gradient (linear/ radial/ angle/ diamond) from option toolbarStep 5: press left click on mouse then drag on image to create gradientStep 6: go to file -> save asStep 7: select JPEG formatStep 8: enter file name -> click SAVE

//2. .Create an HTML page containing the following featuresa. A combo box containing the list of 7 colors: Violet, Indigo, Blue, Green, Yellow, Orange, Redb. Depending upon the color selected from the above combo box, the message in the status bar of the window must be reflect the value selected in the combo box (hint: on change event of the combo box).<html><head><title>Showing Message in Status Bar</title></head><body><script language="JavaScript">functionfn() { num=document.frm.vibgyor.selectedIndex; if(num==0) {window.status="You have selected Violet."; } 

Page 5: 5th Sem Practical Solutions kuvempu university

if(num==1) {window.status="You have selected Indigo."; } if(num==2) {window.status="You have selected Blue."; } if(num==3) {window.status="You have selected Green."; } if(num==4) {window.status="You have selected Yellow."; } if(num==5) {window.status="You have selected Orange."; } if(num==6) {window.status="You have selected Red."; } } </script><form name="frm"><select name="vibgyor" onChange=fn()><option>Violet</option><option>Indigo</option><option>Blue</option><option>Green</option><option>Yellow</option><option>Orang</option><option>Red</option></select></form></body></html> 

Set 5

//1. Create an HTML page containing the following featuresa. A combo box containing the list of  7 colors: Violet, Indigo, Blue, Green, Yellow, Orange, Redb. An empty 1X1 table with default background color: White

Page 6: 5th Sem Practical Solutions kuvempu university

c. Depending upon the color selected from the above combo box, the background of the table must be changed accordingly. (hint: on change event of the combo box). <html>

<head><title>Changing Table Color by selecting color from the ComboBox</title></head><body><script language= "JavaScript">

functionfn() { 

num=document.frm.vibgyor.selectedIndex; if(num==0)  {

document.getElementById("tab").bgColor="Violet"; } if(num==1) {

document.getElementById("tab").bgColor="Indigo"; } if(num==2)  {

document.getElementById("tab").bgColor="Blue"; } if(num==3) {

document.getElementById("tab").bgColor="Green"; } if(num==4) {

document.getElementById("tab").bgColor="Yellow"; } if(num==5) {

document.getElementById("tab").bgColor="Orange"; 

}  if(num==6) {

document.getElementById("tab").bgColor="Red"; } 

} </script><form name="frm"><select name="vibgyor" onChange=fn()><option>Violet</option><option>Indigo</option>

Page 7: 5th Sem Practical Solutions kuvempu university

<option>Blue</option><option>Green</option><option>Yellow</option><option>Orange</option><option>Red</option></select><br><br><br><br><table id="tab" border="1">

<tr><th>Name</th><th>Registration Number</th></tr><tr><td>priyanka rani</td><td>072B5725</td></tr>

</table></form></body>

</html>

//2. Import a ‘JPEG’ format image and save it as a ‘PSD’ image, using layer optionsDecrease the opacity of image.Tips: Ctrl + Shift + S   = ‘save as’ windowStep 1: run PhotoshopStep 2: go to file menu -> openStep 3: select a JPEG image -> click openStep 4: go to layer -> new -> click on ‘layer from background’Step 5: enter layer name in dialog box -> press OKStep 6: press F7 then decrease opacityStep 7: go to file -> save asStep 8: select PSD formatStep 9: enter file name -> click SAVE 

Set 6

//1. Open a PORTRAIT image, convert it into grayscale. Now color the image Using COLOR BALANCE, LEVELS and CURVESStep 1: run PhotoshopStep 2: go to file menu -> openStep 3: select a portrait JPEG image ->click open Step 4: go to image -> mode -> click on GrayscaleStep 5: click “discard” in message boxStep 6: go to image -> adjustments -> image -> click on ‘curves’Step 7: adjust curves -> press OK

Page 8: 5th Sem Practical Solutions kuvempu university

Step 8: go to file -> save asStep 9: select JPEG formatStep 10: enter file name -> click SAVE

//2. Write a HTML page containing an HTML form to capture the following properties from the user:a. Name (text box)b. Address (text area)c. Phone (text box)

Write javascript functions a. to validate Name to contain only alphabets and of maximum length should be 25 ; Show appropriate messages on failure b. to validate Address field to contain maximum length of 200 characters; Show appropriate on failure and focus the ‘Address’ field text areac. to validate phone number to contain only numeric data; show appropriate messages on failure<html><head><title>HTML form</title><Script language="javaScript">

function f(){

var name=document.f1.Name.value;var phone=document.f1.Phone.value;var address=document.f1.Address.value;

if(name.length==""){

alert("Please enter name");name.focus();return;

}if (name.length> 25){

alert("Name Field cannot contain more than 25 characters");name.focus();return;

}if (!isNaN(name)){ 

alert("Name field must be filled with only Alphabets");

Page 9: 5th Sem Practical Solutions kuvempu university

name.focus();return;

}

if(phone.length==""){

alert("Please enter phone numbar");phone.focus();return;

}if (isNaN(phone)){ 

alert("Phone Number must be numeric");phone.focus();return;

}

if(address.length==""){

alert("Please enter address");address.focus();return;

}if (address.length> 200){

alert("Address Field can contain maximum of 200 character");}

}

</script></head><body bgcolor="pink"><marquee><h1 align="center">A Sample FORM </h1></marquee><form name=f1>Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=textbox name="Name"><br>Phone:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=textbox name="Phone"><br>Address:&nbsp;&nbsp;<textarea rows="5" cols="50" name="Address"></textarea><BR><input type=Button name=''Button" value ="Submit" onclick=f()></form></body></html> 

Page 10: 5th Sem Practical Solutions kuvempu university

Set 7

//1. Create two HTML pagesa. First page with the following featuresi. An image(logo) with a company name as the heading in the top centerii. This page containing an HTML form, two text boxes to get First Name, Second Name of the useriii. A submit button to the submit the data to the next pageb. The Second page receives the data submitted by the First Page, displays the following messageWelcome <Last Name>, <First Name><html><head><title></title></head><body><center><img src="NIITLogo.jpg"></center><center><form action="ToShowDataToAnotherPage" method="post">              Please Enter Your Detials !<br>              First Name    <input type="text" name="firstname"><br>              Last Name     <input type="text" name="lastname"><br><input type="submit" name="submit" value="Submit"></form></center></body></html>ToShowDataToAnotherPage  servletimport java.io.*;import java.net.*;importjavax.servlet.*;importjavax.servlet.http.*;

public class ToShowDataToAnotherPage extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {response.setContentType("text/html;charset=UTF-8");PrintWriter out = response.getWriter();

        String firstname=request.getParameter("firstname");        String lastname=request.getParameter("lastname");

Page 11: 5th Sem Practical Solutions kuvempu university

out.println("<font color=blue>Welcome</font>    "+firstname+" "+lastname);    }}

//2. Open a portrait, select the eyeballs using marquee tool, and now change the color of eyes using Hue / saturation.Tips: Ctrl + U = Hue / saturationStep 1: run PhotoshopStep 2: go to file menu -> openStep 3: select image ->click openStep 4: click on marquee tool from tool menuStep 5: select eyeball from the image using marquee toolStep 6: press CTRL+UStep 7: adjust HUE AND SATURATION from dialog box -> press OKStep 8: go to file -> save asStep 9: select JPEG formatStep 10: enter file name -> click SAVE 

Set 8

//1. Open 3 to 4 images in a same layer. Using filter effects create creative backgrounds for book cover page.Step 1: run PhotoshopStep 2: go to file menu -> new -> select background size -> press OKStep 3: go to filter -> noise -> add noiseStep 4: adjust amount in noise dialog box -> press OKStep 5: go to file menu -> openStep 6: select 3-4 images -> click openStep 7: select images, copy and paste them in background one by oneStep 8: go to file -> save asStep 9: select JPEG formatStep 10: enter file name -> click SAVE

//2. Create a HTML page to display a list of film songs available in the library. The following are features of the pagea. The name of the songs must be hyper linked to the songs, so that the users must be able to download songs.b. The following is the song database available in the library:c. Library Name: Hariharan Music Site Slno Song Name      Film          Artiste      1 PATA-PATA Apthamitra Udith Narayan      2 Kana Kanade Apthamitra Madhubalakrishna      3 Anku Donku Apthamitra S P Balasubramanyam      4 Kalavanu        Thadeyoru Apthamitra Hariharan

Page 12: 5th Sem Practical Solutions kuvempu university

      5 Bombe      Anayya     Unknown<html>

<head><tittle>Hiriharan Songs Site</title></head><body>

<marquee><font color = blue><b>Welcome to Hariharan's Songs Site</b></font></marquee>

<center><table border=1>

<tr><th>S.No.</th><th>Song Name</th><th>Film</th><th>Artist</th>

<tr><tr>

<td>1.</td><td><a href="song1.html">Patta-Patta</a></td><td>Apthamitra</td><td>Udit Narayan</td>

</tr><tr>

<td>2.</td><td><a href="song2.html">Kana Kanede</a></td><td>Apthamitra</td><td>Madhubalakirishna</td>

</tr><tr>

<td>3.</td><td><a href="song3.html">AnkuDonku</a></td><td>Apthamitra</td><td>S P Balasupramanniyam</td>

</tr><tr>

<td>4.</td><td><a href="song4.html">Bombay</a></td><td>Anaya</td><td>Unknown</td>

</tr></table></center></body>

</html>

Page 13: 5th Sem Practical Solutions kuvempu university

Set 9

//1. Create an HTML page to display the following data using <table></table> tags

First Name Last NameCity Phone Number Shiva Rama Mysore 08212569964Pratap S         Bangalore 08025689754Sreenivas   G          Mercara         08965445454<html>

<head></head><tittle>Data Table</title><body><table border=1>

<tr><th>First Name</th><th>Last Name</th><th>City</th><th>Phone Number</th>

<tr><tr>

<td>Shiva</td><td>Rama</td><td>Mysore</td><td>08212569964</td>

</tr><tr>

<td>Pratap</td><td>S</td><td>Bangalore</td><td>08025689754</td>

</tr><tr>

<td>Shrinivas</td><td>G</td><td>Mercara</td><td>08965445454</td>

</tr></table></body>

</html>

Page 14: 5th Sem Practical Solutions kuvempu university

//2. Open an image and adjust a level of image. Tips: Ctrl + L = levelStep 1: run PhotoshopStep 2: go to file menu -> openStep 3: select an image -> click openStep 4: go to image -> adjustments -> click on level or press ctrl + lStep 5: adjust level -> press OKStep 6: go to file -> save asStep 7: select JPEG formatStep 8: enter file name -> click SAVE 

Set 10

//1. Write HTML script to display “Hello World, Welcome to the world of HTML”. Put the title as “World of HTML”<html>

<head></head>

<title>Welcome to the world of HTML

</title><body><i>"Hello World</i><b>Welcome to the world of HTML"</b></body>

</html>

//2. Change an image size 22 cm x 29 cm to 44 cm x 58 cm. and resolution 72 to 300.Step 1: run PhotoshopStep 2: go to file menu -> openStep 3: select an image with 22 cm x 29 cm size -> click openStep 4: go to image -> image sizeStep 5: change image size to 44 cm x 58 cm size with 100 resolutions -> press OKStep 6: go to file -> save asStep 7: select JPEG formatStep 8: enter file name -> click SAVE 

Set 11

//1. Create some geometrical shapes, using shape tool. Step 1: run PhotoshopStep 2: go to file menu -> new -> select size -> press OKStep 3: click on ‘custom shape tool’ from tool menu

Page 15: 5th Sem Practical Solutions kuvempu university

Step 4: click on ‘custom shape picker’ in options toolbarStep 5: click on smart tag -> select all then click appendStep 6: choose shape from option toolbarStep 7: left click on background and drag mouse to draw shapeStep 8: go to file -> save asStep 9: select JPEG formatStep 10: enter file name -> click Save 

Set 12

//1. Type text ‘GRADATION’ and apply gradient tool on text.Step 1: run PhotoshopStep 2: go to file menu -> new -> select size -> click OKStep 3: click on text from tool menuStep 4: type text “GRADATION”Step 5: click on layer from layer propertyStep 6: right click on selected layer and click on ‘blending options’Step 7: click and check on ‘gradient overlay’Step 8: adjust gradient or change angle to 0o -> then press OKStep 9: go to file menu -> save asStep 10: select JPEG formatStep 11: enter file name -> click SAVE

//2. Create an HTML page to display the following data using <table></table> tagsFirst Name Last NameCity Phone Number Shiva Rama Mysore 08212569964Pratap S         Bangalore 08025689754Sreenivas    G              Mercara    08965445454<html>

<head></head><tittle>Data Table</title><body><table border=1>

<tr><th>First Name</th><th>Last Name</th><th>City</th><th>Phone Number</th>

<tr><tr>

<td>Shiva</td>

Page 16: 5th Sem Practical Solutions kuvempu university

<td>Rama</td><td>Mysore</td><td>08212569964</td>

</tr><tr>

<td>Pratap</td><td>S</td><td>Bangalore</td><td>08025689754</td>

</tr><tr>

<td>Shrinivas</td><td>G</td><td>Mercara</td><td>08965445454</td>

</tr></table></body>

</html> 

Set 13

//1. Write C Program to create Indian Flag.#include<stdio.h>#include<conio.h>#include<math.h>#include<graphics.h>const float PI=3.14154;void main(){int gdriver=DETECT,gmode=0;int I;Int x,y;initgraph(&gdriver,&gmode,"c:\\tc\\bgi");cleardevice();rectangle(0,0,639,479);outtextxy(250,20,"INDIAN FLAG");rectangle(80,50,560,380);line(80,160,560,160);line(80,270,560,270);setfillstyle(SOLID_FILL,LIGHTRED);floodfill(85,60,getmaxcolor());setfillstyle(SOLID_FILL,WHITE);floodfill(85,170,getmaxcolor());setfillstyle(SOLID_FILL,GREEN);

Page 17: 5th Sem Practical Solutions kuvempu university

floodfill(85,280,getmaxcolor());setcolor(BLUE);circle(320,215,50);for(I=0;I<=360;I+=15){x=50*cos(I*PI/180);y=50*sin(I*PI/180);line(320,215,320+x,215-y);}setcolor(CYAN);settextstyle(TRIPLEX_FONT,HORIZ_DIR,6);outtextxy(200,400,"    JAI HIND!!!" ) ;getch();}

//2. Write C Program to create FISH structure using basic geometric Functions.#include<graphics.h>#include<stdlib.h>#include<conio.h>#include<dos.h>

void main(){  int gd=DETECT,gm,i,j,p,q,x,y,k,flag;  struct arccoordstype arcinfo;  initgraph(&gd,&gm,"c:\\tc\\bgi");  y=getmaxy()/2;  i=0;  p=0;  q=0;  j=0;  flag=0;  setcolor(WHITE);  for(k=0;k<500;k++)    putpixel(random(620),random(419),15);  while(!kbhit())  {  line(0+i,y+20,0+i,y-20);  /*triangle*/  line(0+i,y+20,20+i,y);  line(0+i,y-20,20+i,y);

  ellipse(80+i,y,10-p,350+p,60,25);  line(140+i,y+3,130+i,y+8);  line(130+i,y+8,140+i,y-5);

Page 18: 5th Sem Practical Solutions kuvempu university

  if(flag==0)  p=p+2;  if(flag==1)  p=p-2;

  circle(120+i,y-6,5);

  line(60+i,y-25,30+i,y-45+j);  line(30+i,y-45+j,100+i,y-25);  line(60+i,y+25,30+i,y+45+q);  line(30+i,y+45+q,100+i,y+25);  i=i+3;  if(i>=638)   i=0;

  if(flag==0)  j=j-2,q=q+2;

  if(flag==1)  j=j+2,q=q-2;

  if(j<=-10)  flag=1;  else if(j>=0)  flag=0;

  delay(10);  cleardevice();  }  getch();  closegraph();} 

Set 14

//1. Write Open GL Program to create a Window and display HELLO inside.#include<GL/glut.h>void display(void){

glClear(GL_COLOR_BUFFER_BIT);glColor3f(1.0,1.0,1.0);glBegin(GL_POLYGON);glVertex3f(0.25,0.25,0.25);glVertex3f(0.75,0.25,0.0);

Page 19: 5th Sem Practical Solutions kuvempu university

glVertex3f(0.75,0.75,0.0);glVertex3f(0.25,0.75,0.0);glEnd();glFlush();

}

Void init(void){

glClearColor(0.0,0.0,0.0,0.0);glMatrixMode(GL_PROJECTION);glLoadIdentity();glOrtho(0.0,1.0,0.0,1.0,-1.0,1.0);

}

Int main(int argc,char**argv){

glutInit(&argc,argv);glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);glutInitWindowSize(250,250);glutInitWindowPosition(100,100);glutCreateWindow(“HELLO”);init();

glutDisplayFunc(display);glutMainLoop();return 0;}

//2. Create a simple static web page for a college (assume necessary information)<html><head><title>My College Site</title></head><body bgcolor="gray" text="white" ><div id="banner" style="width:800px; height:120px; background-color:black"><img src="file:///C:/banner.gif" width=800 height=120></div><div id="header" style="position:absolute; left:100px; top:30px; width:350px; height:75px"><div><h1><font color="red" face="Monotype corsiva">My College Site</font></h1></div></div><div id="header" style="position:absolute; background-color:black; top:135px; width:200px; height:500px"><ul id="listitem" type="circle">

Page 20: 5th Sem Practical Solutions kuvempu university

<li><a href=abc.html target="_self">Home</a></li><li><a href="Sitemap.html">Sitemap<a></li><li><a href="About.html">About Us<a></li></ul></div><div id="header" style="position:absolute; background-color:black; left:215px; top:135px; width:590px; height:500px"><h3><font color="red">Online Admission</font></h3><form id="frm1">Enter your name: <input type="text" id="text1" /> <br/><br/>Gender: <input type="radio" id="gender1" name="gend" />Male <input type="radio" id="gender1" name="gend" />Female  <br/><br/>Qualification: Matric<input type="checkbox" id="check1" /> Enter<input type="checkbox" id="check1" /><br/><br/><input type="reset" value="Reset" /><input type="submit" value="Submit" post="" /><br/><br/></form></div></body></html>