HTML5-04-Immagini e Mappe Immagine

download HTML5-04-Immagini e Mappe Immagine

of 6

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