HTML5-04-Immagini e Mappe Immagine
-
Upload
cinzia-bocchi -
Category
Documents
-
view
244 -
download
1
Transcript of HTML5-04-Immagini e Mappe Immagine
-
7/22/2019 HTML5-04-Immagini e Mappe Immagine
1/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
?
Anbhuohhne DVMANmmohnbn
Nbskrnmkbte fn nmmohnbn nb ubo pohnbo DVMA
Anbskrnmkbte fn ubnmmohnbk ovvnkbk ieb ao snbtossn7
1nmh sri=urn oat=tkste oatkrbotnve2
fevk urn ub ura e na potdbomk fn ub cnak. Aottrnjute oatbeb ejjanhoterne mo iebsnhanote
penid cerbnsik ub tkste oatkrbotnve bka iose na jrewskr beb pesso vnsuoanzzork anmmohnbk.
Nbeatrk aottrnjute oat iebskbtk oaak pkrsebk npevkfkbtn fn ettkbkrk ubo fksirnznebk tkstuoak
fkaanmmohnbk idk pu ksskrk utnanzzoto fon jrewskr veioan e fohan sirkkb rkofkr.Yk
anmmohnbk seae ubo fkieroznebk sn uso oat=.
Fnmkbsnebn fkaak nmmohnbn
Na toh nmh iebskbtk fn spkincniork ao aorhdkzzo k aoatkzzo fkaa nmmohnbk, nb pnxka, mkfnobtk
han ottrnjutn wnftd k dknhdt.
1nmh sri=urn oat=tkste oatkrbotnve
wnftd=wUpnxka dknhdt=dUpnxka2
Han ottrnjutn wnftd k dknhdt beb sebe ejjanhotern mo iebsnhanotn. Nbcottn, sk beb vkbhebe
spkincniotn, na aoyeut fkaao pohnbo pu mefncniorsn furobtk na iorniomkbte fkaak nmmohnbn
pkrid na jrewskr beb nb hrofe fn fktkrmnbork ae spozne idk kssk eiiupkrobbe.
Han ottrnjutn wnftd k dknhdt iebskbtebe obidk fn mefncniork ak fnmkbsnebn ernhnboan fn
ubnmmohnbk. Vuttovno eiierrk cork ottkbznebk o spkincniork aubhdkzzk toan fo mobtkbkrk ak
preperznebn nboatkrotk.
?>4 x ?6> ?08 x 40 ?>4 x 40Cnh. ? Nmmohnbk rnfnmkbsneboto
-
7/22/2019 HTML5-04-Immagini e Mappe Immagine
2/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
:
Ao cnhuro ? mestro ao stksso nmmohnbk ieb ak fnmkbsnebn ernhnboan, ieb ak fnmkbsnebn
vornotk preperzneboamkbtk k ieb ak fnmkbsnebn vornotk skbzo mobtkbkrk ak preperznebn.
Iomjnork ak fnmkbsnebn fn ubnmmohnbk mobtkbkbfe ak preperznebn
Pkr mobtkbkrk ak preperznebn succninkbtk oppaniork ao preperznebk7
aorhdkzzoUernhnboak 7 buevoUaorhdkzzo = oatkzzoUernhnboak 7 buevoUoatkzzo
k cnssork ao buevo aorhdkzzo/oatkzzo, rniovobfe ies ao buevo oatkzzo/aorhdkzzo7
buevoUoatkzzo = (buevoUaorhdkzzo * oatkzzoUernhnboak) / aorhdkzzoUernhnboak
buevo aorhdkzzo = (buevoUoatkzzo * aorhdkzzoUernhnboak) / oatkzzoUernhnboak
Bka iose fkaakskmpne prkikfkbtk, cnssoto ao buevoUaorhdkzzo o ?08 pnxka sn do7
buevoUoatkzzo = ?08 * ?6> / ?>4 = 40 (ieb orretebfomkbte)
Znfnmkbsnebomkbte, ettnmnzzoznebk, iebvkrsnebk k ceternteiie
Ak nmmohnbn fo nbskrnrk nb ubo pohnbo wkj pessebe ksskrk prkporotk nb obtninpe, ine
pessnjnak stojnanrk prkvkbtnvomkbtk quoan fkjjobe ksskrk ak aere fnmkbsnebn k, ospktte beb
mkbe nmpertobtk, na aere pkse (ao fnmkbsnebk nb jytk). Nmmohnbn treppe pksobtn
roaakbtkrobbe na iorniomkbte fkaao pohnbo bka jrewskr.
Nbeatrk, eiierrk vkrncniork idk na cermote fkaak nmmohnbn rnkbtrn tro qukaan ommkssn, pkbo
anmpessnjnant fn vnsuoanzzorak ierrkttomkbtk. N cermotn iebskbtntn sebe HNC, GPH k PBH.
Ak epkroznebn idk petrkjjkre ksskrk bkikssornk sebe qunbfn na rnfnmkbsnebomkbte,
aettnmnzzoznebk(rnfuznebk fka pkse) k ao iebvkrsnebk(fo ub cermote beb suppertote of
ube ommksse) fkaak nmmohnbn.
[atkrnern epkroznebn pessebe iebsnstkrk bka ceternteiie e kfntnbh.
Ksnstebe strumkbtn preckssneboan pkr kcckttuork akfntnbhfn nmmohnbn, iemk Pdetesdep (o
pohomkbte) eHnmp(hrotunte). Kssn, pkr, rnidnkfebe ub ikrte scerze nb tkrmnbn fn tkmpe k
nmpkhbe pkr aopprkbfnmkbte. Certubotomkbtk sebe fnspebnjnan bumkresn skrvnzn wkj-
joskf idk iebskbtebe fn mobnpeaork ak nmmohnbn, iebvkrtnrak k ettnmnzzorak skbzo idk sn
fkjjobe pesskfkrk portnieaorn iebesikbzk k ojnant tkibnidk. Bka skhunte trevotk uboskakznebk fn toan teea ebanbk, idk vn nbvnte o spkrnmkbtork.
Pdetesdep Kxprkss Kfnter7dttp7//www.pdetesdep.iem/teeas
Xkj Zksnzkr7dttp7//www.wkjrksnzkr.iem/rksnzkr/
Pnxar7dttp7//pnxar.iem/
Npniiy7dttp7//npniiy.iem/
CeteCakxkr7dttp7//cetecakxkr.iem
Ebanbk Nmohk Eptnmnzkr7
dttp7//teeas.fybomnifrnvk.iem/nmohkeptnmnzkr/#.[pLdu>LFCVW
Ymusd.nt7dttp7//www.smusdnt.iem/ysmusd.nt/ ettnmnzzo ak nmmohnbn rnmuevkbfe n jytk
http://www.gimp.org/http://www.gimp.org/http://www.gimp.org/http://www.photoshop.com/toolshttp://www.photoshop.com/toolshttp://www.photoshop.com/toolshttp://www.webresizer.com/resizer/http://www.webresizer.com/resizer/http://www.webresizer.com/resizer/http://pixlr.com/http://pixlr.com/http://pixlr.com/http://ipiccy.com/http://ipiccy.com/http://ipiccy.com/http://fotoflexer.com/http://fotoflexer.com/http://fotoflexer.com/http://tools.dynamicdrive.com/imageoptimizer/#.UpKhu9KDFTZhttp://tools.dynamicdrive.com/imageoptimizer/#.UpKhu9KDFTZhttp://www.smushit.com/ysmush.it/http://www.smushit.com/ysmush.it/http://www.smushit.com/ysmush.it/http://www.smushit.com/ysmush.it/http://tools.dynamicdrive.com/imageoptimizer/#.UpKhu9KDFTZhttp://fotoflexer.com/http://ipiccy.com/http://pixlr.com/http://www.webresizer.com/resizer/http://www.photoshop.com/toolshttp://www.gimp.org/ -
7/22/2019 HTML5-04-Immagini e Mappe Immagine
3/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
9
nbutnan
Crkk Ebanbk Nmohks Iebvkrtkr7dttp7//www.pniturkrksnzk.erh/ebanbk-nmohks-
iebvkrtkr.dtma
Ak moppk nmmohnbk
Ak moppk nmmohnbk sebe nmmohnbn suaak quoan vkbhebe fkanmntotk fkaak orkk ianiiojnan. [bkskmpne vnsnjnak oaauradttp7//www.frebkt.erh/moppo/moppontoano.dtma#.
Jnsehbo cork ottkbznebk o beb iebcebfkrk ubnmmohnbkianiiojnak ieb ubo moppo
nmmohnbk. [bnmmohnbk ianiiojnak sn pu ettkbkrk ieb na iefnik7
1o drkc=urn2
1nmh sri=urn oat=tkste oatkrbotnve wnftd=wUpnxka
dknhdt=dUpnxka2
1/o2
[bo moppo nmmohnbk vnkbk irkoto, nbvkik, ieb ao snbtossn7
1nmh uskmop="#mopbomk"2
fevk mopbomk na bemk (bomk) e anf fkaao moppo. Aottrnjute uskmop osseino ao moppo
oaanmmohnbk. Ao fksirnznebk fkaao moppo ovvnkbk ieb ao snbtossn7
1mop bomk="mopbomk"2
1orko .........2
1orko .........2
1orko .........2
1/mop2
Ao moppo pu ksskrk suffnvnso nb ub bumkre quoasnosn fn orkk k inosiubo orko pu
spkincniork han ottrnjutn skhukbtn7
Ottrnjute Fksirnznebk
sdopk Ypkincnio ao cermo fkaaorko. Pu ossumkrk n voaern7
- fkcouat, anbtkro rkhnebk,
- rkit, ub rkttobheae,
- inriak, ub ikridne,
- peay, ub peanhebe.
ieerfs Ypkincnio7
- ak ieerfnbotk fkn vkrtnin akct, tep, rnhdt, jettem fka rkttobheae,
- ak ieerfnbotk fka ikbtre fka ikridne k na rohhne,- ak ieerfnbotk fkn vkrtnin fka peanhebe.
http://www.pictureresize.org/online-images-converter.htmlhttp://www.pictureresize.org/online-images-converter.htmlhttp://www.pictureresize.org/online-images-converter.htmlhttp://www.pictureresize.org/online-images-converter.htmlhttp://www.dronet.org/mappa/mappaitalia.htmlhttp://www.dronet.org/mappa/mappaitalia.htmlhttp://www.dronet.org/mappa/mappaitalia.htmlhttp://www.dronet.org/mappa/mappaitalia.htmlhttp://www.pictureresize.org/online-images-converter.htmlhttp://www.pictureresize.org/online-images-converter.html -
7/22/2019 HTML5-04-Immagini e Mappe Immagine
4/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
6
Bka iose fka peanhebe ao ieppno fn ieerfnbotk nbnznoan k cnboan fevrkjjkre
ienbinfkrk. bka iose beb cessk ies, na jrewskr ohhnubhkr ao ieppno
mobiobtk.
drkc Ypkincnio ao rnserso ieaakhoto mkfnobtk anbl.
oat Na tkste oatkrbotnve pkr aorko.
fewbaeof (DVMA;) Ypkincnio a[ZN fkaao rnserso fo siorniork quobfe sn ianiio suaaorko fkaao
moppo. [tnanzzojnak seae sk prkskbtk aottrnjute drkc, Yuppertote seae foCnrkcex k Idremk.
torhkt Ypkincnio iemk oprnrk ao rnserso nbfnrnzzoto fo drkc. Yk na sue voaerk Ujaobl
eppurk Ubkw, ao rnserso vnkbk opkrto nb uboatro cnbkstro e sidkfo.
Kskmpne(fodttp7//www.w9sideeas.iem/tohs/ottUorkoUtypk.osp)
1nmh sri="paobkts.hnc"wnftd="?6;"dknhdt="?:3"oat="Paobkts"
uskmop="#paobktmop"2
1mop bomk="paobktmop"2
1orko sdopk="rkit"ieerfs="0,0,4:,?:3"oat="Yub"
drkc="/nmohks/sub.hnc"typk="nmohk/hnc"2
1/mop2
Veea ebanbk pkr irkork moppk nmmohnbk
dttp7//www.mosidkl.du/nmohkmop/nmhmop
http://www.w3schools.com/tags/att_area_type.asphttp://www.w3schools.com/tags/att_area_type.asphttp://www.w3schools.com/tags/att_area_type.asphttp://www.maschek.hu/imagemap/imgmaphttp://www.maschek.hu/imagemap/imgmaphttp://www.maschek.hu/imagemap/imgmaphttp://www.w3schools.com/tags/att_area_type.asp -
7/22/2019 HTML5-04-Immagini e Mappe Immagine
5/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
;
Pkr utnanzzork na teea nbfniote eiierrk sikhankrk anmmohnbk k ianiiork su oiikpt. Anmmohnbk
vkrr vnsuoanzzoto bka jex settestobtk. Yuiikssnvomkbtk jnsehbo fnskhbork ieb na meusk
ak orkk suaanmmohnbk. Ottkbznebk! Ehbn veato idk fnskhbotk uborko rnierfotkvn fn cork iani
pkr fnsottnvork ao cubznebk fn fnskhbe. Fnvkrsomkbtk, ao vestro orko sn spestkr.
Ao cnhuro suiikssnvo mestro anmmohnbk ieb fuk orkk rkttobheaorn.
Iemk sn pu esskrvork, ak ieerfnbotk vkbhebe ioaieaotk outemotniomkbtk.
Oa tkrmnbk sn pu iepnork na iefnik hkbkrote foa teea (sette anmmohnbk) k nbskrnrae bkaao
pohnbo DVMA. Akakbie Eutputiebskbtk fn sikhankrk quoak iefnik hkbkrork7 seae iefnik
DVMA (Ytobforf nmohkmop), iefnik DVMA/IYY (IYY nmohkmop), iefnik pkr wnln (Xnln
nmohkmop).
Oatrn ottrnjutn
Akakmkbte 1orko2 ommkttk oatrn ottrnjutn idk beb nbcaunsiebe suaaospktte bkaao pohnbo mo
idk iebskbtebe fn ksprnmkrk preprnkt skmobtnidk utnanzzojnan fo ohkbtn sectwork, iemk n
metern fn rnikrio.
Ottrnjute Fksirnznebk
drkcaobh (DVMA;) Ypkincnio na anbhuohhne fka feiumkbte ieaakhote. Na voaerk fkaaottrnjute drkcaobh
ubo strnbho fn : iorottkrn idk ropprkskbto na anbhuohhne, iemk nt pkr ntoanobe
k kb pkr nbhaksk. [b kakbie iempakte fn toan iefnin rkpkrnjnak oaaura
dttp7//www.w9sideeas.iem/tohs/rkcUaobhuohkUiefks.osp
rka Ypkincnio ao rkaoznebk tro na feiumkbte ierrkbtk k qukaae ieaakhote. Soaern
pessnjnan sebe7
oatkrbotk7 vkrsnebk oatkrbotnvo fka feiumkbte ierrkbtk
outder7 outerk fka feiumkbte
jeelmorl7 ura pkrmobkbtk usote pkr na jeelmorlnbh (prkckrntn)
http://www.w3schools.com/tags/ref_language_codes.asphttp://www.w3schools.com/tags/ref_language_codes.asphttp://www.w3schools.com/tags/ref_language_codes.asp -
7/22/2019 HTML5-04-Immagini e Mappe Immagine
6/6
Outerk7 Jeiidn Inbzno[atnme ohhnerbomkbte7 ?;/0>/:0?9
3
dkap7 feiumkbte fn onute
anikbsk7 nbcermoznebn fn iepyrnhdt sua feiumkbte ierrkbtk
bkxt7 na feiumkbte suiikssnve nb ubo skakznebk (pkr kskmpne, n iopntean fn
ub anjre e n pest fn ub jaeh)
beceaaew7 ieaakhomkbte fnsopprevote pkrid beb horobtnte foaaouterk fka
feiumkbte ierrkbtk
berkckrrkr7 ieaakhomkbte idk beb co tropkaork oaiubo nbcermoznebk sua
rkckrrkr, ine su idn do skhunte na anbl prkcktid7 na feiumkbte fn fkstnboznebk fkvk ksskrk nbskrnte bkaao ioidk
fka jrewskr
prkv7 na feiumkbte prkikfkbtk nb ubo skakznebk
skorid7 ieaakhomkbte of ube strumkbte pkr ao rnikrio bka feiumkbte
ierrkbtk
toh7 ub toh (poreao idnovk) pkr na feiumkbte ierrkbtk
typk (DVMA;) Ypkincnio na tnpe MNMK fka feiumkbte ierrkaote. Pkr ubb kakbie iempakte fn
tnpn MNMK sn vkfodttp7//www.nobo.erh/ossnhbmkbts/mkfno-typks.
mkfno (DVMA;) Ypkincnio pkr quoak fnspesntnve e mkfno ettnmnzzote na feiumkbte ieaakhote. N
voaern osskhbotn o toak ottrnjute sebe strnbhdk idk nbfniobe na tnpe fn fkvnik k
oatrk preprnkt fka fkvnik stksse. K pessnjnak utnanzzork han epkrotern jeeakobn
obf, bet k er (ropprkskbtote ieb ubo vnrheao). N fnspesntnvn spkincniojnan sebe7
oaa7 tuttn n fnspesntnvn
ouroa7 snbtktnzzoterk veioak
jronaak7 fnspesntnve jronaak (pkr n beb vkfkbtn)
dobfdkaf7 poamorn
pregkitneb7 prenkttern
prnbt7 stompo
sirkkb7 sidkrme fka iemputkr tty7 tkaksirnvkbtn
tv7 tkakvnsern
Pkr ak preprnkt spkincniojnan fn ehbn fkvnik sn vkfo
dttp7//www.w9sideeas.iem/tohs/ottUoUmkfno.osp
_ukst'epkro fnstrnjunto ieb AnikbzoIrkotnvk Iemmebs Ottrnjuznebk - Beb iemmkrinoak - Iebfnvnfn oaae stksse mefe
9.0 Ntoano.
http://www.iana.org/assignments/media-typeshttp://www.iana.org/assignments/media-typeshttp://www.iana.org/assignments/media-typeshttp://www.w3schools.com/tags/att_a_media.asphttp://www.w3schools.com/tags/att_a_media.asphttp://creativecommons.org/licenses/by-nc-sa/3.0/it/http://creativecommons.org/licenses/by-nc-sa/3.0/it/http://creativecommons.org/licenses/by-nc-sa/3.0/it/http://creativecommons.org/licenses/by-nc-sa/3.0/it/http://creativecommons.org/licenses/by-nc-sa/3.0/it/http://creativecommons.org/licenses/by-nc-sa/3.0/it/http://www.w3schools.com/tags/att_a_media.asphttp://www.iana.org/assignments/media-types