Homework 2 305

8/6/2019 Homework 2 305

1/18

HOME WORK-2

WEB PROGRAMMING

Homework Title / No PART-1 & 2 Course Code: 1404

Course Instructor: PrRis!i C!o"r# Course Tutor $i% #""lic#le':

(#te o% Allotment: 1)*e"t+ 2010 (#te o% sumission: 21*e"t+ 2010

Students Roll No.Rtb012A01 Section No. : Tb012.

Declaration:

I declare that this assignment is my individual or!. I have not co"ied

#rom any other students or! or #rom any other source e$ce"t here dueac!noledgment is made e$"licitly in the te$t% nor has any "art been

ritten #or me by another "erson.

Students Signature:

&ano' Sharma.

(valuators comments:

)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))

&ar!s obtained: ))))))))))) out o# ))))))))))))))))))))))

Part-A

Q.1 Write the code to create thumbnails and steps to create thumbnails

using appropriate Example.

*+ead,

*Title, thumbnail*-title,*-head,

8/6/2019 Homework 2 305

2/18

*bgcolor/red/,

*a hre#/i1.html/ target/ /,

*img src/i1.'"g/ alt// idth/0/ height/0/,*-a,



*a hre#/i.html/ target//,

*img src/i.'"g/ alt// idth/0/ height/0/,*-a,

*a hre#/i.html/ target/ /,

*img src/i.'"g/ alt// idth/0/ height/0/,*-a,



*-html,

Target lin!

4or the I1.html

*html,

*head,

*title, thumbnail*-title,*-head,

*img src/i1.'"g/ border/1/ idth/500/ height/300/,

*-html,

4or I2.html

*html,

*head,


8/6/2019 Homework 2 305

3/18

*img src/i2.'"g/ border/1/ idth/500/ height/300/,

*-html,

4or I.html

*html,

*head,


*img src/i.'"g/ border/1/ idth/500/ height/300/,

*-html,

4or I.html*html,

*head,


*img src/i.'"g/ border/1/ idth/500/ height/300/,

*-html,

4or Image.html

4or Image3 .html

*html,

*head,


*img src/image3.'"g/ border/1/ idth/500/height/300/,

*-html,

"utput!

8/6/2019 Homework 2 305

4/18

Steps:

1. 4irst save the "icture as a 67(8 #ile.

2. Access the +T&9 source code #or the "age you ant toadd a thumbnail to.

. Ty"e in the #olloing +T&9 code% re"lacing the ords/"ictureR9/ ith the e$act R9 o# the "icture you areusing:

*a hre#/image1.html/ target/ /,

*img src/image1.'"g/ alt// idth/0/height/0/,*-a,

. Save the "age and vie it to see your ne thumbnailimage and associated #ull;si

8/6/2019 Homework 2 305

5/18

>.2 ?rite a code #or the #olloing eb "age:

Ans#er!

*html,

*body,

*h1 ,9ists*-h1,

*ul,

$ists

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;1. ;;;;;;;;;;;;;;;;;;;;;;;2. ;;;;;;;;;;;;;;;;;;;;;;;. ;;;;;;;;;;;;;;;;;;;;;;;

I@@@@@@@@@.

II@@@@@@@@@

III@@@@@@@@@

a@@@@@@@@@@@..

b@@@@@@@@@@@.

c@@@@@@@@@@@.

8/6/2019 Homework 2 305

6/18

*li,;;;;;;;;;;;;*-li,

*li,;;;;;;;;;;;;;*-li,

*li,;;;;;;;;;;;;;*-li,

*ol ty"e /1/,

*li,;;;;;;;;;;*-li,

*li,;;;;;;;;;;*-li,

*li,;;;;;;;;;;*-li,

*ol ty"e /I/,

*li,...........*-li, *li,...........*-li,

*li,...........*-li,

*ol ty"e /a/,

*li,...........*-li,

*li,...........*-li,

*li,...........*-li,

*-ol,

*-ol,

*-ol,

*-ul,

*-body,

*-html,

>. ?rite +T&9 code #or #olloing layout using #rames. The

underlined ords act as hy"erlin! and corres"ond to each

hy"erlin! the a""ro"riate "age should be o"en.

9ovely 7ro#essional niversity

8/6/2019 Homework 2 305

7/18

Bourse

s

School

s

Ce"t

Dloc!s

Bourses

Anser:

%rame coding!

*html,

*head,

*title,eb"age*-title,*-head,

*#rameset ros/20E%F/,

*#rame src/97.html/,

*#rameset cols/20E%F%F/,

*#rame src/lin!.html/,

*#rame name/#rame/,

*-#rameset,

*-#rameset,

*-+T&9,

8/6/2019 Homework 2 305

8/18

Gut"ut:

$ining coding.

*html,

*head,


*body,

8/6/2019 Homework 2 305

9/18

*a hre#/courses.html/ target/#rame/,Bourses*-a,*br,

*a hre#/schools.html/ target/#rame/,Schools*-a,*br,

*a hre#/de"t.html/ target/#rame/,Ce"t*-a,*br,

*a hre#/bloc!s.html/target/#rame/,Dloc!s*-a,

*-body,

*-html,

&ourses coding!

*html,

*head,


*body bgcolor/yello/,

*",*#ont color/red/,*h1,Bourses*-h1,*-",*-#ont,

97 o##er courses:;

&anagement*br,

+otel &anagement%*br,

Bom"uter A""lication%*br,

(ngineering%*br,

Architecture% *br,

Cesign% *br,

8/6/2019 Homework 2 305

10/18

Bommerce% *br,

4ashion Technology%*br,

7harmacy% *br,

7hysiothera"y% *br,

7aramedical Sciences% *br,

Diotechnology%*br,

&icrobiology%*br,

Diochemistry% *br,

(ducation% *br,

7hysical (ducation%*br,

4ilms% Animation% 4ine Arts% 7er#orming Arts% Sciences% Arts H

9anguages etc.

*-body,

*-html,

Gut "ut:

8/6/2019 Homework 2 305

11/18

'chools coding!

*html,

*head,



*",*#ont color/red/,*h1,Schools*h1,*-",*-#ont,

*h1,9ovely School o# Technology *-h1,

*h1, 9ovely School o# &anagement *-h1,

*h1, 9ovely School o# (ngineering *-h1,

*-body,

*-html,

8/6/2019 Homework 2 305

12/18

Gut"ut:

(ept coding

*html,

*head,



*",*#ont color/red/,Ce"t*-",*-#ont,

*-body,

*locs coding!

*html,

*head,

8/6/2019 Homework 2 305

13/18



*",*#ont color/red/,*h1,Dloc!s*-h1,*-",*-#ont,

*h2,D+ Dloc!;1*-h2,

*h2,D+ Dloc!;2*-h2,

*h2,D+ Dloc!;*-h2,

*-body,

*-html,

7art;D

>. ?rite code #or a ?eb "age hich uses BSS to dis"lay

relevant data.

Anser: *-html,

8/6/2019 Homework 2 305

14/18

*style ty"e/te$t -css/,

bodybac!ground;color: red=J

h1 color: blue= te$t;align: enter=J

7 #ont;#amily:K Arial/=

#ont;si

8/6/2019 Homework 2 305

15/18

>.3. ?rite code #or a ?eb "age hich uses 6avaScri"t to

"er#orm various validations on the registration #orm #or an

organi

8/6/2019 Homework 2 305

16/18

i# M"assord.length 0

alertM/Lou must enter a "assord./=

return #alse=

J

return true=

J

*-scri"t,

*-head,*body,

*h1,9ogin 4orm*-h1,

*#orm method/"ost/ action/registration.html/

onsubmit/return validateMthis=/,

sername: *in"ut ty"e/te$t/ name/sername/si

8/6/2019 Homework 2 305

17/18

>. Breate a +T&9 #orm that calculates electricity bill% maybe

user ought to have the o"tion o# online "ayment. se 6avaScri"t

to "er#orm relevant validations #or a given belo.

*html,

*head,

*title, my electricity eb "age*-title,*-head,

*body,

*#orm name/(lectricity#orm/,

*h1,*u,(lectricity billing #orm*-u,*-h1,

*"re,

&onthly tility Dill : *in"ut ty"e/te$t/ name/billal/,

Annual In#lation ME : *in"ut ty"e/te$t/ name/in#Rate/

value /2/,

Balculate #or Lears : *in"ut ty"e/te$t/ name/years/,

*in"ut ty"e/button/ name/calc/ value/ Balculate Savings

/ onclic!/calculate ?inMmy#orm1/,

8/6/2019 Homework 2 305

18/18

Total (nergy Bost : *in"ut ty"e/te$t/

name/totale$"ense/,

*-"re,

*-#orm,

*-body,

*-html,

Documents

Homework 2 305