Internetov publikov n
Download
1 / 22

Internetové publikování - PowerPoint PPT Presentation


  • 76 Views
  • Uploaded on
  • Presentation posted in: General

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222 , 4167 ( sekretari át ústavu 111) e-mail: petr.zamostny @ vscht.cz. Internetové publikování Grafika pro web - Úvod. Grafika na webu - p ro a proti. Výhody multimédií Atraktivnější a zajímavější

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha

Download Presentation

Internetové publikování

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Internetov publikov n
Internetové publikování

Doc. Ing. Petr Zámostný, Ph.D.místnost: A-72atel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz


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


Grafika na webu p ro a proti
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í


Um st n mm na str nku
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


Vkl d n grafiky na str nku
Vkládání grafiky na stránku

  • Obrázek –grafická informace

    • Element <img>

  • Dekorativní grafika

    • CSS background-image


Obr zky
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.htm


Z kladn pojmy rastrov grafiky
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


Z kladn pojmy rastrov grafiky1
Základní pojmy rastrové grafiky

  • Barevný režim

černobílý

Stupně šedi

Barevný


Z kladn pojmy rastrov grafiky2
Základní pojmy rastrové grafiky

  • Barevná hloubka

    • TrueColor (24 bit) = 2^24 = 16777216 barev

    • HighColor (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ě


Velikost obr zk
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ů


Sni ov n rozli en
Snižování rozlišení

původní

50%

25%


Sn en po tu barev
Snížení počtu barev

TrueColor

256 barev

32 barev

256 systémových barev

6 barev + "dithering"


Internetov publikov n
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



Internetov publikov n
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á)


Internetov publikov n
PNG

  • Nový formát, podpora až od NN, IE 4.0+

    • http://www.libpng.org/pub/png/pngapbr.html

    • 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


Zdroje grafiky
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



Role obr zku na str nce
Role obrázku na stránce

  • Obrázek

  • Odkaz (celý obrázek nebo klikací mapa)

    • http://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


Z po tov projekty z minul ch let
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/svhurka2/

  • 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%20zapocet/Site/Index.html

  • http://web.vscht.cz/pohunkop/index1.html


N m ty na t mata z po tov ch projekt
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 m ty na t mata z po tov ch projekt1
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


ad
  • Login