Case 4

aql qll/!\ dn qrler-u salrl aSeuur 'al!' ]xl.lsa/\ ptu aqt ut suotlduf,sep ^uadold 3ur1sr; qlr'tr satpadold a'rau aql'tggl L€r pue 'f.BOlLU'Z7OlL€t 'LBOlLil:slaqunu rnoj ale alaql ]eqt aloN 'salU a8eut au;] ltnal^ pue sall, lxa] aq] ]o ]ualuof aq] al^a1 .salll etec tnol,,ro raploj ?eser/gg'lelroln] aLll u! sal!] a8eut pue salU lxel aql^elerol 'L :)sel slq] alal0Lllof

oI

.s$ur1s1; au aql jo, alls qa11 Surlsalalur {;lensrn e ufltsap o} uol}euJo}ul slq} asn o} sl qol ^ lnol .no,( ol alqelt€^e seftnoser leuot]tppe Aue qlrrt leualetu s;q] ]uaLualddns o] ealJ ale no1 .,(1;etrpa^ laqlo aql pue Alleluozuoq peluallo auo-sallladold ,^ eu lno] eLl];o saSeut au Jno] aq] Jo] salr; a8elut 'e8etut lteuqlunql Suluteluor sa1rl a8eur onn] pue 'satl:adold ^ /leulro] DldI ul auo) punorSlteq e'(punor31:eq ]uaredsuel P q]l/!\]euJo] llD ul auo pue

o3o; AuedLuoJ alll ]o suotslan o/!q t{}!M no{ paprnord osle s,aqs "{ep aqt lol s8utlstl meu 'uot1 tnol aql pue seruoH ]se/!\ptll/ ]noqe uolleullolul Sululeluof, all, lxal e nor( uant8 s,eq5 'alls -ras s8ullsll^ au aq] uo )rol ur8aq o1 noA palse seq'la8eueLu alls eql'Lueqdl uAAecl qaM laqt Surdo;anap ut ]stsse o] sauoH ]se^^pll / Lq paltq uaaq an/no^ sa.aoH Faf^plw

3df'gqunqr '8dl'lqrunql 'sd{'rgnz 1g': '3d{"g36 77gt'Ed{'7ggz1Ei '3d{"1801Lgr 'lxl'lse/Rprut 'Sd{'o8o1 !13'o3o1 !r3'1leq :ulalqold ssEf} sltll lo} papaau salti ulec

e

'SAuJol-l lsrd@Ufllli

./ol al||s 0[sm|l

Su4eetc

lg ;lt_*1n,

aBpalnou1 tnail

silsvl

? ir|alqCIJd as€3

srq]

'lolJnllsul rnol, o1 alls qa6 pala;dLuo: tnoA ltLuqn5 '71 '99-g atnBtl ul umoqs 'g 1 aSed aq] seqf,]eru uSrsap aq] ]eq] {;rran pue las^ orq qall rno{ ur u4q'}dfur uadg 'altj aLl] o1 sa8ueqr tnoA ane5 '71's;axrd 6 o1 a8er.ut s1ro1 aqt ,(1ddy ' ; 1

lol

qtp!/\\ raproq aq] ]aS 'a8eut aurlur

'\7.9'99il

3df'qrot aq] o] deu a8eut

',,,{a; rl;qn4,, sl }xa} a}euJa}le aqf 'Lu}q'lllqnd o1 lodsloq aq} )ull alPulpJoof, eq] ]e palefol slaxld €t ]o snlper e Llll/!\ lodsioLl J€lnJJIf ! a;3u15// sl }xal e}eule}le aq1 'Lu1q'a13uts o} }ods}oq eq} )ull

r

',,{a;

'(Zg aql ]e pelefol s;axrd €t jo snlpel e qll^^ lodsloq JelnfJlr ! r aleutploof 'SS€) ',,sr.uqlt.ro3;y,, sl ]xa] aleulalle aq1 'Lulq'o31e o1 lodsloq aql )ull 'ftg'Eg(.) aleutploor eql ]€ palefo; s;axld €7 Jo snlpel e q]lm lodsloq relnrrlf ! o -,,eru8lu3,, s! ]xel aleulalle aq1 'u1q'euu8tua o1 lodsloq eq] )ull 'ft9'gsl) aleulploof, aq] ]e palef,ol slaxrd €t ]o snlper e q]l/v\ lodsloq JPlnlJlf ! o ',,{JoJst;1,, sl }xe} a}eulelle aq1 's;axld

qtr^

e

€t }o snlpel

(ZS'Zg) alputproof, aql le peralua: Lulq',tolslq o] pe)ull 1odslot1 lelnf,lll ! o aq] teql alou) qodsloq Sutnto;;o; aq] Uesul ',,s)lol'l

:(alqelte^e ]ou are

qutl aseq];o

s1a3re1

pt pueauteuaqlLltl/!\deua8er,ut ueUasul 'Sdlspo; a8er-ur aut;ur aq]/\\olaqllllallC'0[ o] oD '6 ts o] aSeur a4;o lqSraq pue qlpr/!\ eq] tas pue lueurala Sdfqro; aq]

.s;axrd g

1

t

0

.rrro;1a,{ ^q

o1 qderSered puofas aq} laue autl le}uozlroq aq} }o rolof, aqt a3ueq3 'a8ed au;l ut8reu rq3lr aql uo a8eut aql ]eoll . 1o tq8taq pue qlprm a{} }a$ o

'slaxrd 69 ,tq s;axrd OgZ o] a8er-ur aq]

1o

'g

't

:sa8ueqr alnqule pue a1{1s Surmo;;o; aq} a)eLu pue }uaulala }t3'aleyirs eq} o} o) 'uaz o] sqdelSeted puolas pue ]sll] aql luepul '9 ']uoj Jlras-sues ro 'ec;]an;ag ';er.ry ue ut Sutpeaq ZLI aql Ae;dstq '9

2. Once you become familiar with the contents of this proposed site, start designing the site. There should be five pages: a page introducing the new listings, and one page

with details on each of the new homes.The name of the intro page should be new.htm, the names of the four listings pages should be 131 Z0B1 .htm, 131 7082.htm, 13 17083.htm, and 13 17084.htm.ln your preparations for the site, create a storyboard of the site's contents and links. Make sure that you make your site easy to navigate. 3. Within each page, insert comments that include your name, the date, and a description of the page's content. 4. The design and layout of the site is up to you, but your pages should include at least

one example of the following design elements: . A style that sets the foreground and background color for a page and an element

.

within the page. A style that sets a background image for either the entire pa8e or an element

within the page.

. A style that changes the font family for at least one element. o A style that sets the font size for at least one element. . A style that sets the font weight and font style for at least one element. o An inline image that floats along the right or left border of its containing . A style that sets the margin size for an element or for the entire page.

element.

Use one of the supplied thumbnail images to create an image map Iinking the introduction page to each of the pages describing the new listings. Use a graphics program to determine the coordinates of the hotspots in the image map. 6. Submit the completed Web site to your instructor.

Quick Check Answers Session 3.1 '1

. color: yellow;

background-color: rgb(51 ,102,51)

2. Web-safe colors are colors that will not be dithered by a Web browser limited to

a

256-color palette. You would use them when you want to ensure that your colors appear correctly without browser modification on monitors that display only 256 colors. 3. font-family: Courier New, monospace 4. font-size: 1 6ot 5. The em unit is a relative unit of length equal to the width of the capital letter "M" in the browser's default font. Because the size is exoressed relative to the default font size, textthat is sized with the em unit is scalable and will appear correct relative to other text, no matter what font size has been set on the user's browser. 6. Kerning refers to the amount of space between Ietters. To set the kerning to 2em, use the style letter-spacing: 2em.

7. Iine-height: 2 8. font-weight: bold; font-style: italic 9. The span element is a generic inline element used to contain or mark an inline content.

Session 3.2

1. Use CIF when you want to

use a transparent color, when you want to create an animated image, and when your image is an illustration ol 256 colors or less. 2. Use JPEC for photographic images, for images that contain more than 256 colors, c' when you need to reduce the file size through compression.