Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

Podobné prezentace


Prezentace na téma: "Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)"— Transkript prezentace:

1 Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

2 Internetové publikování Grafika pro web - Úvod

3 N Internetové publikování 1. Úvod do předmětu Grafika na webu - pro a proti »Výhody multimédií »Atraktivnější a zajímavější »Mnohdy účinnější přenos informace »Nevýhody »Nároky na přenosovou kapacitu »Náročnější na vytváření

4 N Internetové publikování 1. Úvod do předmětu Umístění MM na stránku »Samostatný soubor s MM obsahem odkázaný v HTML »Interpretace MM dat »Prohlížeč »Externí aplikace »Plug-in

5 N Internetové publikování 1. Úvod do předmětu Vkládání grafiky na stránku »Obrázek –grafická informace »Element »Dekorativní grafika »CSS background-image

6 N Internetové publikování 1. Úvod do předmětu Obrázky »Rastrová grafika »Obrázky složeny z matice bodů, kterým je přiřazena barva »GIF, JPEG, PNG »Vektorová grafika »Obrázky jsou složeny z objektů »SVG »http://podklady.interval.cz/hejral/451/priklad02.htmhttp://podklady.interval.cz/hejral/451/priklad02.htm

7 N Internetové publikování 1. Úvod do předmětu Základní pojmy rastrové grafiky »Rozlišení / velikost obrázku »Fyzické rozměry obrázku v pixelech (bodech), např 300x200 »Někdy se uvádí rozměry v délkových jednotkách např 3x2 cm... »... A rozlišení v dpi (dots per inch, body na palec) »1 palec (inch) = 2,54 cm »254 dpi = 100 bodů/cm

8 N Internetové publikování 1. Úvod do předmětu Základní pojmy rastrové grafiky »Barevný režim černobílýStupně šediBarevný

9 N Internetové publikování 1. Úvod do předmětu Základní pojmy rastrové grafiky »Barevná hloubka »TrueColor (24 bit) = 2^24 = barev »HighColor (16 bit) = 2^16 = barev »256 barev (8 bit) = 2^8 = 256 barev »Barevná paleta »Obrázek může být definován s malou barevnou houbkou, ale na optimalizované barevné paletě

10 N Internetové publikování 1. Úvod do předmětu Velikost obrázků »Důležitá optimalizace kvalita/velikost »Snižování velikosti »Snížení rozlišení »Snížení barevné hloubky »Vhodná volba formátu »Komprese »Bezztrátová »Ztrátová »Použití vektorových formátů

11 N Internetové publikování 1. Úvod do předmětu Snižování rozlišení původní50% 25%

12 N Internetové publikování 1. Úvod do předmětu Snížení počtu barev TrueColor256 barev32 barev 6 barev + "dithering"256 systémových barev

13 N Internetové publikování 1. Úvod do předmětu JPEG »Barevný režim TrueColor »Možnost progresivního formátování »Postupné zobrazování obrázku tak jak se načítá »Ztrátová komprese založená na nedokonalosti lidského zraku »Vhodné zejména pro fotografie »Volitelná kvalita

14 N Internetové publikování 1. Úvod do předmětu Kvalita komprese JPEG

15 N Internetové publikování 1. Úvod do předmětu GIF »Max. 256 barev »Vhodné pro většinu nefotografické grafiky »Nepříliš vhodné pro velké plochy s barevnými přechody »Podpora animace »Podpora průhlednosti (pouze dvojúrovňová)

16 N Internetové publikování 1. Úvod do předmětu PNG »Nový formát, podpora až od NN, IE 4.0+ »http://www.libpng.org/pub/png/pngapbr.htmlhttp://www.libpng.org/pub/png/pngapbr.html »http://www.w3.org/Graphics/PNG/http://www.w3.org/Graphics/PNG/ »Mnoho různých barevných hloubek »Nepodporuje animaci »Výborná podpora průhlednosti »Alfa-kanál = Průhlednost

17 N Internetové publikování 1. Úvod do předmětu Zdroje grafiky »Soubory klipartů, internetové galerie »Pozor na licenční podmínky »Fotografování, scanování + úprava »Vlastní "umělecká" tvorba »Adobe Photoshop, Illustrator »Correl Draw »Paint Shop Pro »GIMP »Paint.NET (instalován v učebnách) »free, ale jinak nic moc

18 N Internetové publikování 1. Úvod do předmětu Vyhlazování hran

19 N Internetové publikování 1. Úvod do předmětu Role obrázku na stránce »Obrázek »Odkaz (celý obrázek nebo klikací mapa) »http://www.w3schools.com/tags/tag_area.asphttp://www.w3schools.com/tags/tag_area.asp »Pozadí elementu »Pozor na využití dlaždicového skládání motivu pozadí »Pozor na velikost okna prohlížeče

20 N Internetové publikování 1. Úvod do předmětu Zápočtové projekty z minulých let »http://www.pamatnik-svobody-hermanec.czechian.net/5.htmlhttp://www.pamatnik-svobody-hermanec.czechian.net/5.html »http://sweb.cz/E.Keindlova/Uvod.htmlhttp://sweb.cz/E.Keindlova/Uvod.html »http://web.vscht.cz/horackoj/uvod.htmlhttp://web.vscht.cz/horackoj/uvod.html »http://web.vscht.cz/hrotkovr/neil/index.htmlhttp://web.vscht.cz/hrotkovr/neil/index.html »http://www.sweb.cz/svhurka2/http://www.sweb.cz/svhurka2/ »http://web.vscht.cz/cernochk/http://web.vscht.cz/cernochk/ »http://web.vscht.cz/kutnas/1/index.htmlhttp://web.vscht.cz/kutnas/1/index.html »http://web.vscht.cz/nabelkoi/index.htmlhttp://web.vscht.cz/nabelkoi/index.html »http://web.vscht.cz/durinap/IP%20zapocet/Site/Index.htmlhttp://web.vscht.cz/durinap/IP%20zapocet/Site/Index.html »http://web.vscht.cz/pohunkop/index1.htmlhttp://web.vscht.cz/pohunkop/index1.html

21 N Internetové publikování 1. Úvod do předmětu Náměty na témata zápočtových projektů »Toxikologie: Způsoby zjišťování toxicity látek, stanovení úrovně expozice a expozičních limitů »Ekologie: Skleníkový efekt, emise skleníkových plynů a globální oteplování »Matematika: Přehled derivací elementárních funkcí a pravidel o derivování složených funkcí a výrazů s příklady »Chemie: Základní krystalové soustavy

22 N Internetové publikování 1. Úvod do předmětu Náměty na témata zápočtových projektů »Chemie: Halogeny a jejich vlastnosti »Ekonomie: Zákon nabídky a poptávky »Podnikání: WWW prezentace mé firmy, firmy mých rodičů, známých »Internet: Porovnání jednotlivých webhostingů v doméně.cz


Stáhnout ppt "Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)"

Podobné prezentace


Reklamy Google