Internetov publikov n
This presentation is the property of its rightful owner.
Sponsored Links
1 / 22

Internetové publikování PowerPoint PPT Presentation


  • 59 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ší

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: [email protected]


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


Kvalita komprese jpeg

Kvalita komprese JPEG


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


Vyhlazov n hran

Vyhlazování hran


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


  • Login