html lab programmes.docx
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 cursorLAYER1LAYER2
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: