html lab programmes.docx

27
Week:-1 Design the following static web pages required for an online book store web site. 1) Home page The static home page must contain three frames TOP FRAME: Logo and the college name and links to home page, login page, registration page, catalogue page and cart page LEFT FRAME: At least four links for navigation. Which will display the catalogue of respective links. RIGHT FRAME: The pages to links in the left frame must be loaded here initially this page contains description of the web site: Home page: <html> <head> <title>Home</title> </head> <body bgcolor="#f4f4f4"> <center> <table border="2" width="100%" cellpadding="2" cellspacing="3" align="center"> <tr align="center"> <td><img src="Sunset.jpg" height="25" width="25"></td> <td colspan="4">BookKart</td> </tr> <tr align="center"> <td><a href="home.html" target="abc">Home</a></td> <td><a href="login.html" target="abc">Login</a></td> <td><a href="registration.html" target="abc">Registration</a></td> <td><a href="catalogue.html" target="abc">Catalogue</a></td>

Upload: david-johnson

Post on 18-Nov-2015

21 views

Category:

Documents


7 download

TRANSCRIPT

Week:-1Design the following static web pages required for an online book store web site.1) Home pageThe static home page must contain three framesTOP FRAME: Logo and the college name and links to home page, login page, registration page, catalogue page and cart pageLEFT FRAME: At least four links for navigation. Which will display the catalogue of respective links.RIGHT FRAME: The pages to links in the left frame must be loaded here initially this page contains description of the web site:

Home page:

Home

BookKart

HomeLoginRegistrationCataloguecart

OUTPUT:

Top Frame:

Home

BookKart

HomeLoginRegistrationCataloguecart

OUTPUT:

Left Frame:

Left

CSE
ECE
EEE
CIVIL

OUTPUT:

Right Frame:

Left

CSE
ECE
EEE
CIVIL

Output:

Login Page:

Login:

Password:

Output:

3. CATALOGUE PAGE:

Book : XML BibleAuthor : WinstonPublication : Wiely

$40.5

Book : AIAuthor : S.RusselPublication : Princetonhall

$63

Book : Java 2Author : WatsonPublication : BPBpublications

$35.5

Book : HTML in 24 hoursAuthor : Sam PeterPublication : Sampublication

$50

OUTPUT:

WEEK:-2:4. CART PAGE: The cart page contains the details about the books which are added to the cart.

Book namePriceQuantityAmount

Java2&35.52$70

XML Bible&40.51$40.5

Total amount$130.5

OUTPUT:

5. REGISTRATION PAGE:

Name:

Password:

Email:

Phone Number:

Sex:

MaleFemale

Date of Birth:

123456789101112131415161718192021222324

25262728293031

123456789101112

198219831984198519861987198819891990199119921993199419951996199719981999200120022003200420052006200720082009201020112012

Languages Known:EnglishTeluguHindiTamil

Address:

OUTPUT:

WEEK:-3:VALIDATIONWrite a JavaScript to validate fields fo the above registration page.

function validate(){var uname=document.f2.tx1.value;var pwd=document.f2.ps1.value;var email=document.f2.tx2.value;var mob=document.f2.tx3.value;var r1=new RegExp("^[a-zA-Z0-9]{6,}$");var r2=new RegExp("^[a-zA-Z0-9]+@[a-zA-Z]+.[a-zA-Z]{2,3}$");var r3=new RegExp("^[0-9]{10}$");if(r1.test(uname)){if(pwd.length>=6){if(r2.test(email)){if(r3.test(mob)){alert("Registration Successful");return(true);}else{alert("Invalid Mobile number");return(false);}}else{alert("Invalid email");return(false);}}

else{alert("Invalid Password");return(true);}

}else{alert("Invalid username");return(false);}}

Name:

Password:

Email:

Phone Number:

Sex:

MaleFemale

Date of Birth:

12345678

910111213141516171819202122232425262728293031

123456789101112

198219831984198519861987198819891990199119921993199419951996199719981999200120022003200420052006200720082009201020112012

Languages Known:EnglishTeluguHindiTamil

Address:

OUTPUT:

WEEK:-4Design a web page using CSS(Cascading Style Sheets).

h1{font-family:Buxton Sketch;font-size:30}a:link {color:red}a:visited {color:green}a:hover {color:black}a:active {color:yellow}.cls {background-color:orange;font-family:Segoe Print;font-size:25}.cross{cursor:crosshair}.help{cursor:help}body{background-image:url(v.jpg);background-repeat:repeat}

This document is all about CSSThis shows styles with css

This shows CROSS LINK cursor

This shows HELP LINK cursor
LAYER1LAYER2

OUTPUT:

WEEK:-5:Write XML file which will display the book information.

Web Technologies Black BookKogent Learning Solutions10A91A0549veeru3500

C programmingForouzan10A91A0543jaya2500

Advanced Computer ArchitectureNaresh Jotwani10A91A0550kalayani2500

Advanced Computer NetworksForouzan10A91A0556satya4500

Sample.xsl: Title Of The Book Author Name ISBN numberPublisher NameEditionPrice

OUTPUT: