ITTIHAD UNIVERSITY

COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS

Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
You are required to make a frame based web site T!e mai" #a$e s!ou%d !a&e at %east two
frames' o"e s!owi"$ t!e tab%e of (o"te"ts for t!e site a"d t!e ot!er s!owi"$ t!e #a$es %i"ked to
t!e tab%e of (o"te"ts T!e %i"ks i" t!e tab%e of (o"te"ts s!ou%d a##ear i" t!e mai" frame Simi%ar%)
t!e %i"ks betwee" t!e #a$es s!ou%d a%so (ause t!e tar$ets to a##ear i" t!e mai" frame
Extra credit for consistent presentation of your web pages using cascading style
sheets.
Introduction:
This assignment contains one Frame that opens the links assigned below:
Banner:
Home
UAE Links
RA Links
Feedback
!ontact Us
"ertical Banner:
#earch Engines
$reetings %irector&
$raphics 'nline
Right Banner:
It(s the )rame that displa&s the links o) Banner and "ertical Banner
)ae * o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
HT*L !odes:
BA++ER:
)ae 2 o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
,html-
,head-
,meta http.e/ui012!ontent.Language2 content12en.us2-
,meta http.e/ui012!ontent.T&pe2 content12te3t4html5 charset1windows.67872-
,title-+ew 9age 6,4title-
,script language12:a0a#cript2-
,;..
)unction F9<swapImg=> ?4406@A
0ar doc1documentBargs1argumentsBelmBn5 doc@Cimg#waps1new Arra&=>5 )or=n175
n,args@length5
nD17> ? elm1F9<get'bEectB&I%=argsFnG>5 i)=elm> ? doc@Cimg#wapsFdoc@
Cimg#waps@lengthG1elm5
elm@Csrc1elm@src5 elm@src1argsFnD6G5 H H
H
)unction F9<preloadImgs=> ?4406@A
0ar d1documentBa1arguments5 i)=;d@F9<imgs> d@F9<imgs1new Arra&=>5
)or=0ar i1A5 i,a@length5 iDD> ? d@F9<imgsFiG1new Image5 d@F9<imgsFiG@src1aFiG5 H
H
)unction F9<get'bEectB&I%=idBo> ?4406@A
0ar cBelBelsB)BmBn5 i)=;o>o1document5 i)=o@getElementB&Id> el1o@getElementB&Id=id>5
else i)=o@la&ers> c1o@la&ers5 else i)=o@all> el1o@allFidG5 i)=el> return el5
i)=o@id11id II o@name11id> return o5 i)=o@child+odes> c1o@child+odes5 i)=c>
)or=n1A5 n,c@length5 nDD> ? el1F9<get'bEectB&I%=idBcFnG>5 i)=el> return el5 H
)1o@)orms5 i)=)> )or=n1A5 n,)@length5 nDD> ? els1)FnG@elements5
)or=m1A5 m,els@length5 mDD>? el1F9<get'bEectB&I%=idBelsFnG>5 i)=el> return el5 H H
return null5
H
44 ..-
,4script-
,4head-
,bod& onload12F9<preloadImgs=4JurlJ4KbuttonF@EpgKB 4JurlJ4Kbutton6A@EpgKB
4JurlJ4Kbutton6L@EpgKB 4JurlJ4Kbutton67@EpgKB 4JurlJ4Kbutton6!@EpgKB
4JurlJ4Kbutton6%@EpgKB 4JurlJ4Kbutton6F@EpgKB 4JurlJ4Kbutton7A@EpgKB
4JurlJ4Kbutton77@EpgKB 4JurlJ4Kbutton7L@EpgK>2-
,p align12center2-,span st&le12position: absolute5 le)t: 6M5 top: N2-
,a target12<blank2 hre)12*ainO7AFrame@html2-
)ae , o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
,img border12A2 src12mumHome@gi)2 width126782 height12PM2-,4a-,4span-,4p-
,p align12center2-,)ont )ace12Bauhaus NL2-,a hre)12http:44www@#ear+et@com2-
,span st&le12)ont.siQe: 77pt2-www@#earch+et@com,4span-,4a-,4)ont-,4p-
,p align12center2-Rnbsp5,a target12main2 hre)12http:44www@inde3uae@com42-,img
border12A2 id12img72 src12button66@Epg2 height127A2 width126AA2 alt12UAE Links2
)p.st&le12)p.btn: Embossed !apsule 65 )p.orig: A2 )p.title12UAE Links2
onmouseo0er12F9<swapImg=6BAB4JidJ4Kimg7KB4JurlJ4Kbutton67@EpgK>2
onmouseout12F9<swapImg=ABAB4JidJ4Kimg7KB4JurlJ4Kbutton66@EpgK>2
onmousedown12F9<swapImg=6BAB4JidJ4Kimg7KB4JurlJ4Kbutton6L@EpgK>2
onmouseup12F9<swapImg=ABAB4JidJ4Kimg7KB4JurlJ4Kbutton67@EpgK>2-,4a-Rnbsp5 Rnbsp5
,a target12main2 hre)12http:44www@rak)tQ@com4en4rak<emirate@phpSid1M2-
,img border12A2 id12img62 src12buttonE@Epg2 height127A2 width126AA2 alt12RA
Links2 )p.st&le12)p.btn: Embossed !apsule 62 )p.title12RA Links2
onmouseo0er12F9<swapImg=6BAB4JidJ4Kimg6KB4JurlJ4KbuttonF@EpgK>2
onmouseout12F9<swapImg=ABAB4JidJ4Kimg6KB4JurlJ4KbuttonE@EpgK>2
onmousedown12F9<swapImg=6BAB4JidJ4Kimg6KB4JurlJ4Kbutton6A@EpgK>2
onmouseup12F9<swapImg=ABAB4JidJ4Kimg6KB4JurlJ4KbuttonF@EpgK>2-,4a-Rnbsp5Rnbsp5
Rnbsp5Rnbsp5
,a target12main2 hre)12Feedback@htm2-
,img border12A2 id12imgT2 src12button6E@Epg2 height127A2 width126AA2
alt12Feedback2 onmouseo0er12F9<swapImg=6BAB4JidJ4KimgTKB4JurlJ4Kbutton6F@EpgK>2
onmouseout12F9<swapImg=ABAB4JidJ4KimgTKB4JurlJ4Kbutton6E@EpgK>2
onmousedown12F9<swapImg=6BAB4JidJ4KimgTKB4JurlJ4Kbutton7A@EpgK>2
onmouseup12F9<swapImg=ABAB4JidJ4KimgTKB4JurlJ4Kbutton6F@EpgK>2 )p.st&le12)p.btn:
Embossed !apsule 62 )p.title12Feedback2-,4a-Rnbsp5Rnbsp5Rnbsp5
,a hre)12mailto:snowite6NUhotmail@com2-
,img border12A2 id12img82 src12button6B@Epg2 height127A2 width126AA2
alt12!ontact Us2 onmouseo0er12F9<swapImg=6BAB4JidJ4Kimg8KB4JurlJ4Kbutton6!@EpgK>2
onmouseout12F9<swapImg=ABAB4JidJ4Kimg8KB4JurlJ4Kbutton6B@EpgK>2
onmousedown12F9<swapImg=6BAB4JidJ4Kimg8KB4JurlJ4Kbutton6%@EpgK>2
onmouseup12F9<swapImg=ABAB4JidJ4Kimg8KB4JurlJ4Kbutton6!@EpgK>2 )p.st&le12)p.btn:
Embossed !apsule 62 )p.title12!ontact Us2-,4a-,4p-
,4bod&-
,4html-
)ae 4 o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
"ERTI!AL BA++ER:
,HT*L-
,bod& bgcolor12NN!!FF2-
,b-
,a hre)12http:44www@allsearchengines@com42 target12main2-,)ont siQe12M2-#earch
Engines
,4)ont-
,4a-,)ont siQe12M2-,br-Rnbsp5,4)ont-,4b-,p-,b-,)ont siQe12M2-,br-
,a
hre)12http:44www@geocities@com4clipower4research4$reetings4greetings@html2target12mai
n2-$reetings %irector&
,4a-,br-Rnbsp5,4)ont-,4b-,4p-
,p-,b-,)ont siQe12M2-,br-
,4)ont-
,a hre)12http:44www@glittergraphics@us42 target12main2-,)ont siQe12M2-$raphics
'nline
,4)ont- ,4a-,4b-,br-,br-
,4p-
,4bod&-
,4HT*L-
)ae - o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
'utput Frame:
+'+E
)ae . o% +
ITTIHAD UNIVERSITY
COLLEGE OF MANAGEMENT AND INFORMATION SYSTEMS
Student Name: Zubaidah Abdul Rehman Alim Al Din
Student ID: 20042080
Course: Web Technoloies
Assinment 2: !T"# based Web $!ard and So%t co&'(
Final *ain 9age:
*ain Frame@html
JJJE+% 'F A##I$+*E+TJJJ
)ae + o% +