Internetov publikovn Doc Ing Petr Zmostn Ph D
Internetové publikování Doc. Ing. Petr Zámostný, Ph. D. místnost: A-72 a tel. : 4222, 4167 (sekretariát ústavu 111) e-mail: petr. zamostny@vscht. cz
Internetové publikování Grafika pro web - Úvod
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í N 111031 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 N 111031 Internetové publikování 1. Úvod do předmětu
Vkládání grafiky na stránku » Obrázek –grafická informace » Element <img> » Dekorativní grafika » CSS background-image N 111031 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/priklad 02. htm N 111031 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ř 300 x 200 » Někdy se uvádí rozměry v délkových jednotkách např 3 x 2 cm. . . » . . . A rozlišení v dpi (dots per inch, body na palec) » 1 palec (inch) = 2, 54 cm » 254 dpi = 100 bodů/cm N 111031 Internetové publikování 1. Úvod do předmětu
Základní pojmy rastrové grafiky » Barevný režim černobílý N 111031 Internetové publikování 1. Úvod do předmětu Stupně šedi Barevný
Základní pojmy rastrové grafiky » Barevná hloubka » True. Color (24 bit) = 2^24 = 16777216 barev » High. Color (16 bit) = 2^16 = 65536 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ě N 111031 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ů N 111031 Internetové publikování 1. Úvod do předmětu
Snižování rozlišení původní 25% N 111031 Internetové publikování 1. Úvod do předmětu 50%
Snížení počtu barev True. Color 256 barev 256 systémových barev N 111031 Internetové publikování 1. Úvod do předmětu 32 barev 6 barev + "dithering"
JPEG » Barevný režim True. Color » 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 N 111031 Internetové publikování 1. Úvod do předmětu
Kvalita komprese JPEG N 111031 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á) N 111031 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/pngapbr. html » http: //www. w 3. org/Graphics/PNG/ » Mnoho různých barevných hloubek » Nepodporuje animaci » Výborná podpora průhlednosti » Alfa-kanál = Průhlednost N 111031 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 N 111031 Internetové publikování 1. Úvod do předmětu
Vyhlazování hran N 111031 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. w 3 schools. 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 N 111031 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. html http: //sweb. cz/E. Keindlova/Uvod. html http: //web. vscht. cz/horackoj/uvod. html http: //web. vscht. cz/hrotkovr/neil/index. html http: //www. sweb. cz/svhurka 2/ http: //web. vscht. cz/cernochk/ http: //web. vscht. cz/kutnas/1/index. html http: //web. vscht. cz/nabelkoi/index. html http: //web. vscht. cz/durinap/IP%20 zapocet/Site/Index. html http: //web. vscht. cz/pohunkop/index 1. html N 111031 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 N 111031 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 N 111031 Internetové publikování 1. Úvod do předmětu
- Slides: 22