Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Save this PDF as:
 WORD  PNG  TXT  JPG

Rozměr: px
Začít zobrazení ze stránky:

Download "Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery"

Transkript

1 Grafika pro web

2 Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

3 Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače

4 Funkce grafiky na webu Alternativa textové informace Tlačítka Ikony Texty Navigační prvky

5 Možnosti grafiky v HTML IMG Vložení obrázku <IMG > SRC= jmeno_souboru NAME= znacka ALT= kratky_popis ALIGN= zarovnani WIDTH= sirka HEIGHT= vyska USEMAP= klientska_mapa CLASS= trida... ID, STYLE, BORDER, HSPACE, VSPACE, LONGDESC, ISMAP

6 Možnosti grafiky v HTML OBJECT vložení obrázku jako objektu <OBJECT DATA= jmeno_souboru TYPE= image/gif NAME= znacka STANDBY= text_pri_nahravani HEIGHT= vyska WIDTH= sirka USEMAP= mapa TABINDEX= poradi... DECLARE, CLASSID, CODEBASE, CODETYPE, ARCHIVE... >

7 Možnosti grafiky v HTML MAP Mapa aktivních oblastí <MAP > NAME= jmeno_mapy AREA definice oblasti <AREA SHAPE= default rect circle poly COORDS= souradnice,... HREF= odkaz ALT= kratky_popis... NOHREF, TABINDEX, ACCESSKEY, ONFOCUS, ONBLUR >

8 Možnosti grafiky v HTML <img src="balls.gif" width="652" height="216" usemap="#map" alt="lukáš Bařinka"> <map name="map"> <area shape="rect" coords="43,53,195,66" href="projects/index.html" alt="projects"> <area shape="rect" coords="252,7,369,20" href="photos/index.html" alt="photos"> <area shape="circle" coords="630,178,8" alt=" "> </map>

9 Možnosti grafiky v HTML

10 Možnosti grafiky v HTML BACKGROUND obrázek na pozadí <BODY BGCOLOR= barva BACKGROUND= jmeno_souboru... > CSS obrázek na pozadí { background-color: barva transparent; background-image: url("soubor") none; background-repeat: repeat {x,y,no}-repeat; background-position: pozice; background-attachment: scroll fixed; }

11 Možnosti grafiky v HTML JavaScript <script language="javascript"> function imgover(imgname) { imgname.src = imgname.name + "_a.gif"; } function imgout(imgname) { imgname.src = imgname.name + "_b.gif"; } </script> <a href= target.html" onmouseover="imgover(menu1)" onmouseout="imgout(menu1)"> <img src="menu1_a.gif name="menu1 > </a>

12 Formáty grafických souborů pro web Bitmapové JPEG, PNG, GIF, ICO Vektorové SVG, SWF

13 Formáty grafických souborů - JPEG Joint Photographic Experts Group Počet barev: Komprese: Animace: Průhlednost: Postupné v.: Použití: TrueColor DCT, kvantizace, aritmetické kód. NE NE ANO (progressive) Fotografie, velké soubory

14 Formáty grafických souborů - GIF Graphics Interchange Format Počet barev: Komprese: Animace: Průhlednost: Postupné v.: Použití: max 256 (paleta) LZW s dynam. délkou kódu (Unisys) ANO ANO 0/1 ANO (interlaced) Animace, navigační prvky, průhledná grafika, čárová grafika, schémata, diagramy,...

15 Formáty grafických souborů - PNG Portable Network Graphics [ping] Počet barev: Komprese: Animace: Průhlednost: Postupné v.: Použití: 16b (grayscale) / 48b (truecolor) de/inflate with sliding window (LZ77) NE ANO Alfa kanál ANO (interlaced), gamma korekce navigační prvky, částečně průhledná grafika, čárová grafika, schémata, diagramy,...

16 Formáty grafických souborů - ICO Icon Počet barev: Komprese: Animace: Průhlednost: Postupné v.: Použití: 16, 256 RLE (pro >4b barvy) NE ANO 1/0 více velikostí ikony, favicon.ico

17 Formáty grafických souborů - MNG Multiple-image Network Graphics Počet barev: Komprese: Animace: Průhlednost: Postupné v.: Použití: 48b PNG, JPEG ANO ANO 0/1, Alfa kanál ANO (interlaced), gamma korekce Rozšiřuje a kombinuje možnosti formátů GIF, PNG a JPEG (MPEG)

18 Formáty grafických souborů - SVG Scalable Vector Graphics zápis pomocí XML možnost přímé editace komprese GZIP podpora animací a událostí snadná rozšiřitelnost

19 Formáty grafických souborů - SWF Macromedia Flash [swiff] proprietální formát binární zápis podpora animací a událostí uzavřený formát podpora většiny SW platforem

20 Porovnání formátů Čárová grafika TIFF 100% PNG 1.8% PNGi 1.2% GIF 1.8% JPEG % JPEG % JPEG75 7.4% JPEG25 3.8% Fotografie TIFF 100% PNG 53.0% PNGi 22.7% GIF 24.2% JPEG % JPEG % JPEG75 4.7% JPEG25 1.8%

21 Stupeň komprese formátu JPEG Závislost velikosti souboru [%] na stupni komprese [%]

22 Stupeň komprese formátu JPEG 75% 50% 25% 10% 5% 0% 17.39% 11.24% 6.75% 3.39% 2.12% 1.71%

23 GIF animace Základní přístupy ke snímkům animace Replace kompletní nahrazení snímku Combine rozdíly mezi snímky (úspora místa) Časování pro každý ze snímků zvlášť Možnost nekonečného opakování animace

24 Budoucnost Podpora nových formátů SVG, MNG,... v prohlížečích Dokončení přechodu na HTML 4.01 a směřování k XHTML a XML reprezentaci Rozšíření podpory CSS1/CSS2 a příprava na CSS3 Rozvoj formátu SVG, podpora audio/video,...

25 Grafika na webu Děkuji za pozornost

Reprodukce obrazových předloh

Reprodukce obrazových předloh fialar@kma.zcu.cz Podpořeno z projektu FRVŠ 584/2011 Historie Reprodukční fotografie V reprodukční fotografii se používají různé postupy pro reprodukci pérovek (pouze černá a bílá) jednoduché (viz přednáška

Více

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou

Využití ICT techniky především v uměleckém vzdělávání. Akademie - VOŠ, Gymn. a SOŠUP Světlá nad Sázavou Datum: 1. 12. 2013 Projekt: Registrační číslo: Číslo DUM: Škola: Jméno autora: Název sady: Název práce: Předmět: Ročník: Obor: Časová dotace: Vzdělávací cíl: Pomůcky: Využití ICT techniky především v uměleckém

Více

Rastrová grafika. Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou

Rastrová grafika. Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou Rastrová grafika Grafický objekt je zaznamenán jednotlivými souřadnicemi bodů v mřížce. pixel ( picture element ) s definovanou barvou Kvalita je určena rozlišením mřížky a barevnou hloubkou (počet bitů

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky elmag. záření s určitou vlnovou délkou dopadající na sítnici našeho oka vnímáme jako barvu v rámci viditelné části spektra je člověk schopen rozlišit přibližně 10 milionů barev

Více

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 8. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 18. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 6. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

2.5 Nejčastěji používané formáty souborů s obrázky

2.5 Nejčastěji používané formáty souborů s obrázky 2.5 Nejčastěji používané formáty souborů s obrázky V oblasti grafických formátů je asi největší nepořádek ve formátech vůbec existuje nesčetně velké množství druhů těchto datových souborů. Skoro každý

Více

1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY

1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY 1. ZÁKLADNÍ POJMY POČÍTAČOVÉ GRAFIKY Pixel: je zkratka anglického PICture Element, tedy obrazový bod. Velikost obrázku: na monitoru v obrazových bodech - počet obrazových bodů, ze kterých je obrázek sestaven

Více

vloží do stránky obrázek kotěte zarovnaný doprava s popiskem kotě. O jednotlivých atributech pojednává další text.

vloží do stránky obrázek kotěte zarovnaný doprava s popiskem kotě. O jednotlivých atributech pojednává další text. Vkládání obrázků: Tag IMG V HTML se obrázky vkládají nepárovým tagem IMG, který má jeden povinný a mnoho nepovinných parametrů. Tím povinným je src, totiž umístění obrázku. Například

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

Grafika a grafický design. Internetové publikování

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

Počítačová grafika a vizualizace volné 3D modelování. Maxon CINEMA 4D. Mgr. David Frýbert, 2012

Počítačová grafika a vizualizace volné 3D modelování. Maxon CINEMA 4D. Mgr. David Frýbert, 2012 Počítačová grafika a vizualizace volné 3D modelování Maxon CINEMA 4D Mgr. David Frýbert, 2012 Počítačová grafika a vizualizace volné 3D modelování komprese, grafické formáty Mgr. David Frýbert, 2012 Barva

Více

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.

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. 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í CSS 4. Formátovací model, pozicování

Více

Grafické editory. Ing. Jan Steringa 2008

Grafické editory. Ing. Jan Steringa 2008 Grafické editory Ing. Jan Steringa 2008 Grafický editor aplikace určená pro tvorbu nebo úpravu grafických dat (obrázky, výkresy) rozdělení grafických editorů vektorové rastrové jednoúčelové komplexní pro

Více

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger

HTML. HyperText Markup Language. 25.9.2013 Josef Steinberger HTML HyperText Markup Language 25.9.2013 Josef Steinberger HTML historie, verze Hypertext Jazyk popisující strukturu dokumentu SGML/XML Aplikace Verze: HTML 1 1990+ TBL, CERN HTML 2.0 1995 as RFC 1866

Více

HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita

HTML. PIA 2012/2013 Téma 1. P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita HTML PIA 2012/2013 Téma 1 P. Brada, O. Rohlík, J. Tichava, Západočeská univerzita HyperText Markup Language... a document structuring language hypertext SGML/XML aplikace http://www.w3.org/markup/ 2 Verze:

Více

Grafika a grafický design. Internetové publikování

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0

TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ. Verze 1.0 TECHNICKÁ SPECIFIKACE REKLAMNÍCH FORMÁTU MEPASS.CZ Verze 1.0 Obsah První formát Leaderboard... 2 Druhý formát Skycraper... 3 Třetí formát PR článek... 5 Čtvrtý formát Leaderboard ilayer... 6 Leaderboard...

Více

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování):

základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování): Rastrové formáty základem rastr pixelů s informací o jejich barvě problémy při změně velikosti (zvětšování): lepší možnosti práce s barvou obvykle náročnější na objem dat BMP Jedná se o interní formát

Více

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 3 VY 32 INOVACE 0101 0203

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 3 VY 32 INOVACE 0101 0203 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 3 VY 32 INOVACE 0101 0203 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a podpory palivového

Více

Internet 2 css, skriptování, dynamické prvky

Internet 2 css, skriptování, dynamické prvky Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní

Více

Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09

Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09 Jihočeská univerzita v Českých Budějovicích Pedagogická fakulta Katedra informatiky Akademický rok: 2008-09 Studijní obor: Výpočetní technika a informatika Technologie SVG aktuální standard webové vektorové

Více

<!DOCTYPE html> <html lang="cs"> <head> <meta charset="utf-8" /> <title>název stránky v titulkovém pruhu prohlížeče</title> </head>

<!DOCTYPE html> <html lang=cs> <head> <meta charset=utf-8 /> <title>název stránky v titulkovém pruhu prohlížeče</title> </head> 1. HTML5 Technologie HTML5 zavádí a vylepšuje širokou škálu funkcí, zahrnující pokročilé nástroje pro práci s formuláři, multimédii, strukturami a sémantikou, aby poskytla autorům více flexibility a interoperability

Více

XHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek

XHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek XHTML 1 Jazyk HTML značkovací jazyk, speciálně vyvinutý pro popis Internetových dokumentů. HTML umožňuje popis: struktury dokumentu; obsahu dokumentu; způsobu zobrazení obsahu prohlížečem na displeji.

Více

1. Formáty grafických dat

1. Formáty grafických dat 1. Formáty grafických dat Studijní cíl Tento blok kurzu je věnován problematice grafických formátů, kompresi grafických dat a odlišností u rastrových a vektorových souborů. Doba nutná k nastudování 2 hodiny

Více

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se

Více

DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ

DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ DATOVÉ FORMÁTY GRAFIKY, JEJICH SPECIFIKA A MOŽNOSTI VYUŽITÍ UMT Tomáš Zajíc, David Svoboda Typy počítačové grafiky Rastrová Vektorová Rastrová grafika Pixely Rozlišení Barevná hloubka Monitor 72 PPI Tiskárna

Více

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány

Více

Grafické formáty. poznámky k 5. přednášce Zpracování obrazů. Martina Mudrová 2004

Grafické formáty. poznámky k 5. přednášce Zpracování obrazů. Martina Mudrová 2004 Grafické formáty poznámky k 5. přednášce Zpracování obrazů Martina Mudrová 2004 Grafické formáty Proč je tolik formátů pro uložení obrázků? Cíl: uložení obrazových dat ve formě souboru různý charakter

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1

POČÍTAČOVÁ GRAFIKA. Počítačová grafika 1 Počítačová grafika 1 POČÍTAČOVÁ GRAFIKA Gymnázium Jiřího Wolkera v Prostějově Výukové materiály z matematiky pro nižší gymnázia Autoři projektu Student na prahu 21. století - využití ICT ve vyučování matematiky

Více

aneb jak se to tam všechno vejde?

aneb jak se to tam všechno vejde? 768 576 KOMPRIMACE aneb jak se to tam všechno vejde? Položme si hned na začátku zdánlivě nepodstatnou otázku: Kolik místa zabere dvouhodinový film na CD nebo DVD? Uvažujme následující příklad: rozlišení

Více

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou

Více

Počítačová prezentace. Základní pojmy. MS PowerPoint

Počítačová prezentace. Základní pojmy. MS PowerPoint Počítačová prezentace Základní pojmy Počítačová prezentace využití elektronického systému pro předávání informací jednoduché zpracování textu, grafiky, zvuku a animací vysoká účinnost prezentace - přehledná

Více

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Dosedla Martin HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové)

Více

Inovace výuky prostřednictvím ICT v SPŠ Zlín, CZ.1.07/1.5.00/34.0333 Vzdělávání v informačních a komunikačních technologií

Inovace výuky prostřednictvím ICT v SPŠ Zlín, CZ.1.07/1.5.00/34.0333 Vzdělávání v informačních a komunikačních technologií VY_32_INOVACE_31_17 Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Název Autor Vytvořeno, pro obor, ročník Anotace Přínos/cílové kompetence Střední

Více

Skriptování na straně serveru a klienta

Skriptování na straně serveru a klienta 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2012/03/29 21:34:27 $ Obsah Úvod... 3 Nová platforma... 4 Výhody webové platformy... 5 Nevýhody webové platformy... 6 Přístupy

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Úvod. Zpracoval: Petr Lasák HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají

Více

Grafika vektorová vs. bitmapová

Grafika vektorová vs. bitmapová Vysoká škola ekonomická v Praze Fakulta podnikohospodářská Hlavní specializace: Podniková ekonomika a management Seminář: Manažerská informatika pro pokročilé Semestrální práce: Grafika vektorová vs. bitmapová

Více

Vážení zákazníci, dovolujeme si Vás upozornit, že na tuto ukázku knihy se vztahují autorská práva, tzv. copyright. To znamená, že ukázka má sloužit výhradnì pro osobní potøebu potenciálního kupujícího

Více

Podklad pro tvorbu ilayer typu

Podklad pro tvorbu ilayer typu 1 Podklad pro tvorbu ilayer typu poslední úprava 11.2011 Obsah Ilayer v SWF jednosouborové a dvousouborové 1 Kódování ilayeru 2 Kódy v dvousouborovém layeru 3 1. STARTER SWF SOUBOR 3 2. LAYER SWF SOUBOR

Více

DTP1. (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování

DTP1. (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování DTP1 (příprava textu pomocí počítače) Kapitola 3 / Obrázky a rastrování Petr Lobaz, 28. 2. 2007 Digitální grafický výstup složen z bodů bod černá/bílá rozlišení počet bodů na palec, dpi pro text alespoň

Více

ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE

ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE Provozně ekonomická fakulta Katedra informačního inženýrství Diplomová práce Vytváření animací pro potřeby elektronického publikování Vypracoval: Bc. Tomáš Ludvík Vedoucí

Více

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010

Střední škola aplikované kybernetiky s.r.o.: Maturitní okruhy z odborných předmětů 2010 NAW WEBOVÉ STRÁNKY 1 Barevné modely (nejen v oblasti webdesignu), fyzikální podstata barvy 2 Zacházení s barvou v oblasti webdesignu a její účinek na psychiku 3 Tvar vizuálních prvků webdesignu, vliv na

Více

HTML Hypertext Markup Language

HTML Hypertext Markup Language HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé

Více

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

Vstupní požadavky, doporučení a metodické pokyny

Vstupní požadavky, doporučení a metodické pokyny Název modulu: Grafika v OSS/FS Označení: B5 Stručná charakteristika modulu Modul je orientován na tvorbu a zpracování rastrové a vektorové grafiky v prostředí otevřeného a svobodného software. Zahrnuje

Více

Tvorba internetových stránek. Jazyk HTML

Tvorba internetových stránek. Jazyk HTML Tvorba internetových stránek Jazyk HTML Stránky www nejpoužívanější služba internetu: WWW World wide web služba poskytuje (zpřístupňuje) hypertextové dokumenty (= internetové stránky) dokumenty jsou přenášeny

Více

Inkscape v (mojí) praxi. Linux Days 2014

Inkscape v (mojí) praxi. Linux Days 2014 Inkscape v (mojí) praxi Linux Days 2014 Inkscape v (mojí) praxi Používám ho cca 8 let Identity loga, jejich varianty, použití, manuály, QR Pro web ikony, celé www, nestandardní tvary + WF Pro tisk Letáky,

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

Ukázka knihy z internetového knihkupectví www.kosmas.cz Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 6 5 9 U k á z k a k n i h

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

VY_32_INOVACE_INF.19. Inkscape, GIMP, Blender

VY_32_INOVACE_INF.19. Inkscape, GIMP, Blender VY_32_INOVACE_INF.19 Inkscape, GIMP, Blender Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jiří Kalous Základní a mateřská škola Bělá nad Radbuzou, 2011 INKSCAPE Inkscape je open source

Více

SIPVZ Tvorba www stránek

SIPVZ Tvorba www stránek SIPVZ Tvorba www stránek RNDr. Jana Reslová SPŠE a VOŠ Pardubice V čem vytvářet HTML stránky... 2 Editor 1stPage... 4 Instalace...4 Prostředí editoru 1stPage...4 Úprava prostředí 1stPage...5 Základy HTML...

Více

Javascript. Javascript - jazyk

Javascript. Javascript - jazyk Návrh a tvorba WWW stránek 1/30 Javascript skripty provádí prohlížeč - klient dynamicky generovaný obsah stránek, efekty, interakce nejrozšířenější klientský skriptovací jazyk (VBScript a další) nesouvisí

Více

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Návrh webové stránky responsivní design strana 2 WEB Dříve: místo pro prezentaci a umístění dat prohlížeče pouze na PC Nyní: platforma

Více

Petr Tumajer Certifikáty z kurzů a školení

Petr Tumajer Certifikáty z kurzů a školení Petr Tumajer Certifikáty z kurzů a školení Seznam kurzů a školení absolvovaných v letech 2007 až 2014 Kurzy grafiky Kurzy tvorby webu Obsah: Rekvalifikační kurz Pracovník grafického studia...2 InDesign

Více

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz 6 24.3.2015 aneta.bartuskova@uhk.cz Layout 24.3.2015 aneta.bartuskova@uhk.cz Layout stránky = strukturní i vizuální rozvržení webové stránky Stránka je chápána jako skupina oblastí, každá oblast má svůj

Více

XHTML a tvorba webu. 1. Historie a základní struktura. HTML HyperText Markup Language

XHTML a tvorba webu. 1. Historie a základní struktura. HTML HyperText Markup Language XHTML a tvorba webu 1. Historie a základní struktura HTML HyperText Markup Language - HTML 0.9 první verze 1991 - Značkovací jazyk pro zápis dokumentů na webu - Vkládání do textu obrázků, hypertextových

Více

Tvorba webu. Kaskádové styly (CSS) Martin Urza

Tvorba webu. Kaskádové styly (CSS) Martin Urza Tvorba webu Kaskádové styly (CSS) Martin Urza Motivace Proč používat kaskádové styly k formátování HTML? Dovolují více možností formátování než klasické HTML atributy a stále přibývají další (možnosti).

Více

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence

Více

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné

Více

ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE Provozně ekonomická fakulta. Bakalářská práce. Uplatnění počítačových animací v elektronickém publikování

ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE Provozně ekonomická fakulta. Bakalářská práce. Uplatnění počítačových animací v elektronickém publikování ČESKÁ ZEMĚDĚLSKÁ UNIVERZITA V PRAZE Provozně ekonomická fakulta Bakalářská práce Uplatnění počítačových animací v elektronickém publikování Vypracoval: Tomáš Ludvík Vedoucí bakalářské práce: Ing. Václav

Více

KAPITOLA 11. Kreslení v prohlížeči. Jazyk SVG

KAPITOLA 11. Kreslení v prohlížeči. Jazyk SVG KAPITOLA 11 Kreslení v prohlížeči Možná budete chtít ve svých webových aplikacích dynamicky zobrazovat diagramy, grafy nebo jinou vizuální reprezentaci dat. Samozřejmě můžete data odeslat na server a nechat

Více

Evropský sociální fond Praha & EU: Investujeme do vaší budoucnosti

Evropský sociální fond Praha & EU: Investujeme do vaší budoucnosti Evropský sociální fond Praha & EU: Investujeme do vaší budoucnosti 1. Z čeho se skládá grafický návrh. a. Bitmapový obrázek b. Vektorový obrázek c. Layout, zlom = celkové uspořádání grafických prvků (Typografie

Více

Rastrový obraz. Dvourozměrná matice bodů (pixelů) Bitová hloubka definuje maximální počet odstínů

Rastrový obraz. Dvourozměrná matice bodů (pixelů) Bitová hloubka definuje maximální počet odstínů RASTROVÝ OBRAZ Rastrový obraz Dvourozměrná matice bodů (pixelů) z nichž každý nabývá určitých hodnot podle typu obrazu tvoří souvisle vyplněnou oblast (rastr) Bitová hloubka definuje maximální počet odstínů

Více

Evropský zemědělský fond pro rozvoj venkova: Evropa investuje do venkovských oblastí. v cestovním ruchu P2. Pavel Petr Petr.USII@upce.

Evropský zemědělský fond pro rozvoj venkova: Evropa investuje do venkovských oblastí. v cestovním ruchu P2. Pavel Petr Petr.USII@upce. Využití informačních technologií v cestovním ruchu P2 Pavel Petr Petr.USII@upce.cz 1 Obsah kurzu Princip vyhledávání Definování vyhledávacích požadavků Vyhledávací nástroje Zdroje informací Nástroje pro

Více

Tvorba interaktivních prezentací a e-learningových materiálů

Tvorba interaktivních prezentací a e-learningových materiálů Základní pojmy Tvorba interaktivních prezentací a e-learningových materiálů LMS - Learning Management System E-learning M-learning Blended learning E-learning Prezentace PowerPoint E-learning Výhody Elektronické

Více

Další nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide.

Další nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide. ESCAPE OF VIRUSES Hra Escape of viruses je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra se spouští tlačítkem Start game. Úkolem hráče je eliminovat viry na hrací ploše kliknutím kurzoru

Více

Elektromagnetické záření. Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif

Elektromagnetické záření. Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif Počítačová grafika Elektromagnetické záření Zdroj: http://www.fotografovani.cz/images3/rom_svetlo_1_02.gif Jak vidíme Naše oči vnímají elektromagnetické záření Jsou citlivé na vlnové délky 390 až 800 nm

Více

Pedagogická fakulta. Programování her v HTML5 pomocí knihoven jquery a Box2D Programming HTML5 games using libraries jquery and Box2D

Pedagogická fakulta. Programování her v HTML5 pomocí knihoven jquery a Box2D Programming HTML5 games using libraries jquery and Box2D JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH Pedagogická fakulta Katedra informatiky Programování her v HTML5 pomocí knihoven jquery a Box2D Programming HTML5 games using libraries jquery and Box2D Bakalářská

Více

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 14 VY 32 INOVACE 0101 0314 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

HTML 5. Tomáš Hejl, Miroslav Štufka červen 2009

HTML 5. Tomáš Hejl, Miroslav Štufka červen 2009 HTML 5 Tomáš Hejl, Miroslav Štufka červen 2009 Historie V roce 2004 se konsorcium W3C, zodpovědné za vydání specifikací týkajících se webu, snaží již několik let prosadit web postavený na XML. Vzniká řada

Více

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Počítačová grafika OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Vektorová grafika Vektorová grafika Příklad vektorové grafiky Zpět na Obsah Vektorová grafika Vektorový

Více

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

K PROBLEMATICE SPISOVÉ SLUŽBY v elektronické podobě

K PROBLEMATICE SPISOVÉ SLUŽBY v elektronické podobě K PROBLEMATICE SPISOVÉ SLUŽBY v elektronické podobě Samostatné evidence dokumentů Po všech úkonech spojených s příjmem dokumentů (dle platného skartačního řádu) nastává fáze evidence doručených dokumentů

Více

Základní nástroje vědecké práce aneb Nechte počítače počítat

Základní nástroje vědecké práce aneb Nechte počítače počítat Základní nástroje vědecké práce aneb Nechte počítače počítat Roman Gröger Ústav fyziky materiálů Akademie Věd České republiky Typický postup vědecké práce Plánování experimentu Příprava vzorků Realizace

Více

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014 Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat

Více

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

CSS V DIGITÁLNÍ KARTOGRAFII

CSS V DIGITÁLNÍ KARTOGRAFII CSS V DIGITÁLNÍ KARTOGRAFII ČERBA Otakar Západočeská univerzita, Fakulta aplikovaných věd, Katedra matematiky Univerzitní 22, Plzeň, 306 14 Tel.: ++420 377 632 681 Fax: ++420 377 632 602 ota.cerba@seznam.cz

Více

Název: VY_32_INOVACE_PG3314 Rendering - vykreslení vytvořené scény. Vzdělávací oblast / téma: 3D grafika, počítačová grafika, 3DS Max

Název: VY_32_INOVACE_PG3314 Rendering - vykreslení vytvořené scény. Vzdělávací oblast / téma: 3D grafika, počítačová grafika, 3DS Max Název: VY_32_INOVACE_PG3314 Rendering - vykreslení vytvořené scény Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: 3D grafika, počítačová grafika, 3DS Max Anotace:

Více

Dokumentace k projektu

Dokumentace k projektu Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1.

Více

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO 1 Základní dělení 3D grafika 2D grafika vektorová rastrová grafika 2/29 Vektorová grafika Jednotlivé objekty jsou tvořeny křivkami Využití: tvorba diagramů,

Více

Internet a tvorba WWW stránek

Internet a tvorba WWW stránek Internet a tvorba WWW stránek HTML hypertextový značkovací jazyk (HyperText Markup Language) označuje (značkuje) části dokumentu. Určuje např. která část textu se má zobrazit jako nadpis, který kus textu

Více

Tvorba internetových stránek

Tvorba internetových stránek Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Pátek 9:00-10:00h Co nás dnes čeká? Podmínky absolvování. Zdroje teorie a praxe. Teorie: Domény. HosPngy. Návrh webu. Účast a zápočet

Více

Maturitní téma: Počítačová grafika (rastrová a vektorová grafika, grafické programy, formáty)

Maturitní téma: Počítačová grafika (rastrová a vektorová grafika, grafické programy, formáty) Maturitní téma: Počítačová grafika (rastrová a vektorová grafika, grafické programy, formáty) Grafické editory Grafické editory jsou určeny k tvorbě a editaci grafiky neboli obrázků. 2 základní druhy grafických

Více

VYHLÁŠKA ze dne 23. června 2009 o stanovení podrobností užívání a provozování informačního systému datových schránek

VYHLÁŠKA ze dne 23. června 2009 o stanovení podrobností užívání a provozování informačního systému datových schránek VYHLÁŠKA ze dne 23. června 2009 o stanovení podrobností užívání a provozování informačního systému datových schránek Ministerstvo vnitra stanoví podle 9 odst. 3 a 4, 20 odst. 3 a 21 zákona č. 300/2008

Více

1 z 7 22.3.2010 13:21

1 z 7 22.3.2010 13:21 Statistika pro fvsm.info (-03) file:///o:/dokumenty/martin/fvsm/export//awstats.fvsm.info.html 1 z 7 22.3. 13:21 Statistika pro: fvsm.info Poslední aktualizace: 20 Bře - 23:52 Zobrazený časový úsek: Měsíc

Více

1 z 7 22.3.2010 13:17

1 z 7 22.3.2010 13:17 Statistika pro fvsm.info (-12) file:///o:/dokumenty/martin/fvsm/export//awstats.fvsm.info.html 1 z 7 22.3.2010 13:17 Statistika pro: fvsm.info Poslední aktualizace: 31 Pro - 23:52 Zobrazený časový úsek:

Více