David Klíma- 1 - Obrázky na webu Než dám obrázek na web co musím udělat? Získat ho Upravit Zmenšit na publikovatelnou formu POZOR! někdy se obrázek natahuje.

Prezentace na téma: "David Klíma- 1 - Obrázky na webu Než dám obrázek na web co musím udělat? Získat ho Upravit Zmenšit na publikovatelnou formu POZOR! někdy se obrázek natahuje."— Transkript prezentace:

1

2 David Klíma- 1 - Obrázky na webu Než dám obrázek na web co musím udělat? Získat ho Upravit Zmenšit na publikovatelnou formu POZOR! někdy se obrázek natahuje déle než celá stránka Musíme vybrat vhodnou velikost a typ obrázku

3 David Klíma- 2 - Formáty obrázků GIF Zabudovaná bezeztrátová komprese Podporuje animované sekvence Ostré hrany atd... Větší velikost Pro ikonky, prekoresby, animované sekvence JPG Ztrátová komprese Velký kompresní poměr Vhodné pro fotografie

4 David Klíma- 3 - Značka Pro vkládání obrázků Jedná se o nepárovou značku Několik parametrů Src=“obrázek.jpg” lowsrc=“obrázek.jpg” – obrázek s malým rozlišením, který se načítá jako první před tím v src Alt=“alternativní text”

5 David Klíma- 4 - Zarovnání obrázku Již používáme ale u grafiky má nejvíce hodnot Top – horní okraj gr. na horní okraj řádku Middle – střed grafiky na účaří řádku Bottom – dolní okraj gr. na dolní okr. řádky Left - ne levý okraj s obtékáním zprava Right Texttop – horní okraj gr. na horní okr řádku Absmiddle – střed grafiky na střed řádku Baseline – dolní okraj grafiky na dolní okraj řádku Absbottom – dolní okraj grafiky na dolní okraj řádku

6 David Klíma- 5 - Další parametry Width, height natvrdo rozměry Nehledí se pak na skutečnou velikost obrázku Hspace, vspace Kolik místa se vynechá vedle obrázku Border Velikost rámečku okolo (implicitně 0)

7 David Klíma- 6 - Co dál použít u obrázku Samozřejmě odkaz Href Alt – alternativní text

8 David Klíma- 7 - Příklad

9 David Klíma- 8 - Aktivní mapy Definice ohraničená Mezi tím několik které definují citlivé oblasti Parametr shape tvar oblasti Circle, rect, polygon Coords – parametr pro vládání souřadnic

10 David Klíma- 9 - Příklad - mapy <area href=“strana1.htm” alt=“popisek” shape=rect coords=100,1,200,50> <area href=“seznamy.htm” alt=“seznamy” shape=rect coords=300,1,400,50> <img src=“obrazek.jpg” alt=“mapy” usemap”#mapa”>