WDW LAB File Format

It's a noida universities

Uploaded by

chandnihal073

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF or read online on Scribd

0% found this document useful (0 votes)

38 views31 pages

WDW LAB File Format

It's a noida universities

Uploaded by

chandnihal073

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF or read online on Scribd

You are on page 1/ 31

DETAILS OF THE EXPERIMENTS CONDUCTED (TO BE USED BY THE STUDENTS IN THEIR RECORDS) INDEX ‘TITLE OF THE EXPERIMENT 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 (the description of these pages will be given belo Left frame: At least four links for navigation, which will display the catalogue of respective links. For e.g.: When you click the link “CSE” the catalogue for CSE. Books should be displayed in the Right frame. Right frame: The pages to the links in the left frame must be loaded here. Initially this page contains description of the web site. Description of the Web Site Login Page Cc Passwords; §$ me = User Name: Design the following static web pages required for an online book store web site. DATE OF SUBMISSIO N FACULTY SIGNATURE, CATOLOGUE PAGE: ‘The catalogue page should contain the details ofall the books available in the web sitein a table. The details should contain the following: 1. Snap shot of Cover Page. 2. Author Name, 3. Publisher. 4. Price, 5. Ada to cart button. © scanned with OKEN Scannera “Registration | Catalogu 2 Book: XML Bible Author Winston Publication : Wiely Book :Al Author SRussel ceton Author : Watson Publication : BPB publications £73) Book : HTML in 24 = QI bows Author: Sam Peter Publication Sam publication ‘The cart page contains the details about the hooks which are added to the cart The eat page should look like Logo Web Site Nam Tome Togn | Reginatn| —Casiogne [Con] CSE | Book name Price Quantity Amount Java2 S355 2 S70 ECE XML bible s40.5 1 S405 Total amount civit} $130.5 REGISTRATION PAGE: Create a “registration form “with the follow 1) Name (Text field) 2) Password (password field) 3) E-mail id (textfield) 4) Phone mumber (text field) 5) Sex (mudio button) 6) Date of birt (3 select boxes) 7) Languages known (check boxes ~ English, Telugu, Hindi, Tamil) 8) Address (text area) 1, Name (Name shoukl contains alphabets and the length shoukl not be less than 6 characters), 2. Password (Password should not be less than 6 characters length) JS VALIDATION: 3. E-mail id (should not contain any invalid and must follow the standard o © scanned with OKEN Scannerpattern (uae@domain com) 4. Phone number (Phone number shouki contain 10 digits only) Use different font, styles: In the style definition you define how each selector should work (font, color etc.). Then, in the body of your pages, you refer to these selectors to ctivate the styles Set a background image for both the page and single elements on the page, Control the repetition of the image with the background-repeat property As background-repeat: repeat Tiles the image until the entire page is filled, just like an ordinary background image in plain HTML. Define styles for links as Adlink Avvisited Acactive Achover Consider a small topic of your choice on which you can develop static web pages and try to implement all topics of html,CSS, and Js within the topic Choose any topic 1. Your own portfolio 2. To-Do List 3. Survey Form 4. A Tribute Page 5._A Questionnaire @ scanned with OKEN ScannerEXPERIMENT NO. - 1 Design the following static web pages required for an online book store website. Design te following statie web pages required for an online book sore web Site 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 (the description of these pages will be given below), Left frame: Atleast four links for navigation, which will display the catalogue of respective links. For ext; When you click the link “CSE” the catalogue for CSE Books should be displayed in the Right frame. Right frame: The pages tothe links in the lft frame must be loaded here. Initially this page contains description of the web site. Description of the Web Site home. html ‘title>IMS ENGINEERING COLLEGE<'title> "DAWDLab\home! html"> LOGO<Ititle> </head> <body bgcolor="#ffec00"> <img sre="D:\WDLab\logo jpg” height=" 100" </body> <Jhumt> homel.html <huml> <head> <title>HOME1/title> <head> <body bgcolor="#ffee99"> <a href="home.html"> HOME </a> <Mody> <html> coursesi.htm! <html> <head> <title>home |

CSE
EEE
CIVIL

name.html home 1

IMS Engineering College,Ghaziabad

login I.htmt home Login registration I.html home1 Registration catalogue html home! © scanned with OKEN ScannerCatalogues/a> carti.html homel <ititle> </head> <body bgcolor="#ffcc9! <a href="cart.himl" target= £32">Cart </a> </body> </html> CSE.ht <html> <head> <title>homel < ign = "Center">Department of Computer Science & Engineering

Njustify">

(ag, S$ Use document.vrite command 10 print the name of book wing xmldoc.getElementsByTagName("NAME" fi}.childNodes[0] nodeValue command. © scanned with OKEN Scanner9. Use document.write command to print the name of author _ using xmldoe. getElementsByTagName("AUTHOR" [i] childNodes{1].nodeValue command. 10. Use document.write command to print the name of Publisher using, xmldoc.getElementsByTagName("PUBLISHER")[i].childNodes[ |].nodeValue command, 11,Use document.write command = to—print =the ~— Price using xmldoe.getElementsByTagName("PRICE" [i] childNodes{ 1].nodeValue command 12. Use document.write command!'to Add button “Add to cart”. 13. Prepare abook.xml'file that contain asthe rodtelement , as sub root element and.name, author publication and Price as child elements, ouTPU Book:XMLBible Author : Winston Publication: Wiely Book :Al Author:S Russel Publication:Princetonhall Post Experiment Questions: 1. Explain the properties of the docutfignt object in Java Script? 2. Write a simple XML code forBook-eatal6g? © scanned with OKEN ScannerEXPERIMENT NO.-04 Aim: Design a web page that have contain cart page having the details about the books which are added to the cart. Description: In this program user have to count the number of books of CSE.EC the user click on the CSE button ,bookeniame quantity... price and amount will be dis of particular department. E and Civil..when ed Ex 1. What is XML? 2.) Whatare the advantages of XML? INPUT AND OUTPUT: INPUT: csechecktest.html 1. JavaScript Function in uséd for displaying the using window alen(“You have selected the GSE book”); 24, Input a table with

tags 3. Add four table tow withiadd"heading

tag with book name,p: quatityand amount. 5, In second fow , use data	tag to.add name'of Book.price , quantity and amount. 6. The same is repeated for third and forth row. In the same way ecechecklist. HTML ceechecklist. HTML and civilchecklis HTML is prepared © scanned with OKEN ScannerOUTPUT: ‘CARTPAGE: The cart page contains the details about the books which are added to the cart. The cart page should ook ike this: Logo ‘Web Site Name Home Login Registration Catalogs \| Cat CSE \| Bockname Pace ‘Quantity “Amour ce \| Java 955 2 $7 HEE \| XML bible $05 1 sos Civ \| Totalamount —-$1305 Post Experiment Questions: 1. Explain the ATTRIBUTES of table in HTML? 2. Diffirence between HTML. and XML? © scanned with OKEN ScannerEXPERIMENT NO.-05 Aim: Create a registration form" with the following fields 1)Name (Text field) 2)Password (password field) 3) E-mailid(text field) 4) Phone Number(text field) 5) Sex(radio button) 6) Date of birth(3 select boxes) 7) Languages known(checkboxes“English, Telugu, Hindiy’Tamil) 8) Address(text area Descriptio isjan HTML element to collect ifiput dita containing fimeractive’ controls. It provides facilities torinput text, number, valuies,email, password, and \controlfields\such as checkboxes>radio buttons, submit buttons, etc., or invother words, form is Container that contains input elements like text, email, number, radio butions, checkboxés, subimit buttons, ete, Fotis are generally used when you want 0 collect data from the user, Fof example, a user wants to buy a bag online, so he/she has to first. entér-theit shipping addfess in the address form and then ada their payment details tiv the payment form to place an otder, E it ions: 1. Whatis a form in hil? 24, Explain the elements of forms 1. First write the tag to create the registration form, 2. to créiite.a.text field for the nanié: 3. to create a text field for the password. 4. to create a text field for the password. 5. Create two radio buttons for male and female by using the command 6. <1 ‘date of birth"> to create a text field for the date of birth. * language “ > to create a language option. 8. Example

tag with book name,p: quatityand amount. 5, In second fow , use data

tag to.add name'of Book.price , quantity and amount. 6. The same is repeated for third and forth row. In the same way ecechecklist. HTML ceechecklist. HTML and civilchecklis HTML is prepared © scanned with OKEN ScannerOUTPUT: ‘CARTPAGE: The cart page contains the details about the books which are added to the cart. The cart page should ook ike this: Logo ‘Web Site Name Home Login Registration Catalogs | Cat CSE | Bockname Pace ‘Quantity “Amour ce | Java 955 2 $7 HEE | XML bible $05 1 sos Civ | Totalamount —-$1305 Post Experiment Questions: 1. Explain the ATTRIBUTES of table in HTML? 2. Diffirence between HTML. and XML? © scanned with OKEN ScannerEXPERIMENT NO.-05 Aim: Create a registration form" with the following fields 1)Name (Text field) 2)Password (password field) 3) E-mailid(text field) 4) Phone Number(text field) 5) Sex(radio button) 6) Date of birth(3 select boxes) 7) Languages known(checkboxes“English, Telugu, Hindiy’Tamil) 8) Address(text area Descriptio

isjan HTML element to collect ifiput dita containing fimeractive’ controls. It provides facilities torinput text, number, valuies,email, password, and \controlfields\such as checkboxes>radio buttons, submit buttons, etc., or invother words, form is Container that contains input elements like text, email, number, radio butions, checkboxés, subimit buttons, ete, Fotis are generally used when you want 0 collect data from the user, Fof example, a user wants to buy a bag online, so he/she has to first. entér-theit shipping addfess in the address form and then ada their payment details tiv the payment form to place an otder, E it ions: 1. Whatis a form in hil? 24, Explain the elements of forms 1. First write the tag to create the registration form, 2. to créiite.a.text field for the nanié: 3. to create a text field for the password. 4. to create a text field for the password. 5. Create two radio buttons for male and female by using the command 6. <1 ‘date of birth"> to create a text field for the date of birth. * language “ > to create a language option. 8. Example