SDDIE

SWAMI DEVI DYAL INSTITUTE OF ENGG BARWALA,

PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create your Own Page with Favorite Hobbies
EXPERIMENT NO.: - 1 ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1
PRACTICAL NO:
Create your Own Page with Favorite Hobbies
!HTML"
!HEA#"

!H$ ALIGN % CENTER" Hobbies Page!&H$"!'R"!'R"!'R"
!&HEA#"
!'O#( "
My Hobbies are
!)L"
!Li"Photogra*hy!'R"!'R"
!Li"Listening Musi+!'R"!'R"
!Li"P,aying Ga-es!'R"!'R"
!Li".eb 'rowsing
!&)L"
!&'O#("
!&HTML"
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. ,BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !
PRACTICAL NO: 2
Chalk out the storyboard and design of Diary ood Li!ited"
!HTML"
!HEA#"
!TITLE"
.ELCOME TO #AIR(
!&TITLE"
!&HEA#"
!'O#("
!H" !CENTER"
.ELCOME TO #AIR(
!&CENTER" !&H"
!'R" !'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"#AIR( PRO#)CT5!&'" !&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!&TR"
!TR ALIGN%CENTER"
!T#"33
!T#" !A HREF%6MIL78HTML6"MIL7!&A"
!&TR"
!TR ALIGN%CENTER"
!T#"33$
!T#" !A HREF%6CHEE5E8HTML6"CHEE5E!&A"
!&TR"
!TR ALIGN%CENTER"
!T#"339
!T#" !A HREF%6')TTER8HTML6"')TTER!&A"
!&TR"
!TR ALIGN%CENTER"
!T#"33:
!T#" !A HREF%6ICE8HTML6"ICE CREAM!&A"
!&TR"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG.,
BARWALA, PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "
!TR ALIGN%CENTER"
!T#"332
!T#" !A HREF%6MIL75HA7E8HTML6"MIL7 5HA7E5!&A"
!&TR"
!&TA'LE 'OR#ER%2 .I#TH%234"
!P"
!P"
!P"
For *,a+ing your or0er
!'R"
Conta+t : 0oo0hwa,a;-i,/0iary8+o-
!&CENTER"
!&'O#("
!&HTML"
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #A$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: %
PRACTICAL NO: $<A=
!HTML"
!HEA#"
!TITLE"
.ELCOME TO MIL7 #AIR(
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO MIL7 #AIR(
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"MIL7 T(PE5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!TH"PRO#)CT PRICE
!&TR"
!TR ALIGN%CENTER"
!T#"33
!T#"TONE# MIL7
!T#"Rs $ PER 7g
!&TR"
!TR ALIGN%CENTER"
!T#"33$
!T#"#O)'LE TONE# MIL7
!T#"Rs 3 PER 7g
!&TR"
!TR ALIGN%CENTER"
!T#"339
!T#"F)LL CREAM MIL7
!T#"Rs > PER 7g
!&TR"
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG.,
BARWALA, PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #A$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: &
OUTPUT
SDDIET
SWAMI DEVI DYAL INSTITUTE OF ENGG. '
TECHNOLOGY, BARWALA, PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #B$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: (
PRACTICAL NO: $<'=
!HTML"
!HEA#"
!TITLE"
.ELCOME TO CHEE5E #AIR(
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO CHEE5E #AIR(
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"CHEE5E T(PE5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!TH"PRO#)CT PRICE
!&TR"
!TR ALIGN%CENTER"
!T#"$33
!T#"CHEE5E
<T(PEI=
!T#"Rs ?3 PER 7g
!&TR"
!TR ALIGN%CENTER"
!T#"$33$
!T#"CHEE5E <T(PEII=
!T#"Rs >3 PER 7g
!&TR"
!TR ALIGN%CENTER"
!T#"$339
!T#"CHEE5E <T(PEIII=
!T#"Rs 23 PER 7g
!&TR"
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG.
B,ARWALA, PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #B$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 7
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #C$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: )
PRACTICAL NO: $<C=
!HTML"
!HEA#"
!TITLE"
.ELCOME TO ')TTER #AIR(
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO ')TTER #AIR(
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"')TTER T(PE5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!TH"PRO#)CT PRICE
!&TR"
!TR ALIGN%CENTER"
!T#"933
!T#"(ELLO. ')TTER
!T#"Rs ?3 PER 7g
!&TR"
!TR ALIGN%CENTER"
!T#"933$
!T#".HITE ')TTER
!T#"Rs >3 PER 7g
!&TR"
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #C$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: *
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #D$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1+
PRACTICAL NO: $<#=
!HTML"
!HEA#"
!TITLE"
.ELCOME TO ICE CREAM 5HOP
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO ICE CREAM 5HOP
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"ICE CREAM T(PE5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!TH"PRO#)CT PRICE
!&TR"
!TR ALIGN%CENTER"
!T#":33
!T#"MIL7 'AR
!T#"Rs 3
!&TR"
!TR ALIGN%CENTER"
!T#":33$
!T#"CHOCO 'AR
!T#"Rs 2
!&TR"
!TR ALIGN%CENTER"
!T#":339
!T#"FEA5T 'AR
!T#"Rs 2
!&TR"
!TR ALIGN%CENTER"
!T#":33:
!T#"ORANGE 'AR
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #D$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 11
!T#"Rs ?
!&TR"
!TR ALIGN%CENTER"
!T#":332
!T#"MANGO 'AR
!T#"Rs ?
!&TR"
!TR ALIGN%CENTER"
!T#":33>
!T#"CA55ATA
!T#"Rs $2
!&TR"
!TR ALIGN%CENTER"
!T#":33?
!T#"CORNATTO
!T#"Rs $3
!&TR"
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #D$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1!
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #E$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1"
PRACTICAL NO: $<E=
!HTML"
!HEA#"
!TITLE"
.ELCOME TO MIL7 5HA7E5 5HOP
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO MIL7 5HA7E5 5HOP
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"MIL7 5HA7E5 T(PE5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"PRO#)CT CO#E
!TH"PRO#)CT NAME
!TH"PRO#)CT PRICE
!&TR"
!TR ALIGN%CENTER"
!T#"233
!T#"MIL7 5HA7E
!T#"Rs 3
!&TR"
!TR ALIGN%CENTER"
!T#"233$
!T#"CHOCO 5HA7E
!T#"Rs 2
!&TR"
!TR ALIGN%CENTER"
!T#"2339
!T#"MANGO 5HA7E
!T#"Rs 2
!&TR"
!TR ALIGN%CENTER"
!T#"233:
!T#"'ANANA 5HA7E
!T#"Rs 2
!&TR"
!TR ALIGN%CENTER"
!T#"2332
!T#"5TRA.'ERR( 5HA7E
!T#"Rs $3
!&TR"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0
EXPERIMENT NO.: - ! #E$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1%
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1&
PRACTICAL NO: 9
Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0 ,oa0 a 0i11erent web *age
!HTML"
!HEA#"
!TITLE"
.ELCOME TO M( MEN)
!&TITLE"
!&HEA#"
!'O#("
!H"!CENTER"
.ELCOME TO M( MEN)
!&CENTER"!&H"
!'R"!'R"
!CENTER"
!TA'LE 'OR#ER%2 .I#TH%234"
!CAPTION ALIGN%CENTER"!'"MEN) 5ECTION5!&'"!&CAPTION"
!TR ALIGN%CENTER"
!TH"5ECTION CO#E
!TH"5ECTION NAME
!&TR"
!TR ALIGN%CENTER"
!T#"33
!T#"!A HREF%6FLOPP(8HTML6"FLOPP(!&A"
!&TR"
!TR ALIGN%CENTER"
!T#"33$
!T#"!A HREF%6MONITOR8HTML6"MONITOR!&A"
!&TR"
!&TA'LE"
!&CENTER"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1(
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " #A$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 17
PRACTICAL NO: 9<A=
!HTML"
!H ALIGN%CENTER"
FLOPP( #I57
!&H"
!'O#("!CENTER"
!IMG 'OR#ER%9 5RC%6FLOPP(8 @*g6 "!&CENTER"
!P"
A so1t -agneti+ 0is/8 It is +a,,e0 1,o**y be+ause it 1,o*s i1 you wave it <at ,eastA the 2BCin+h variety
0oes=8 )n,i/e -ost har0 0is/sA 1,o**y 0is/s <o1ten +a,,e0 1,o**ies or 0is/ettes= are *ortab,eA be+ause you
+an re-ove the- 1ro- a 0is/ 0rive8 #is/ 0rives 1or 1,o**y 0is/s are +a,,e0 1,o**y 0rives8 F,o**y 0is/s
are s,ower to a++ess than har0 0is/s an0 have ,ess storage +a*a+ityA but they are -u+h ,ess eD*ensive8
An0 -ost i-*ortant,yA they are *ortab,e8
F,o**ies +o-e in three basi+ siEes:
!)L"
!LI"FCin+h
The 1irst 1,o**y 0is/ 0esignA invente0 by I'M in the ,ate G>3s an0 use0 in the ear,y G?3s as 1irst a
rea0Con,y 1or-at an0 then as a rea0Cwrite 1or-at8 The ty*i+a, 0es/to*&,a*to* +o-*uter 0oes not use the
FCin+h 1,o**y 0is/8
!LI"2BCin+h
The +o--on siEe 1or PCs -a0e be1ore GF? an0 the *re0e+essor to the FCin+h 1,o**y 0is/8 This ty*e o1
1,o**y is genera,,y +a*ab,e o1 storing between 337 an0 8$M' <-egabytes= o1 0ata8 The -ost +o--on
siEes are 9>37 an0 8$M'8
!LI"9HCin+h
F,o**y is so-ething o1 a -isno-er 1or these 0is/sA as they are en+ase0 in a rigi0 enve,o*e8 #es*ite their
s-a,, siEeA -i+ro1,o**ies have a ,arger storage +a*a+ity than their +ousins CC 1ro- :337 to 8:M' o1
0ata8 The -ost +o--on siEes 1or PCs are ?$37 <0oub,eC0ensity= an0 8::M' <highC0ensity=8
Ma+intoshes su**ort 0is/s o1 :337A F337A an0 8$M'8
!&)L"
!&P"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG, BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " #A$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1)
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " #B$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: 1*
PRACTICAL NO: 9<'=
!HTML"
!'O#("
!H ALIGN%CENTER"
MONITOR
!&H"
!P"
MonitorA the 0is*,ay is the -ostCuse0 out*ut 0evi+e on a +o-*uter8 The 0is*,ay *rovi0es instant 1ee0ba+/
by showing you teDt an0 gra*hi+ i-ages as you wor/ or *,ay8 Most 0es/to* 0is*,ays use a +atho0e ray
tube <CRT=A whi,e *ortab,e +o-*uting 0evi+es su+h as ,a*to*s in+or*orate ,iIui0 +rysta, 0is*,ay <LC#=A
,ightCe-itting 0io0e <LE#=A gas *,as-a or other i-age *ro@e+tion te+hno,ogy8 'e+ause o1 their s,i--er
0esign an0 s-a,,er energy +onsu-*tionA -onitors using LC# te+hno,ogies are beginning to re*,a+e the
venerab,e CRT on -any 0es/to*s8
!'R"
!'"#I5PLA( TECHNOLOG( 'AC7GRO)N#!&'"
#is*,ays have +o-e a ,ong way sin+e the b,in/ing green -onitor in teDtCbase0 +o-*uter syste-s o1 the
G?3s8 Just ,oo/ at the a0van+es -a0e by I'M over the +ourse o1 a 0e+a0e:
!)L"
!LI"In GFA I'M intro0u+e0 the Co,or Gra*hi+s A0a*ter <CGA=A whi+h was +a*ab,e o1 ren0ering 1our
+o,orsA an0 ha0 a -aDi-u- reso,ution o1 9$3 *iDe,s horiEonta,,y by $33 *iDe,s verti+a,,y8
!LI"I'M intro0u+e0 the Enhan+e0 Gra*hi+s A0a*ter <EGA= 0is*,ay in GF:8 EGA a,,owe0 u* to >
0i11erent +o,ors an0 in+rease0 the reso,ution to >:3D923 *iDe,sA i-*roving the a**earan+e o1 the 0is*,ay
an0 -a/ing it easier to rea0 teDt8
!LI"In GF?A I'M intro0u+e0 the Ki0eo Gra*hi+s Array <KGA= 0is*,ay syste-8 Most +o-*uters to0ay
su**ort the KGA stan0ar0 an0 -any KGA -onitors are sti,, in use8
!LI"L I'M intro0u+e0 the EDten0e0 Gra*hi+s Array <MGA= 0is*,ay in GG3A o11ering F33D>33 *iDe,
reso,ution in true +o,or <>8F -i,,ion +o,ors= an0 A3$:D?>F reso,ution in >2A29> +o,ors8
!&)L"
Most 0is*,ays so,0 to0ay su**ort the ),tra EDten0e0 Gra*hi+s Array <)MGA= stan0ar08 In the neDt
se+tionA youN,, ,earn about )MGA8
!&P"
!&'O#("
!&HTML"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age
EXPERIMENT NO.: - " #B$ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !+
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb Page )sing Or0ere0 an0 )nCor0ere0 List
EXPERIMENT NO.: - % ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !1
PRACTICAL NO: :
Create a .eb Page )sing Or0ere0 an0 )nCor0ere0 List
!ht-,"
!hea0"
!tit,e"
Or0ere0 an0 )nor0ere0 List
!&tit,e"
!&hea0"
!bo0y"
!+enter"
!*"
!b"My Goo0 an0 'est Frien0s!&b"
!&*"
!&+enter"
!o,"
!,i"Naven0u Rai
!,i"5ha,ini Gu*ta
!,i"5urbhi 5ar0a
!,i"Kin/a, 'ansa,
!,i"Mohit 5aharan
!,i"Aastha 5har-a
!,i" Neha Awasthi
!&o,"
!+enter"
!b"
5ub@e+ts
!&b"
!&+enter"
!u,"
!,i"5MC5
!,i"Co-*i,er #esign
!,i".eb Engineering
!,i")niD an0 LinuD Progra--ing
!,i"5PM
!&u,"
!&bo0y"
!&ht-,"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG, BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb Page )sing Or0ere0 an0 )nCor0ere0 List
EXPERIMENT NO.: - % ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !!
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb Page to 5how Re+or0 o1 the Co,,ege in the 1or- o1 Tab,e
EXPERIMENT NO.: - & ISSUE NO. ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !"
PRACTICAL NO: 2
Create a .eb Page to 5how Re+or0 o1 the Co,,ege in the 1or- o1 Tab,e
!ht-,"
!hea0"
!tit,e"
Co,,ege Re+or0s
!&tit,e"
!hea0"
!+enter"
!h" COLLEGE RECOR#!&h"
!&+enter"
!tab,e bor0er%O$O a,ign%O+enterO wi0th%O23O"
!tr"!th +o,s*an%O2O a,ign%O+enterO"'AR.ALA!&th"
!&tr"
!tr"
!t0"'RANCH!&t0"
!t0"NO8 OF 5T)#ENT5!&t0"
!t0"NAME OF HO#P5!&t0"
!&tr"
!tr"
!t0"IT !&t0"
!t0">3!&t0"
!t0"C8P!&t0"
!&tr"
!tr"
!t0"C5E !&t0"
!t0"G3!&t0"
!t0"78G!&t0"
!&tr"
!tr"
!t0"ECE !&t0"
!t0"$3!&t0"
!t0"5ARI7A!&t0"!&tr"
!&tab,e"
!&bo0y"
!&ht-,"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG, BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: C,-.t- . W-/ P.0- t1 S12 R-31,4 15 t- C166-0- 78 t- 51,9
15 T./6-
EXPERIMENT NO.: - & ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !%
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Fra-eset 0ivi0e0 into three se+tions
EXPERIMENT NO.: - ( ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !&
PRACTICAL NO: >
Create a Fra-eset 0ivi0e0 into three se+tions
!HTML"
!FRAME5ET RO.5%624A ?34A 2 46"
!FRAME NAME%6TITLE6 5RC%6TITLE8HTML6"
!FRAME NAME%6#ETAIL6"
!FRAME NAME%6H(PER6 5RC%6H(PER8HTML6 "
!&FRAME5ET"
!&HTML"
QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
!HTML"
!H ALIGN%CENTER"!'".ELCOME TO Tit,e8ht-,!&'"!&H"
!bo0y"
!+enter"
This *age 0es+ribes the 1ra-eset an0 *rovi0es in1or-ation regar0ing FLOPP( R MONITOR
!&+enter"
!&bo0y"
!&HTML"
QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
!HTML"
!HEA#"
!TITLE"
H(PER8HTML
!&HEA#"
!&HTML"
!'O#("
!A HREF%OMONITOR8HTMLO TARGET%O#ETAILO"MONITOR!&A"!'R"
!A HREF%OFLOPP(8HTMLO TARGET%O#ETAILO"FLOPP( #I57!&A"
!&'O#("
!&HTML"
QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ
!HTML"
!H ALIGN%CENTER"
MONITOR
!&H"
!'O#("
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. , BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Fra-eset 0ivi0e0 into three se+tions
EXPERIMENT NO.: - ( ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !(
!P"
MonitorA the 0is*,ay is the -ostCuse0 out*ut 0evi+e on a +o-*uter8 The 0is*,ay *rovi0es instant 1ee0ba+/
by showing you teDt an0 gra*hi+ i-ages as you wor/ or *,ay8 Most 0es/to* 0is*,ays use a +atho0e ray
tube <CRT=A whi,e *ortab,e +o-*uting 0evi+es su+h as ,a*to*s in+or*orate ,iIui0 +rysta, 0is*,ay <LC#=A
,ightCe-itting 0io0e <LE#=A gas *,as-a or other i-age *ro@e+tion te+hno,ogy8 'e+ause o1 their s,i--er
0esign an0 s-a,,er energy +onsu-*tionA -onitors using LC# te+hno,ogies are beginning to re*,a+e the
venerab,e CRT on -any 0es/to*s8
!'R"
!'"#I5PLA( TECHNOLOG( 'AC7GRO)N#!&'"
#is*,ays have +o-e a ,ong way sin+e the b,in/ing green -onitor in teDtCbase0 +o-*uter syste-s o1 the
G?3s8 Just ,oo/ at the a0van+es -a0e by I'M over the +ourse o1 a 0e+a0e:
!)L"
!LI"In GFA I'M intro0u+e0 the Co,or Gra*hi+s A0a*ter <CGA=A whi+h was +a*ab,e o1 ren0ering 1our
+o,orsA an0 ha0 a -aDi-u- reso,ution o1 9$3 *iDe,s horiEonta,,y by $33 *iDe,s verti+a,,y8
!LI"I'M intro0u+e0 the Enhan+e0 Gra*hi+s A0a*ter <EGA= 0is*,ay in GF:8 EGA a,,owe0 u* to >
0i11erent +o,ors an0 in+rease0 the reso,ution to >:3D923 *iDe,sA i-*roving the a**earan+e o1 the 0is*,ay
an0 -a/ing it easier to rea0 teDt8
!LI"In GF?A I'M intro0u+e0 the Ki0eo Gra*hi+s Array <KGA= 0is*,ay syste-8 Most +o-*uters to0ay
su**ort the KGA stan0ar0 an0 -any KGA -onitors are sti,, in use8
!LI"L I'M intro0u+e0 the EDten0e0 Gra*hi+s Array <MGA= 0is*,ay in GG3A o11ering F33D>33 *iDe,
reso,ution in true +o,or <>8F -i,,ion +o,ors= an0 A3$:D?>F reso,ution in >2A29> +o,ors8
!&)L"
Most 0is*,ays so,0 to0ay su**ort the ),tra EDten0e0 Gra*hi+s Array <)MGA= stan0ar08 In the neDt
se+tionA youN,, ,earn about )MGA8
!&P"
!&'O#("
!&HTML"
!HTML"
!'O#("
!H ALIGN%CENTER"
FLOPP( #I57
!&H"
!CENTER"
!IMG 'OR#ER%9 5RC%6FLOPP(8gi16 "!&CENTER"
!P"
A so1t -agneti+ 0is/8 It is +a,,e0 1,o**y be+ause it 1,o*s i1 you wave it <at ,eastA the 2BCin+h variety
0oes=8 )n,i/e -ost har0 0is/sA 1,o**y 0is/s <o1ten +a,,e0 1,o**ies or 0is/ettes= are *ortab,eA be+ause you
+an re-ove the- 1ro- a 0is/ 0rive8 #is/ 0rives 1or 1,o**y 0is/s are +a,,e0 1,o**y 0rives8 F,o**y 0is/s
are s,ower to a++ess than har0 0is/s an0 have ,ess storage +a*a+ityA but they are -u+h ,ess eD*ensive8
An0 -ost i-*ortant,yA they are *ortab,e8
F,o**ies +o-e in three basi+ siEes:
!)L"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Fra-eset 0ivi0e0 into three se+tions
EXPERIMENT NO.: - ( ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !7
!LI"FCin+h
The 1irst 1,o**y 0is/ 0esignA invente0 by I'M in the ,ate G>3s an0 use0 in the ear,y G?3s as 1irst a
rea0Con,y 1or-at an0 then as a rea0Cwrite 1or-at8 The ty*i+a, 0es/to*&,a*to* +o-*uter 0oes not use the
FCin+h 1,o**y 0is/8
!LI"2BCin+h
The +o--on siEe 1or PCs -a0e be1ore GF? an0 the *re0e+essor to the FCin+h 1,o**y 0is/8 This ty*e o1
1,o**y is genera,,y +a*ab,e o1 storing between 337 an0 8$M' <-egabytes= o1 0ata8 The -ost +o--on
siEes are 9>37 an0 8$M'8
!LI"9HCin+h
F,o**y is so-ething o1 a -isno-er 1or these 0is/sA as they are en+ase0 in a rigi0 enve,o*e8 #es*ite their
s-a,, siEeA -i+ro1,o**ies have a ,arger storage +a*a+ity than their +ousins CC 1ro- :337 to 8:M' o1
0ata8 The -ost +o--on siEes 1or PCs are ?$37 <0oub,eC0ensity= an0 8::M' <highC0ensity=8
Ma+intoshes su**ort 0is/s o1 :337A F337A an0 8$M'8
!&)L"
!&P"
!&'O#("
!&HTML"
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. , BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a Fra-eset 0ivi0e0 into three se+tions
EXPERIMENT NO.: - ( ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !)
PREPARE# '(:C Prashant Ah,uwa,ia APPROKE# '( :C A-it Chhabra
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: C,-.t- . W-/ P.0- 273 D7:;6.<: <1=, C1=8t,< L78>, C7t< .84
St.t-
EXPERIMENT NO.: - 7 ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: !*
PRACTICAL NO: ?
Create a .eb Page whi+h #is*,ays your Country Lin/A City an0 5tate
!ht-,"
!hea0"
!tit,e"
Ma*!&tit,e"
!&hea0"
!bo0y"
!h"5tate:!&h"
!a hre1%6haryana8ht-,6"Haryana!&a"
!a hre1%6*un@ab8ht-,6"Pun@ab!&a"
!a hre1%60e,hi8ht-,6"#e,hi!&a"
!&bo0y"
!&ht-,"
!ht-,"
!tit,e"
Haryana
!ht-,"
!tit,e"
Haryana
!&tit,e"
!&hea0"
!bo0y"
!b"
Haryana:
!&b"
!1or-"
!se,e+t na-e%City"
!o*tion"A-ba,a
!o*tion"Pan+h/u,a
!o*tion"Jin0
!o*tion"7arna,
!o*tion"7uru/shetra
!o*tion"Pani*at
!o*tion"'aha0urgarh
!o*tion"Hissar
!&se,e+t"
!&1or-"
!&bo0y"
!&ht-,"
PREPARE# '(:C Prashant Ah,uwa,ia APPROKE# '( :C A-it Chhabra
SDDIE
SWAMI DEVI DYAL INSTITUTE OF , BARWALA,
PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: C,-.t- . W-/ P.0- 273 D7:;6.<: <1=, C1=8t,< L78>, C7t<
.84 St.t-
EXPERIMENT NO.: - 7 ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "+
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. , BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb Page )sing 5ty,e 5heet
EXPERIMENT NO.: - ) ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "1
PRACTICAL NO: F
Create a .eb Page )sing 5ty,e 5heet
!ht-,"
!hea0"!tit,e".or/ing with sty,e sheets sty,e sheet!&tit,e"
!sty,e ty*e%6teDt&+ss6"
h S1ontC1a-i,y: aria,T 1ontCsiEe: $>*tU
* S+o,or:whiteTba+/groun0C+o,or:b,a+/T1ontCsty,e:ita,i+U
h: SteDtCa,ign: @usti1yU
a SteDtC0e+oration: noneU
!&sty,e"
!&hea0"
!bo0y"
!h".iFi 5e+urity!&h"
!*".iFi hots*ots +an be o*en or se+ure8 I1 a hots*ot is o*enA then anyone with a .iFi +ar0 +an a++ess
the hots*ot8 I1 it is se+ureA then the user nee0s to /now a .EP /ey to +onne+t8
.EP stan0s 1or .ire0 EIuiva,ent Priva+yA an0 it is an en+ry*tion syste- 1or the 0ata that F3$8 sen0
through the air8 .EP has two variations: >:Cbit en+ry*tion <rea,,y :3Cbit= an0 $FCbit en+ry*tion <rea,,y
3:Cbit=8 :3Cbit en+ry*tion was the origina, stan0ar0 but was 1oun0 to be easi,y bro/en <see this *age 1or
an eD*,anation=8 $FCbit en+ry*tion is -ore se+ure an0 is what -ost *eo*,e use i1 they enab,e .EP8
!h:"On the newest -a+hinesA an F3$8 +ar0 wi,, auto-ati+a,,y +onne+t with an F3$8 hots*ot an0 a
networ/ +onne+tion wi,, be estab,ishe08 As soon as you turn on your -a+hineA it wi,, +onne+t an0 you
wi,, be ab,e to browse the .ebA sen0 e-ai,A et+8 using .iFi8 On o,0er -a+hines you o1ten have to go
through this si-*,e 9Cste* *ro+ess to +onne+t to a hots*ot:
A++ess the so1tware 1or the F3$8 +ar0 CC nor-a,,y there is an i+on 1or the +ar0 0own in the syste- tray
at the botto- right o1 the s+reen8
C,i+/ the 65ear+h button6 in the so1tware8 The +ar0 wi,, sear+h 1or a,, o1 the avai,ab,e hots*ots in the area
an0 show you a ,ist8
#oub,eC+,i+/ on one o1 the hots*ots to +onne+t to it8
On an+ient F3$8 eIui*-entA there is no auto-ati+ sear+h 1eature8 (ou have to 1in0 what is /nown as the
55I# o1 the hots*ot <usua,,y a short wor0 o1 3 +hara+ters or ,ess= as we,, as the +hanne, nu-ber <an
integer between an0 = an0 ty*e these two *ie+es o1 in1or-ation in -anua,,y8 A,, the sear+h 1eature is
0oing is grabbing these two *ie+es o1 in1or-ation 1ro- the ra0io signa,s generate0 by the hots*ot an0
0is*,aying the- 1or you8
!&h:"
!a hre1%6wi1i8ht-,6"This is a hy*er,in/!&a"
!&bo0y"
!ht-,"
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. , BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb Page )sing 5ty,e 5heet
EXPERIMENT NO.: - ) ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "!
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG., BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a +a,+u,ator )sing JAKA5CRIPT
EXPERIMENT NO.: - * ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: ""
PRACTICAL NO: G
Create a +a,+u,ator )sing JAKA5CRIPT
!ht-,"
!hea0"
!tit,e"#eve,o*ing an ht-, *age that eva,uates an eD*ression!&tit,e"
!s+ri*t ,anguage%6Java5+ri*t6"
1un+tion +a,+u,ate<1or-=
S
1or-8resu,ts8va,ue%eva,<1or-8entry8va,ue=T
U
!&s+ri*t"
!&hea0"
!bo0y"
!1or-"
!br"!br"
Enter a Javas+ri*t Mathe-ati+a, ED*ression:
!in*ut ty*e%6teDt6 na-e%6entry6 va,ue%66"
!in*ut ty*e%6button6 va,ue%6Ca,+u,ate6 on+,i+/%6+a,+u,ate<this81or-= T6"
!br"
The resu,t o1 this eD*ression is:
!in*ut ty*e%6teDt6 na-e%6resu,ts6 on1o+us%6this8b,ur < = T6"
!br"
!&1or-"
!&bo0y"
!&ht-,"
SDDIE
SWAMI DEVI DYAL INSTITUTE , BARWALA,
PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: C,-.t- . 3.63=6.t1, U:780 ?AVASCRIPT
EXPERIMENT NO.: - * ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "%
OUTPUT
SDDIE
SWAMI DEVI DYAL INSTITUTE OF ENGG. , BARWALA,
PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb *age using Java5+ri*t to Keri1y a 5tu0ent Re+or08
EXPERIMENT NO.: - 1+ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "&
PRACTICAL NO: 3
Create a .eb *age using Java5+ri*t to Keri1y a 5tu0ent Re+or08
!ht-,"
!hea0"
!s+ri*t ,anguage%6JAKA5CRIPT6"
1un+tion veri1y0ata<=
S
a%3T r%66T
1or <i%3T i!%:TiVV=
S
i1<0o+u-ent81or-sW3X8e,e-entsWiX8va,ue%%66=
S
a%T
r%rV6 6V0o+u-ent81or-sW3X8e,e-entsWiX8na-eV6T6T
U
e,se i1<<i"9=RR<a%%3==
S
a,ert<6A,, TeDtboDes are 1i,,e0 in C Than/ (ou Y6=T
U U
1or<i%3Ti!%:TiVV=
S
i1<0o+u-ent81or-sW3X8e,e-entsWiX8va,ue%%66=
S
a,ert<6P,ease 1i,, in the 1o,,owing TeDtboD&TeDtboDes:C6Vr=T
0o+u-ent81or-sW3X8e,e-entsWiX81o+us<=T
brea/T
UUU
!&s+ri*t"
!&hea0"
!bo0y"
!1or-"
First Na-e:!in*ut ty*e%6teDt6 na-e%6Firstna-e6 siEe%$3"
Last Na-e:!in*ut ty*e%6teDt6 na-e%6Lastna-e6 siEe%$3"!*"
A00ress: !in*ut ty*e%6teDt6 na-e%6A00ress6 siEe%>3"!*"
Pin+o0e: !in*ut ty*e%6teDt6 na-e%6Pin+o0e6 siEe%>"!*"
!in*ut ty*e%6button6 na-e%6a+t6 va,ue%6Keri1y6 on+,i+/%6veri1y0ata<=6"
!&1or-"
!&bo0y"
!s+ri*t ,anguage%6@avas+ri*t6"
0o+u-ent81or-sW3X8Firstna-e81o+us<=T
!&s+ri*t"
!&ht-,"
SDDIET
SWAMI DEVI DYAL INSTITUTE OF ENGG. '
TECHNOLOGY, BARWALA, PANCHKULA
LABORATORY
MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
PROGRAM TITLE: Create a .eb *age using Java5+ri*t to Keri1y a 5tu0ent Re+or08
EXPERIMENT NO.: - 1+ ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO: "(
OUTPUT
SDDIET
SWAMI DEVI DYAL INSTITUTE OF ENGG. '
TECHNOLOGY, BARWALA, PANCHKULA
LABORATORY MANUAL
PRACTICAL EXPERIMENT INSTRUCTION SHEET
IN#EM 1or .E' ENGINEERING PRACTICAL
EXPERIMENT NO.: - L7:t ISSUE NO.: ISSUE DATE: -
REV. DATE: ------- REV. NO.: DEPTT.: - CSE
LABORATORY:-WEB ENGINEERING SEMESTER: -7t P.NO:
58NO8 NAME OF THE EMPERIMENT
8
Create your Own Page with Favorite Hobbies


$8
Cha,/ out the storyboar0 an0 0esign o1 #iary Foo0 Li-ite0

98
Create a Menu or Tab,e o1 Content .eb Page8 Ea+h -enu ite- shou,0
,oa0 a 0i11erent web *age

:8
Create a .eb Page )sing Or0ere0 an0 )nCor0ere0 List

28
Create a .eb Page to 5how Re+or0 o1 the Co,,ege in the 1or- o1 Tab,e

>8
Create a Fra-eset 0ivi0e0 into three se+tions

?8
Create a .eb Page whi+h #is*,ays your Country Lin/A City an0 5tate8

F8
Create a .eb Page )sing 5ty,e 5heet

G8
Create a Ca,+u,ator using JAKA5CRIPT8
38
Create a .eb *age using @avas+ri*t to veri1y a 5tu0ent Re+or08