Stejná stránka se v různých prohlížečích může zobrazit odlišně.

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

Download "Stejná stránka se v různých prohlížečích může zobrazit odlišně."

Transkript

1 Příprava grafických podkladů pro web 1. O webových prohlížečích Stejná stránka se v různých prohlížečích může zobrazit odlišně. Jako autor stránek na webu nevím, jaký prohlížeč bude můj čtenář používat. Můžu to jenom tušit. Proto nemá cenu specializovat se na jeden typ prohlížeče a stránky ladit jen pro něj. Obvykle je potřeba, aby stránky vypadaly stejně ve všech hlavních prohlížečích. Svoje stránky byste vždy měli vyzkoušet alespoň na těchto prohlížečích: Internet Explorer 9 Firefox Opera Google Chrome nebo Safari Proč se prohlížeče liší Internet se zpočátku vyvíjel neuvěřitelně rychle. Podobně dynamicky se přetvářel jazyk HTML, tak aby umožňoval zařazovat do stránek nové a nové věci. Starší prohlížeče neumožňovaly stejné zobrazení stránek jako prohlížeče moderní, protože v době vzniku starších prohlížečů se prostě nevědělo, jak se budou stránky psát za pár let. Něco samozřejmě zůstalo stejné, ale staré prohlížeče neumějí zobrazovat nové styly, skripty a jiné vychytávky. Kromě oficiální verze jazyka HTML existovaly různé hybridní formy HTML a rozšíření HTML. Výrobci prohlížečů (zejména Microsoft) se snažili do svých prohlížečů zabudovat podporu nestandardních věcí, které byly teprve v návrhu nebo které si sami vymysleli. Čili interpretace jazyka HTML je závislá na prohlížeči, který používá čtenář (klient). V poslední době se to trochu uklidnilo. Microsoft do Internet Exploreru 8 (který je od roku 2010 nejrozšířenější) zapracoval podporu některých důležitých standardů. Konkurenční prohlížeče Mozilla (Firefox), Webkit (Chrome) a Opera jsou na tom ohledně standardů ještě lépe. Standard, nebo optimalizace? Kdo dělá internetové stránky, dostane se velmi brzy před dilema: dělat chudé, "standardní" stránky, které se dobře zobrazí ve všech prohlížečích, nebo stránky odladit pro jeden druh prohlížeče (optimalizovat) a pak se jenom modlit, aby se to jinde zobrazilo správně? Metoda optimalizace Optimalizace pro jeden prohlížeč. Někteří autoři dokonce píší "tyto stránky jsou optimalizovány pro ten a ten prohlížeč". Ačkoli optimalizace pouze pro jeden prohlížeč zní diletantsky, je často efektivním kompromisem mezi pracností a výsledkem. Je totiž pravděpodobné, že se v jiných prohlížečích stránka zobrazí stejně. Až na občasné přetékající okraje, rozbitá menu a nefunkční skripty, což ale zas tolik nevadí (tedy jak kdy a jak kde).

2 Metoda pokusu a opravy Autor udělá krásné stránky optimalizované pro jeden prohlížeč a pak si to zkouší zobrazovat v jiných. Najde-li chybu, nějak ji opraví. To je slušná metoda, leč docela pracná. Používají ji i profesionálové. V minulosti tím prvním zkoušeným prohlížečem býval Internet Explorer, od roku 2007 už se vyplácí psát primárně pro Firefox a teprve nakonec řešit vrtochy Exploreru. Metoda znalosti verzí HTML a CSS Autor, který ví, co může a nemůže použít, je na tom nejlépe. Pokud vytvoří na stránce něco, co by se ve starších prohlížečích zobrazilo špatně, udělá to tak, aby se v nich zobrazilo alespoň něco. Nejlépe je využít přitom CSS styly. Je to těžké na znalosti, ale jediné všeobecné. 2. Šířka webové prezentace a rozlišení obrazovky Šířka webových stránek se odvíjí od rozlišení obrazovky na monitoru čtenáře. V dnešní době se předpokládá, že nejmenší šířka monitoru je 1024 bodů. Někteří uživatelé používají rozlišení např bodu a vyšší. Pevná šířka webové prezentace Webové prezentace s šířkou, která se nastaví napevno. Všechno ostatní se potom odehráva uvnitř tohoto oddílu s nastavenou šířkou. Toto řešení je kritizováno majiteli mobilních počítačů s malým displejem, v nichž se musí horizontálně scrolovat. Majitelé velkých monitorů naopak mají na obrazovce hodně prázdna. Flexibilní struktura Flexibilní struktury se dosahuje pomocí procentních šířek. Jednotlivé šířky elementů tak nejsou zadávány v pixelech, nýbrž v procentech. Takto připravená struktura pak reaguje na různé šířky nejrůznějších zařízení. Jak dělat stránky tak šikovně, aby na šířce nezáleželo (udělat je "gumové" aneb "s plovoucí šířkou"). Dá se to (hodně pomáhají styly), ale přináší to některé komplikace, hlavně pokud bude stránka obsahovat pevně široké prvky (reklamy, obrázky, složitější grafiku). Druhý problém jsou velmi široké monitory, kde jsou pak řádky textu příliš dlouhé a dají se špatně číst. Kvůli gumovosti je důležité pracovat s procenty, ale kvůli čtení nepoužívat stoprocentní šířku. Flexibilní obrázky Technika flexibilních obrázků zajistí, že obrázky se budou přizpůsobovat stejně tak, jako samotná struktura. Aby tohoto bylo dosaženo, neuvádí se šířka a výška obrázku uvnitř tagu <img>. Aby nedocházelo k přetékání, nastylují se všechny obrázky následujícím kódem: max-width: 100%; height: auto; Takto nastylované obrázky se dokáží přizpůsobit obrazovce jednotlivých zařízení. Od roku 2012 profesionálové používají tak zvaný responzivní design. Zakládá se na použití relativně pokročilého stylování pomocí tzv. media queries.

3 Responzivní, nebo-li přizpůsobivý, design je speciální způsob stylování html stránky. Stránka s responzivním designem se mění v souvislosti na zařízení, ze kterého stránku prohlížíte ať už se jedná o notebooky, netbooky, mobilní telefony či tablety, vždy se bude prohlížená stránka zobrazovat korektně a to v závislosti na šířce obrazovky zobrazovaného zařízení. Významná hraniční rozlišení V následující tabulce je přehled hraničních rozlišení, která jsou ve webovém světě významná. 320px Malá rozlišení, obrazovka na výšku. 480px Malá zařízení, obrazovka na šířku. 600px Menší tablety, Amazon Kindle ( ), obrazovka na výšku. 768px Tablety, ipad 1 a 2, obrazovka na výšku. 1024px Notebooky, stolní monitory, tablety při obrazovce na šířku. 1200px Širokoúhlé zařízení. 3. Doporučení pro grafiku na webu DPI všech grafických podkladů pro web závisí na nastavení monitoru. Převod pt na pixely je závislý na nastavení systémového zobrazení. Normálně jsou monitory nastavené na 96 dpi (96 px na palec), což při 72 pt na palec dává vztah 3pt = 4px. Je velmi účelné používat parametrů width=" " a height=" ", tj. informací o velikosti obrázku, již do HTML kódu. Je to trošku práce navíc, ale výsledek je uspokojující. Při načítání WWW stránky prohlížeč ihned vymezí prostor, do nějž bude obrázek zobrazen a mezitím pokračuje v načítání textu již na ty pozice pro něj určené. Navíc, pokud nejsou u obrázku tyto parametry uvedeny, musí se prohlížeč zeptat dodatečně serveru, jaké jsou rozměry obrázku, což zobrazení značně zpomaluje. Každý obrázek by měl být popsán i tzv. alternativním textem (parametr alt=" "). Spousta uživatelů využívajících pomalé připojení k Internetu vypíná v prohlížeči zobrazení obrázků, aby ušetřili čas při načítání stránek. Proto, aby byli informováni o tom, co se nachází za obrázek na konkrétním místě uvádíme již zmiňovaný krátký textový popisek příslušející k nezobrazenému obrázku. Tento text má též své opodstatnění pro uživatele, kteří mají zobrazování obrázků zapnuto. Těm se pak po přesunutí kurzoru myši na obrázek zobrazí u kurzoru bublinka obsahující tento text. V názvech obrázků nepoužívejte diakritiku a zakázané znaky. Není dobré odkazovat se na nějaký obrázek umístěný na jiném místě (serveru), než jsou zobrazované stránky. Mnohdy může nastat situace, kdy server s obrázky je mimo provoz a potom tedy nejsou stránky odkazující se na tyto nepřístupné obrázky neúplné. Pokud je nutno odkazovat se na obrázky na jiném místě, bývá zvykem na to upozornit. Pamatujte, že text stránky musí zůstat za všech okolností dobře čitelný. 4. Grafické formáty pro web Pro WWW stránky jsou doporučeny tři druhy rastrových grafických formátů - GIF, JPG (JPEG) a PNG a jeden vektorový SVG.

4 Jelikož je běžná rastrová grafika pro prostředí webu prakticky nepoužitelná z důvodu velkého objemu dat obsažených v rastrovém obrázku (např. BMP px, 256 barev = B) je nutno se tedy poohlédnout po takovém grafickém formátu, který pojme stejnou grafickou informaci a zároveň s menším objemem dat. K tomuto jsou tedy určeny komprimované grafické formáty. Grafický formát GIF Grafický formát GIF (Graphics Interchange Format) používá tzv. neztrátovou kompresi (algoritmem LZW). Je to komprese informace, při níž nedochází k žádným změnám v komprimovaných datech. Tato komprese je vhodná pro jemnou a přesnou grafiku - texty, tlačítka snímky obrazovek apod. Formát GIF je určen pro ukládání obrázků s nejvýše 256-ti barvami a umí též ukládat data dvoubarevná. Mezi jeho hlavní přednosti patří neztrátová komprese a možnost volby průhlednosti (Transparent GIF - formát GIF89a). Jedna z barev může být označena jako průhledná a při zobrazení se tato barva nahrazena podkladovou barvou webové stránky. U tohoto formátu se též můžeme setkat s pojmem prokládaný (interlaced). Je li obrázek vytvořený s metodou prokládání, při jeho načítání se nejprve zobrazí hrubý nástin obrázku a postupně se grafická informace upřesňuje a obrázek se dotváří do výsledné podoby. Toho se využívá u stránek, kde je vhodné zobrazit již při načítání stránky alespoň částečnou grafickou informaci, která je posléze dočítána a zobrazována v plné kvalitě. Formát GIF byl prvním grafickým formátem využívajícím možností multimédií. Jako první dokázal pojmout více jak jeden obrázek (tzv. animovaný GIF) jinou metodou než je metoda videa. Dalším prvkem multimediálnosti tohoto souboru byla možnost přidat k obrázku zvuk. Tato možnost se ale neujala, neboť existují mnohem mocnější prostředky postihující tuto oblast multimédií. Grafický formát JPG U grafického formátu JPG (Joint Photographic Experts Group) je používáno tzv. ztrátové komprese. Je založena na znalostech nedokonalosti lidského oka, které je schopné tolerovat některé změny v obraze za účelem vysoce účinné komprese. Tato komprese je vhodná pro fotografie a obrázky bez ostrých obrysů. Nevhodná je zejména pro obrázky nesoucí textovou informaci. Většina grafických editorů dokáže nastavovat u JPEGu stupeň komprese, což znamená nastavení kvality obrázku. U formátu JPEG se často používá jeho speciální vlastnost - tzv. progresivnost JPEGu. Je to obdoba prokládaného GIFu (Interlaced GIF), kdy se data zobrazují postupně. Grafický formát PNG Grafický formát PNG (Portable Network Graphics) vznikl pod záštitou konsorcia W3C jako náhrada za grafický formát GIF. Také tento formát využívá bezztrátové komprese dat (algoritmem Deflate). Účinnost komprese se nastavuje aplikací filtrů, přičemž kvalita je stejná jako u GIFu, ovšem účinnost je mnohem vyšší (soubor s daty je menší). Tento formát pracuje buď s indexovými barvami (16 nebo 256 barev), nebo s plnou paletou barev (24 nebo 48 bitů). Dále je možné do souboru uložit i další informace, jako je např. alfa kanál nebo gamma korekce. Stejně jako formát GIF využívá transparentnosti, ovšem mnohem lépe (zejména z důvodu plné palety). Při přechodech do transparentní barvy je tedy možné využívat až 56k úrovní průhlednosti.

5 PNG má také ve srovnání s GIFem mnohem lepší algoritmus prokládání (Adam7). Jediná vlastnost, která PNG ve srovnání s GIFem chybí, je animace. SVG SVG (z anglického Scalable Vector Graphics škálovatelná vektorová grafika) je značkovací jazyk a formát souboru, který popisuje dvojrozměrnou vektorovou grafiku pomocí XML. Formát SVG by se měl v budoucnu stát základním otevřeným formátem pro vektorovou grafiku na Internetu. Grafika SVG neobsahuje obrazová data pixel po pixelu, ale seznam svých součástí grafických objektů, pomocí kterých lze obrázek vykreslit. SVG je ideální pro jednoduchou grafiku, například grafy, binární stromy, chronologie, rodokmeny, finálové pavouky apod. 5. Barvy na webu V HTML dokumentech se používá pro označení barvy dvou způsobů (CSS jich má mnohem více): #RRGGBB slovního pojmenování barvy U prvního způsobu je zobrazení barvy přibližně 100%, neboť barva je smíchána z určitého podílu červené (RED), zelené (GREEN) a modré (BLUE) barvy. Pouze Netscape pracuje s výpočtem barev trošku nešetrně, neboť posun mezi odstíny R, G, nebo B má větší než třeba MS Internet Explorer, který zobrazuje výslednou barvu věrněji. Druhý způsob zápisu barev, je opět Netscape trošku nešetrnější a dokonce se může stát, že barva zapsaná správným anglickým ekvivalentem bude v prohlížeči zobrazena jako úplně jiná. Zápis touto formou má výhodu zejména pro začátečníky, kteří se obejdou bez kalkulačky a složitého přepočítávání barev do HEXadecimální soustavy. Celkem existuje 140 barev, které je možné slovně pojmenovat. 16 základních barev s jejich HEXadecimálním kódem má slovní pojmenování. Zbývajících 124 barev se označuje jako barvy X11. Velmi často se můžete též setkat s 216 barvami, kterým se říká bezpečné barvy (216 web-safe colors), které mají tu vlastnost, že by se měly zobrazit na jakémkoli zobrazovacím zařízení stejně. V současné době používáme pro grafické prvky na internetu barevný model RGB. 6. Imagemapy (obrazové nebo klikací mapy) Imagemapa je obrázek, jehož některé části se chovají jako hypertextové odkazy. V současné době se pomalu upouští od používání Imagemap a obrázky jsou raději rozřezány na menší celky, což umožňuje jejich rychlejší načítání. Vytvoření Imagemapy z obrázku není nijak snadná záležitost. Musí se přesně nadefinovat oblasti, které budou aktivní. Definice se provádí s ohledem na souřadnice obrázku. Aby autor stránek s Imagemapou nemusel provádět tyto výpočty souřadnic, je vhodnější použít některou aplikaci, která velmi pohodlným způsobem tuto Imagemapu dokáže vytvořit i s příslušným HTML kódem. Použití Imagemapy je mnohdy ale nejlepším řešením např. pro navigaci po stránkách. 7. Co je kódování Počítač chápe každé písmenko jako číslo od 0 do 255 (jeden bajt). Američané a Angličané (a programátoři) si vystačí se 128 znaky, protože John Wicliff (britská obdoba Mistra Jana Husa) se nepletl do věcí, kterým nerozuměl, takže nemají nabodeníčka. Těmto základním 128 znakům bez háčků a čárek se říká ASCII.

6 Dalšími čísly od 128 do 255 se označily diakritizované znaky jazyků západní Evropy, a tak vznikl kód Latin-1. V něm české znaky nejsou (s výjimkou znaků á, í, š a ž). Pro neazbukové jazyky střední a východní Evropy (tedy i pro češtinu a slovenštinu) vznikly různé konvence, které zachovávají význam prvních 128 znaků ASCII (normalni pismena), ale dalších 128 znaků si definují po svém. a právě různá přiřazení diakritizovaných znaků číslům od 128 do 255 se označují jako kódování (případně jako znaková sada). Problém: Hodně různých lidí si usmyslelo, že nadefinují kódování češtiny, jenomže to každý udělal jinak. Nejčastější kódování V poslední době převládají tři kódování češtiny: ISO Windows-1250 UTF-8 ISO je, jak už název napovídá, kódování standardnější, používané na Unixu a na Linuxu, ale i v mnoha windowsáckých programech. Někdy se označuje jako Latin 2, ISO Latin 2. Microsoft jej nazývá takto: "Středoevropské jazyky (ISO)". Windows-1250 je preferováno na Windowsech. Jeho obliba na webových stránkách spočívá zejména kvůli tomu, že jej většina editorů na Windowsech používá jako základní kódování, např. FrontPage, HomeSite nebo Notepad (poznámkový blok). V Microsoftích programech se kódování windows-1250 označuje jako "Středoevropské jazyky" bez přívlastku, což je od Microsoftu samozřejmě srabárna a matení. Zápis UTF-8 je nejčastějším zápisem znakové sady Unicode. Unicode je narozdíl od výše zmíněných znakových sad určeno pro všechny světové jazyky najednou, protože znakům přiřazuje čísla až do 16 miliónů (zapisuje se většinou dvěma bajty). Jde o nejmodernější kódování. Všeobecná podpora Unicode je teprve hudbou budoucnosti, ale už lze bez problémů používat stránky kódované v UTF-8. UTF-8 je v prohlížečích podporované dobře. ISO (též Latin-1, Západoevropské ISO) je kódování západoevropské. Neobsahuje všechny české znaky. Pokud jde o češtinu, v zásadě se jeho použití rovná chybě. Další stará kódování jako kód bratří Kamenických, Mac, PC Latin 2 nebo čeština pro Dos se dnes již na webu užívají tak zřídka, že jim nyní nebudu věnovat pozornost.

Barvy na počítači a grafické formáty

Barvy na počítači a grafické formáty Barvy na počítači a grafické formáty Hlavním atributem, který se používá při práci s obrazem či s grafickými formáty, je barva. Při práci s barvami je důležité určit základní množinu barev, se kterou budeme

Více

Svoje stránky byste vždy měli vyzkoušet alespoň na těchto prohlížečích:

Svoje stránky byste vždy měli vyzkoušet alespoň na těchto prohlížečích: Příprava grafických podkladů pro web 1. O webových prohlížečích Stejná stránka se v různých prohlížečích může zobrazit odlišně. Autor webových stránek neví, jaký prohlížeč bude čtenář používat. Proto nemá

Více

Rastrový obraz, grafické formáty

Rastrový obraz, grafické formáty Rastrový obraz, grafické formáty 1995-2010 Josef Pelikán CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ RasterFormats Josef Pelikán, http://cgg.mff.cuni.cz/~pepca 1 / 35 Snímání

Více

Barvy a barevné systémy Formáty obrázků pro WWW

Barvy a barevné systémy Formáty obrázků pro WWW Barvy a barevné systémy Formáty obrázků pro WWW Viditelné světlo. Elektromagnetické záření o vlnové délce 390 760 nanometrů. Jsou-li v konkrétním světle zastoupeny složky všech vlnových délek, vnímáme

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

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

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce

Více

Barvy a barevné systémy Formáty obrázků pro WWW

Barvy a barevné systémy Formáty obrázků pro WWW Barvy a barevné systémy Formáty obrázků pro WWW Viditelné světlo. Elektromagnetické záření o vlnové délce 390 760 nanometrů. Jsou-li v konkrétním světle zastoupeny složky všech vlnových délek, vnímáme

Více

Počítačová grafika a vizualizace I

Počítačová grafika a vizualizace I Počítačová grafika a vizualizace I KOMPRESE, GRAFICKÉ FORMÁTY Mgr. David Frýbert david.frybert@gmail.com OSNOVA Barva pro TV Datový tok Bitmapové formáty (JPEG, TIFF, PNG, PPM, ) Formáty videa MPEG-1,2,4,7,21

Více

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/ 2 Inovace a zkvalitnění výuky prostřednictvím ICT Metodický list k didaktickému materiálu Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu Autor Téma sady didaktických materiálů Téma didaktického materiálu Vyučovací předmět

Více

Obsah. Kapitola 1 Stažení a instalace... 13. Kapitola 2 Orientace v programu a základní nastavení... 23. Úvod... 9

Obsah. Kapitola 1 Stažení a instalace... 13. Kapitola 2 Orientace v programu a základní nastavení... 23. Úvod... 9 Obsah Úvod......................................................... 9 Co vás čeká a co GIMP umí............................................... 9 Co s GIMPem dokážete?............................................................10

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

CAD II přednáška č. 5. Grafické formáty PCX GIF TIFF BMP

CAD II přednáška č. 5. Grafické formáty PCX GIF TIFF BMP PCX GIF TIFF BMP PCX vyvinuto firmou ZSoft bezztrátová komprese každý obrázek obsahuje 128 bitovou hlavičku,následují komprimovaná data nabízítři druhy komprimace podle počtu barev (16-barev, 256-barev

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

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 Gymnázium Jana Pivečky a Střední odborná škola Slavičín Ing.

Více

OBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33

OBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33 OBSAH Předmluva 13 Poděkování 14 1. Přehled dnešního vývoje webů 15 Definice webdesignu 16 Sedm pravidel webdesignu 19 Tři filozofie webdesignu 20 Filozofie použitelnosti 21 Filozofie multimédií 25 Filozofie

Více

1.0 Lekce 1: Seznámení s prostøedím. 2.0 Lekce 2: Základní opravy fotografie

1.0 Lekce 1: Seznámení s prostøedím. 2.0 Lekce 2: Základní opravy fotografie Adobe PHOTOSHOP 7.0 Obsah: 1.0 Lekce 1: Seznámení s prostøedím 1.1 Vektory a bitmapy 1.2 Grafické formáty 1.3 Pracovní plocha 1.3.1 Volba z panelu nástrojù 1.3.2 Panel nástrojù 1.4 Zaèátek 2.0 Lekce 2:

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

Zpracovnání digitální fotografie

Zpracovnání digitální fotografie Souvětí pro výběr Tato lekce se zabývá znalostmi a dovednostmi pro prohlížení digitálních fotografií a základy jejich zpracování. Úvodní obrazovka Vznik digitálních fotoaparátů na počátku 90. let přinesl

Více

www.zlinskedumy.cz Informační a komunikační technologie Inovace výuky prostřednictvím šablon pro SŠ

www.zlinskedumy.cz Informační a komunikační technologie Inovace výuky prostřednictvím šablon pro SŠ Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 Gymnázium Jana Pivečky a Střední odborná škola Slavičín Ing.

Více

VYUŽITÍ POČÍTAČOVÉ GRAFIKY

VYUŽITÍ POČÍTAČOVÉ GRAFIKY POČÍTAČOVÁ GRAFIKA VYUŽITÍ POČÍTAČOVÉ GRAFIKY ÚPRAVA FOTOGRAFIÍ NAFOCENÉ FOTOGRAFIE Z DIGITÁLNÍHO FOTOAPARÁTU MŮŽEME NEJEN PROHLÍŽET, ALE TAKÉ UPRAVOVAT JAS KONTRAST BAREVNOST OŘÍZNUTÍ ODSTRANĚNÍ ČERVENÝCH

Více

Srovnání programů pro editaci 2D grafiky

Srovnání programů pro editaci 2D grafiky České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačové grafiky a interakce Bakalářská práce Srovnání programů pro editaci 2D grafiky Michal Holanec Vedoucí práce: Mgr. Jiří Danihelka

Více

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného

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

AUDIOVIZUÁLNÍ PROSTŘEDKY 1

AUDIOVIZUÁLNÍ PROSTŘEDKY 1 AUDIOVIZUÁLNÍ PROSTŘEDKY 1 ALEŠ OUJEZDSKÝ CZ.1.07/2.2.00/29.0006 OSTRAVA, ZÁŘÍ 2013 Studijní opora je jedním z výstupu projektu ESF OP VK. Číslo Prioritní osy: 7.2 Oblast podpory: 7.2.2 Vysokoškolské vzdělávání

Více

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

Vektorová a bitmapová grafika

Vektorová a bitmapová grafika Vektorová a bitmapová grafika Obsah prezentace Vektorová a bitmapová grafika Grafické formáty Grafické programy Programový Balík Corel Draw a program AutoCAD Typy grafiky Vektorová Jednotlivé prvky tvořící

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

Práce s obrazovým materiálem CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků

Práce s obrazovým materiálem CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků Práce s obrazovým materiálem CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ Akreditované středisko dalšího vzdělávání pedagogických pracovníků Obrazový materiál příjemná součást prezentace lépe zapamatovatelný často nahrazení

Více

Převody datových formátů

Převody datových formátů Převody datových formátů Cíl kapitoly: Žák popíše data používaná v informatice, jejich rozdělení, používané formáty souborů a jejich přípony, vysvětlí převody formátů. Klíčové pojmy: Data Typ souboru (formát

Více

Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585

Výukový materiál vytvořen v rámci projektu EU peníze školám Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585 Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585 Škola: Adresa: Autor: Gymnázium, Jablonec nad Nisou, U Balvanu 16, příspěvková organizace

Více

Formáty pro rastrovou grafiku

Formáty pro rastrovou grafiku Semestrální práce z předmětu Kartografická polygrafie a reprografie Formáty pro rastrovou grafiku Autor: Linda Křikavová, Ondřej Vala Editor: Miroslav Ott Praha, březen 2011 Katedra mapování a kartografie

Více

Programové vybavení počítače

Programové vybavení počítače Programové vybavení počítače Číslo projektu Název školy Předmět CZ.1.07/1.5.00/34.0425 INTEGROVANÁ STŘEDNÍ ŠKOLA TECHNICKÁ BENEŠOV Černoleská 1997, 256 01 Benešov IKT Tematický okruh Téma Počítač Programové

Více

Konverze grafických rastrových formátů

Konverze grafických rastrových formátů ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA STAVEBNÍ OBOR GEODÉZIE A KARTOGRAFIE KATEDRA MAPOVÁNÍ A KARTOGRAFIE Konverze grafických rastrových formátů semestrální práce Jakub Hořejší Ondřej Šalanda V

Více

Rastrové grafické formáty. Václav Krajíček KSVI MFF UK, 2007

Rastrové grafické formáty. Václav Krajíček KSVI MFF UK, 2007 Rastrové grafické formáty Václav Krajíček KSVI MFF UK, 2007 Grafické formáty Velké množství Mnoho různých požadavků na uložená data neobrazová data Nativní formáty Například: PSP (Photoshop), XFC (Gimp)

Více

Obsah. Stručná historie World Wide Webu 7

Obsah. Stručná historie World Wide Webu 7 KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu

Více

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: 04. 11. 2012. str ánk y. Vytvořil: Petr Lerch

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: 04. 11. 2012. str ánk y. Vytvořil: Petr Lerch Webové stránky 13. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 04. 11. 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

Osnova přednášky. Formáty uložení dat. Vyjádření hodnot datového typu. Vyjádření hodnot datového typu. Datové formáty. Výpočetní technika I

Osnova přednášky. Formáty uložení dat. Vyjádření hodnot datového typu. Vyjádření hodnot datového typu. Datové formáty. Výpočetní technika I Osnova přednášky 2/36 Formáty uložení dat Ing Pavel Haluza ústav informatiky PEF MENDELU v Brně haluza@mendelucz vyjádření hodnot datového typu formátová specifikace textový a binární formát otevřený a

Více

Webové stránky. 1. Publikování na internetu. Datum vytvoření: 4. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 1. Publikování na internetu. Datum vytvoření: 4. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 1. Publikování na internetu Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 4. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická

Více

1. HDR. 2. Test Práce ve Windows. 3. Tilt-shift efekt. 4. Excel tisk a tvorba grafů. Informatika Ditta Kukaňová

1. HDR. 2. Test Práce ve Windows. 3. Tilt-shift efekt. 4. Excel tisk a tvorba grafů. Informatika Ditta Kukaňová 1. HDR ANOTACE: Výuka tématu grafika, rastrová grafika, práce s programem Zoner Photo Studio KLÍČOVÁ SLOVA: HDR, Zoner Photo Studio, efekty, ořez, rastrová grafika 2. Test Práce ve Windows ANOTACE: Test

Více

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky

Tvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura

Více

Identifikátor materiálu: ICT-3-55

Identifikátor materiálu: ICT-3-55 Identifikátor materiálu: ICT-3-55 Předmět Téma sady Téma materiálu Informační a komunikační technologie Počítačové sítě, Internet Funkce a přehled internetových prohlížečů Autor Ing. Bohuslav Nepovím Anotace

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

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Bitmapový formát (rastrový obrázek) Většina z používaných grafických formátů (JPEG, PNG, TGA, BMP) obsahuje popis rastrového obrázku jako celku ukládají

Více

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu Číslo projektu Název školy Autor Název šablony Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 Gymnázium Jana Pivečky a Střední odborná škola Slavičín Ing. Alois Kužela

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

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

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

Ceník reklamy v 2GIS

Ceník reklamy v 2GIS Ceník reklamy v 2GIS Praha Uvedené ceny jsou za 4 měsíce bez DPH Položky v balíčku Balíček All inclusive Balíček se skládá z banneru a komentáře, a také Reklama pro mobilní a online verzi 2GIS. Banner

Více

TECHNICKÁ UNIVERZITA V LIBERCI

TECHNICKÁ UNIVERZITA V LIBERCI TECHNICKÁ UNIERZITA LIBERCI Fakulta mechatroniky, informatiky a mezioborových studií Základy digitálního obrazu. ektorová a rastrová grafika. Učební text Ivan Jaksch Liberec 2012 Materiál vznikl v rámci

Více

Uživatelský manuál Správce úloh. Verze dokumentu 1.0

Uživatelský manuál Správce úloh. Verze dokumentu 1.0 Uživatelský manuál Správce úloh Verze dokumentu 1.0 DŮVĚRNÉ INFORMACE Informace, které jsou obsahem tohoto dokumentu, jsou vlastnictvím společnosti Ex Libris Ltd. nebo jejich afilací. Jakékoliv jejich

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

Interaktivní mapy ÚAP Uživatelská příručka

Interaktivní mapy ÚAP Uživatelská příručka Interaktivní mapy ÚAP Uživatelská příručka Verze: 1.0 Podpora: GEOREAL spol. s r.o. http://www.georeal.cz email: podpora@georeal.cz Hot-line: 373 733 456 Běhové prostředí: Microsoft Internet Explorer,

Více

Výukový materiál zpracován v rámci projektu EU peníze školám

Výukový materiál zpracován v rámci projektu EU peníze školám Výukový materiál zpracován v rámci projektu EU peníze školám Registrační číslo projektu: CZ. 1.07/1.5.00/34.0233 Šablona III/2 Název VY_32_INOVACE_197_Grafika Název školy Hotelová škola Bohemia s.r.o.

Více

Rozměry, okraje a rámečky

Rozměry, okraje a rámečky Rozměry, okraje a rámečky 185 Jaké jednotky délky lze v CSS použít Jednotky délky slouží k zapisování vzdálenosti a definují se jimi jak rozměry elementů, tak rozměry okrajů či rámečků. Zapisují se hned

Více

b) červená, zelená, modrá, c) černá, bílá, d) černá, bílá, šedá. 5. PNG je formát: a) textový,

b) červená, zelená, modrá, c) černá, bílá, d) černá, bílá, šedá. 5. PNG je formát: a) textový, Opravil: Kontroloval: Přijímací zkouška xx_xx_xxxx_v1 (INF komb. st.) Identifikační údaje: 1. Mezi znakové sady nepatří: a) Windows CP 1250, b) ISO 8859-14, c) Unicode, UTF-13. 2. Unicode používá k reprezentaci

Více

Počítačová grafika 1. Úvod do grafiky, základní pojmy. Rastrová grafika.

Počítačová grafika 1. Úvod do grafiky, základní pojmy. Rastrová grafika. Počítačová grafika 1 Úvod do grafiky, základní pojmy. Rastrová grafika. Proč vůbec grafika? Zmrzlinový pohár s převažující červenou barvou. Základem je jahodová zmrzlina, která se nachází ve spodní části

Více

Uživatelský manuál Radekce-Online.cz

Uživatelský manuál Radekce-Online.cz Uživatelský manuál Radekce-Online.cz (revize 06/2011) V prvním kroku třeba vstoupit do administrace na adrese www.redakce-online.cz kterou naleznete na záložce Administrace / Vstup do Administrace, pro

Více

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie

INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor

Více

Tato tematika je zpracována v Záznamy přednášek: str. 214 235 + materiál: PrikladyZobrazeniCisel.pdf

Tato tematika je zpracována v Záznamy přednášek: str. 214 235 + materiál: PrikladyZobrazeniCisel.pdf Obsah 11. přednášky: Kódování dat - terminologie Rozdělení kódů Kódování čísel Kódování znaků Tato tematika je zpracována v Záznamy přednášek: str. 214 235 + materiál: PrikladyZobrazeniCisel.pdf Jak bude

Více

Gravitační pole manuál Jan Hrnčíř, Martin Klejch, 2005. Gravitační pole. Využití multimédií při výuce fyziky. Manuál k multimediální prezentaci

Gravitační pole manuál Jan Hrnčíř, Martin Klejch, 2005. Gravitační pole. Využití multimédií při výuce fyziky. Manuál k multimediální prezentaci Gravitační pole Využití multimédií při výuce fyziky Manuál k multimediální prezentaci Jan Hrnčíř jan.hrncir@gfxs.cz Martin Klejch martin.klejch@gfxs.cz Gymnázium F. X. Šaldy Liberec Obsah Obsah... 1 Úvod...

Více

DATA ARTICLE. AiP Beroun s.r.o.

DATA ARTICLE. AiP Beroun s.r.o. DATA ARTICLE AiP Beroun s.r.o. OBSAH 1 Úvod... 1 2 Vlastnosti Data Article... 1 2.1 Požadavky koncových uživatelů... 1 2.2 Požadavky na zajištění bezpečnosti a důvěryhodnosti obsahu... 1 3 Implementace

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky Zpracoval: ing. Jaroslav Chlubný Počítačová grafika Počítačová grafika a digitální fotografie zaujímá v současnosti stále významnější místo v našem životě. Uveďme si jen několik

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

DUM 02 téma: Formáty souborů rastrové grafiky

DUM 02 téma: Formáty souborů rastrové grafiky DUM 02 téma: Formáty souborů rastrové grafiky ze sady: 02 tematický okruh sady: Bitmapová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu:

Více

Základní práce v souborovém manažeru

Základní práce v souborovém manažeru Základní práce v souborovém manažeru 18-20-M/01 Informační technologie Základní pojmy a prostředky pro programování webových stránek Zvládnutí nástrojů typických pro programování webových aplikací Základní

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

IVT. Grafické formáty. 8. ročník

IVT. Grafické formáty. 8. ročník IVT Grafické formáty 8. ročník listopad, prosinec 2013 Autor: Mgr. Dana Kaprálová Zpracováno v rámci projektu Krok za krokem na ZŠ Želatovská ve 21. století registrační číslo projektu: CZ.1.07/1.4.00/21.3443

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

ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4

ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4 ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4 JEDNODUCHÉ PŘIHLÁŠENÍ 4 ADMINISTRAČNÍ PROSTŘEDÍ 5 PŘEPÍNÁNÍ JAZYKOVÉ VERZE 5 POLOŽKY HORNÍHO MENU 5 DOPLŇKOVÉ POLOŽKY MENU: 6 STROM SE STRÁNKAMI, RUBRIKAMI A ČLÁNKY 7 TITULNÍ

Více

Sada 1 CAD1. 13. Zobrazování RGB

Sada 1 CAD1. 13. Zobrazování RGB S třední škola stavební Jihlava Sada 1 CAD1 13. Zobrazování RGB Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284 Šablona: III/2 - inovace a zkvalitnění

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

1. Jak pracuje počítač 3. Už víme, jak pracuje počítač, ale jak se pracuje s počítačem? 9

1. Jak pracuje počítač 3. Už víme, jak pracuje počítač, ale jak se pracuje s počítačem? 9 Počítače pro úplné začátečníky Obsah 1. Jak pracuje počítač 3 Základní princip je velmi jednoduchý 3 Dokumenty a nástroje (datové soubory a programy) 3 Složky (adresáře) 4 Jak to tedy vlastně funguje 5

Více

Cvičení 1. Úpravy obrázků programem IrfanView. Zpracoval: Ing. Vladimír Solnický SPŠ stavební, Opava, příspěvková organizace

Cvičení 1. Úpravy obrázků programem IrfanView. Zpracoval: Ing. Vladimír Solnický SPŠ stavební, Opava, příspěvková organizace Cvičení 1 Úpravy obrázků programem IrfanView. Zpracoval: Ing. Vladimír Solnický SPŠ stavební, Opava, příspěvková organizace Uvedená práce (dílo) podléhá licenci Creative Commons Uveďte autora-nevyužívejte

Více

Grafika na webu. Lukáš Bařinka barinkl@fit.cvut.cz

Grafika na webu. Lukáš Bařinka barinkl@fit.cvut.cz 4 TVEZE WXYHMNR LS TVSKVEQY -RJSVQEXMOE NI TSHTSVSZ RE TVSNIOXIQ RERGSZERÀQ ^ )ZVSTWO LS WSGM PR LS JSRHY E VS^TSÐXY LPEZR LS QÞWXE 4VEL] 4VELE )9 -RZIWXYNIQI HS ZE% FYHSYGRSWXM Web a MultiMédia Lukáš

Více

INFORMATIKA Charakteristika volitelného předmětu

INFORMATIKA Charakteristika volitelného předmětu INFORMATIKA Charakteristika volitelného předmětu Obsahové, časové a organizační vymezení Realizován v 7., 8. a 9. ročníku 1 hodinu týdně. Učební osnovy jsou zpracovány jednotně pro všechny. Žáci mohou

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

VY_32_INOVACE_INF3_18. Textové formáty PDF, TXT, RTF, HTML, ODT

VY_32_INOVACE_INF3_18. Textové formáty PDF, TXT, RTF, HTML, ODT VY_32_INOVACE_INF3_18 Textové formáty PDF, TXT, RTF, HTML, ODT Standardem pro textové soubory jsou následující formáty: Rich Text Format (.rtf), Hypertext Markup Language (.html,.htm) Portable Document

Více

Nástroj WebMaker TXV 003 28.01 první vydání Únor 2009 změny vyhrazeny

Nástroj WebMaker TXV 003 28.01 první vydání Únor 2009 změny vyhrazeny Nástroj WebMaker TXV 003 28.01 první vydání Únor 2009 změny vyhrazeny 1 TXV 003 28.01 Historie změn Datum Vydání Popis změn Únor 2009 1 První verze (odpovídá stavu nástroje ve verzi 1.6.2) Obsah 1 Úvod...3

Více

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20 Obsah Úvod.............................................................................................. 9 Historie grafického designu a tisku..................................... 10 Od zadání k návrhu..............................................................

Více

Digitální učební materiál

Digitální učební materiál Střední hotelová škola, s.r.o. Floriánské náměstí 350, 272 01 Kladno Digitální učební materiál Číslo projektu Název projektu Název školy Předmět Tematický okruh Téma CZ.1.07/1.5.00/34.0112 Moderní škola

Více

DUM 01 téma: Úvod do počítačové grafiky

DUM 01 téma: Úvod do počítačové grafiky DUM 01 téma: Úvod do počítačové grafiky ze sady: 02 tematický okruh sady: Bitmapová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace:

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

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

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

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

Více

Aktualizační systém Progres

Aktualizační systém Progres Aktualizační systém Progres Obecně o systému Celý obsah webu se skládá z článků, fotogalerii, novinek, systémových bloků atd., které jsou vždy vloženy do nějaké rubriky položky v menu, podmenu, přip. mimo

Více

(X)HTML a CSS. VOŠ a SŠT Česká Třebová

(X)HTML a CSS. VOŠ a SŠT Česká Třebová (X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová STRUKTURA WEBU Webová prezentace (anglicky website) je několik webových stránek provázaných hypertextovými odkazy. Tomu, které stránky web obsahuje

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

Zpřístupnění korporátního webu

Zpřístupnění korporátního webu [AVG#WEB] Zpřístupnění korporátního webu Vypracovali: Lukáš Kosina Jan Dvořák Zadání Cílem projektu je zpřístupnění korporátních stránek společnosti AVG ( http://www.avg.com) osobám postiženým úplnou ztrátou

Více

NÁVRH INTERNETOVÝCH STRÁNEK PROPOSAL OF WEBSITE

NÁVRH INTERNETOVÝCH STRÁNEK PROPOSAL OF WEBSITE VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA PODNIKATELSKÁ ÚSTAV INFORMATIKY FACULTY OF BUSINESS AND MANAGEMENT INSTITUTE OF INFORMATICS NÁVRH INTERNETOVÝCH STRÁNEK PROPOSAL OF WEBSITE

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

Individuální projekt z předmětu webových stránek 2012 - Anketa Jan Livora

Individuální projekt z předmětu webových stránek 2012 - Anketa Jan Livora UŽIVATELSKÁ TECHNICKÁ DOKUMENTACE ANKETA : Individuální projekt z předmětu webových stránek 2012 - Anketa Jan Livora [2ITa] [sk1] 1 Obsah DŮLEŽITÉ UPOZORNĚNÍ!!!... 3 PROHLÁŠENÍ O AUTORSTVÍ:... 3 ANOTACE:...

Více

Zásady prezentace CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků

Zásady prezentace CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ. Akreditované středisko dalšího vzdělávání pedagogických pracovníků Zásady prezentace CENTRUM MEDIÁLNÍHO VZDĚLÁVÁNÍ Akreditované středisko dalšího vzdělávání pedagogických pracovníků Prezentace Prezentace: přednášený text + elektronický materiál Přednášený text: poutavý

Více

Multimediální systémy. 02 Reprezentace barev v počítači

Multimediální systémy. 02 Reprezentace barev v počítači Multimediální systémy 02 Reprezentace barev v počítači Michal Kačmařík Institut geoinformatiky, VŠB-TUO Osnova přednášky Reprezentace barev v PC Způsoby míchání barev Barevné modely Bitová hloubka Barvy

Více

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,

Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení

Více

Výklad učiva: Co je to počítač?

Výklad učiva: Co je to počítač? Výklad učiva: Co je to počítač? Počítač je v informatice elektronické zařízení a výpočetní technika, která zpracovává data pomocí předem vytvořeného programu. Současný počítač se skládá z hardware, které

Více

Responzivní web. Co je mobilní verze webové stránky?

Responzivní web. Co je mobilní verze webové stránky? Responzivní web Jan Sequens, Global Vision, a.s. Co je mobilní verze webové stránky? Dříve byly možnosti mobilních telefonů značně omezené (monochromatický display, paměť, procesor) a mobilní telefony

Více

Tvorba posterů prakticky

Tvorba posterů prakticky Tvorba posterů prakticky Ivo Šnábl Web studio Institut biostatistiky a analýz MU snabl@iba.muni.cz Operační program Vzdělávání pro konkurenceschopnost Projekt Zvyšování IT gramotnosti zaměstnanců vybraných

Více

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: 12. 1. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 16. Obrázky na webových stránkách, optimalizace GIF. Datum vytvoření: 12. 1. 2013. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 16. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 12. 1. 2013 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

Obraz jako data. Biofyzikální ústav Lékařské fakulty Masarykovy univerzity Brno. prezentace je součástí projektu FRVŠ č.2487/2011

Obraz jako data. Biofyzikální ústav Lékařské fakulty Masarykovy univerzity Brno. prezentace je součástí projektu FRVŠ č.2487/2011 Získávání a analýza obrazové informace Obraz jako data Biofyzikální ústav Lékařské fakulty Masarykovy univerzity Brno prezentace je součástí projektu FRVŠ č.2487/2011 Osnova 1 Datové formáty obrazu 2 Datové

Více