Další servery s elektronickým obsahem

a <span> ........................................................................................................................... 61 Styly pro úpravu textu .......................................................................................................................... 61

4

Styly pro úpravu odstavce ................................................................................................................... 63 Styly pro úpravu barev a pozadí .......................................................................................................... 64 Styly pro definici rámů a čar ................................................................................................................ 65 Styly pro číslování a odrážky ............................................................................................................... 67 Definice pozice objektů ....................................................................................................................... 67 Další styl y ............................................................................................................................................ 68 Síla kombinace - příklady použití stylů ................................................................................................ 68

MICROSOFT POWERPOINT 2007 ...................................... 70 POPIS PROSTŘEDÍ PROGRAMU POWERPOINT ............... 70 Snímky v prezentaci ............................................................................................................................ 73 Obecný postup při tvorbě prezentace.................................................................................................. 74 Text v prezentaci.................................................................................................................................. 74 Grafika v prezentaci............................................................................................................................. 77 Nastavení efektů v prezentaci ............................................................................................................. 78 Spuštění prezentace ........................................................................................................................... 82 Automatický chod prezentace - časování ............................................................................................ 83

DATABÁZE ........................................................................ 86 MICROSOFT ACCESS 2007 ................................................ 86 Typy objektů databáze ....................................................................................... 88 Návrh databáze - TABULKY ................................................................................. 89 Zadávání dat do tabulky ...................................................................................................................... 91 Editace a úprava dat v tabulce ............................................................................................................ 92 Import datové tabulky z Excelu............................................................................................................ 93 Zavření tab ulky .................................................................................................................................... 93 Detailnější nastavení parametrů tabulky ........................................................ 93 Přejmenování tab ulky .......................................................................................................................... 93 Smazání tab ulky .................................................................................................................................. 93 Pozdější úprava struktury tabulky ........................................................................................................ 93 Detailnější nastavení číselného datového typu ................................................................................... 94 Detailnější nastavení textového datového typu ................................................................................... 94 Primární klíč ........................................................................................................................................ 95 Relace .................................................................................................................... 96 Relace 1:1 ........................................................................................................................................... 96 Relace1:N ........................................................................................................................................... 97 Jak vytvořit relaci? ............................................................................................................................... 98 Dotazy ................................................................................................................. 100 Jak vytvořit dotaz? ............................................................................................................................. 101 Výběrový dotaz ................................. ................................................................................................. 101 Časté definice dotazů ........................................................................................................................ 103 Další typy dotazů - příklad použití aktualizačního dotazu.................................................................. 104 Formuláře ........................................................................................................... 106 Návrh skládaného formuláře ............................................................................................................. 106 Prohlížení dat pomocí formuláře ....................................................................................................... 107 Editace formuláře .............................................................................................................................. 107 Vložení obrázku do formuláře............................................................................................................ 110 Vložení interaktivních prvků do formuláře ......................................................................................... 111 Tabulkový formulář............................................................................................................................. 112 Formulář napojený na dotaz .............................................................................................................. 113

5

S počítačem nejen k maturitě - 2. díl

SESTAVY ......................................................................... 113 Jednoduché vytvoření sestavy .......................................................................................................... 113 Vlastní nastavení sestavy .................................................................................................................. 114 Tisk sesta vy ....................................................................................................................................... 115

POČÍTAČOVÁ GRAFIKA................................................... 118 Základní pojmy a principy poč. grafiky ........................................................... 120 Vektorová a rastrová grafika ........................................................................... 121 Rastrová grafika ................................................................................................................................ 121 Vektorová g rafika ............................................................................................................................... 122 Kombinace rastrové a vektorové grafiky ............................................................................................ 123 3D grafika a její aplikace ................................................................................................................... 123 Barvy.................................................................................................................... 124 Základní barvy a barevné modely ..................................................................................................... 124 Barevný model RGB .......................................................................................................................... 124 barevný model CMYK........................................................................................................................ 125 Převody mezi barevnými modely ....................................................................................................... 125 Rozlišení .............................................................................................................. 127 Velikost (rozměrová) ......................................................................................... 127 Formáty souborů................................................................................................ 128 Pojmy a kritéria u formátů rastrových souborů ............................................ 128 Typy a vlastnosti častých rastrových formátů souborů ............................... 129 Který rastrový formát si vybrat? ..................................................................... 129 Vektorové formáty souborů ............................................................................. 130 PDF - univerzální formát ................................................................................... 131

PROHLÍŽEČE OBRÁZKŮ .................................................. 132 Prohlížení více obrázků ................................................................................................................... 133 Převod obrázku na jiný typ ................................................................................................................ 134 Ořez obrázku .................................................................................................................................... 135 Odstranění červených očí ................................................................................................................. 135 Změna velikosti obrázku ................................................................................................................... 135 Úprava jasu, kontrastu a barev obrázku v prohlížeči IrfanView ......................................................... 136 Přidávání ef ektů ................................................................................................................................. 136

POŘIZOVÁNÍ OBRÁZKŮ A FOTOGRAFIÍ ......................... 137 Digitální fotoaparát .......................................................................................... 138 Princip digitálního fotografování ........................................................................................................ 138 Digitální fotoaparát ............................................................................................................................ 139 Typy digitálních fotoaparátů ............................................................................................................... 139 Jak skenovat text do editovatelné podoby? ................................................. 140

ZÁKLADNÍ ZÁSADY SPRÁVNÉ ÚPRAVY GRAFICKÝCH DOKUMENTŮ ....................................................................... 141 Písmo ................................................................................................................... 141 Barvy.................................................................................................................... 141 Zásady používání barev .................................................................................... 142 Zásady kompozice stránky a dokumentu ....................................................... 143

6

DIGITÁLNÍ VIDEO ........................................................... 146 Princip digitálního záznamu obrazu .................................................................................................. 146 Co umožňuje zpracovat video v počítači ........................................................................................... 146 Co je potřeba pro zpracování videa v počítači .................................................................................. 146 Důležité poj my ................................................................................................................................... 147

KOMPRIMACE A DEKOMPRIMACE DAT ......................... 148 WinRAR - výkonný komprimační program ........................................................................................ 148

POČÍTAČOVÉ SÍTĚ .......................................................... 150 Historie počítačových sítí .................................................................................................................. 150 Co je to počítačová síť ....................................................................................................................... 150 Topologie sítí ...................................................................................................... 151 Sběrnice (b us) ................................................................................................................................... 151 Hvězda (star) ....... .............................................................................................................................. 152 Kruh (ring) ......................................................................................................................................... 152 Typy kabelů používané k realizaci sítí ............................................................................................... 152 Rozdělení podle velikosti ................................................................................................................... 153 Koncepce sítí .............................................................................................. ....................................... 153 Co je potřeba pro připojení do sítě? .................................................................................................. 154 Síťové operační systémy ................................................................................................................... 154 Přístupová práva (uživatelé a uživatelské skupiny) ........................................................................... 154

VIRY................................................................................ 156 Historie virů ....................................................................................................................................... 156 Typy virů ............................................................................................................................................ 157 Jak se viry prakticky projevují ............................................................................................................ 158 Antivirové programy ......................................................................................... 159 Jak pracují antivirové programy ......................................................................................................... 159 Antivirové prog ramy ........................................................................................................................... 159 AVG ................................................................................................................................................... 160 Výsledek antivirového testu ............................................................................................................... 161 Co dělat, pokud antivirový program objeví vir ................................................................................... 161 Další antivirové programy .................................................................................................................. 163 Jednoúčelové antivirové nástroje ...................................................................................................... 163

INTERNET – SPECIFIČNOST VIROVÉHO NEBEZPEČÍ ...... 163 Stažení nakaženého programu či souboru ........................................................................................ 163 Infikovaný e-m ail ................................................................................................................................ 164 Reklamní a nevyžádané e-maily ...................................................................................................... 164 Jak bojovat proti virům ..................................................................................... 164 Další formy infiltrace systému počítače ........................................................ 164

TECHNOLOGIE TISKU ...................................................... 165 DPI .................................................................................................................................................... 165 Jehličkové tiskárny ............................................................................................................................ 165 Inkoustové ti skárny ............................................................................................................................ 166 Laserový tisk ..................................................................................................................................... 167 Plottery .............................................................................................................................................. 167 Řádkové tiskárny (rychlotiskárny) ..................................................................................................... 168 Turbotransferové, termosublimační a další typy tiskáren ................................................................... 168 Barevný ti sk ....................................................................................................................................... 168

7

S počítačem nejen k maturitě - 2. díl

TECHNOLOGIE CD–ROM ................................................. 169 Několik základních technických parametrů ....................................................................................... 169 Princip čtení CD ................................................................................................................................ 169 Jak jsou data na CD uložena............................................................................................................. 170

DVD – DIGITAL VERSATILE DISC .................................... 170 BLU-RAY ......................................................................... 171 HD DVD ........................................................................... 172 ZIP .................................................................................. 172 USB ................................................................................. 173 FLASH (COMPACTFLASH) ............................................... 173 PÁSKOVÁ ZÁLOHOVACÍ ZAŘÍZENÍ ................................. 173 VIDEO A DVD / BLU-RAY ............................................... 174 TECHNOLOGIE MONITORŮ .............................................. 174 Princip fungování CRT monitoru (Cathode RAY Tube) ...................................................................... 174 LCD monitory (Liquid Crystal Displays)............................................................................................. 175

8

Tvorba internetových stránek

Parametr COLS Parametr COLS slouží k nastavení šířky textového rámečku. Šířka se definuje v počtech znaků.

Parametr ROWS Parametr ROWS slouží k nastavení počtu řádků rámečku. Měl by činit minimálně dva řádky, aby nebylo možné zaměnit jej za klasický dialog.

ZATRŽÍTKO Zatržítko je prvek, který dává uživateli možnost výběru z několika nabídnutých variant. Volba probíhá takzvaným zatržením prvku. Je důležité si uvědomit, že v seskupení několika zatržítek je možné vybrat jednu variantu, ale i několik variant, případně všechny, nebo žádnou variantu (na rozdíl od přepínače). První položka
Druhá položka
Třetí položka

Parametr CHECKED Jedním z důležitých parametrů zatržítka je CHECKED. Nastaví ihned po zobrazení stránky zatržítko jako aktivní, tj. zatržené. Poté může uživatel tento stav pochopitelně změnit. Parametr CHECKED se zadává bez jakýchkoliv dalších údajů.

Parametr DISABLED Parametr DISABLED znemožní jakoukoliv manipulaci se zatržítkem. Zadává se opět bez jakýchkoliv dalších atributů – stačí napsat pouze slovo.

PŘEPÍNAČ Přepínač je prvek velmi podobný zatržítku. Nabízí uživateli možnost výběru maximálně a zároveň minimálně jedné z nabídnutých možností. To znamená, že musí být vždy vybrána alespoň jedna volba, a zároveň maximálně jedna volba. Syntaxe je téměř stejná jako u zatržítka.

První položka
Druhá položka

Parametry CHECKED a DISABLED se používají stejně jako u zatržítka.

ROZEVÍRACÍ NABÍDKA Rozevírací nabídka slouží uživateli k výběru jedné z mnoha nabídnutých položek. Položkou přitom může být jakýkoliv text, číslo nebo jiný údaj. Počet položek, které rozevírací nabídka může obsahovat, je teoreticky neomezen. Vytvořte podle následující předlohy jednoduchou rozevírací nabídku, uložte ji a prohlédněte v prohlížeči.

<SELECT NAME=“nabidka“ > Ostrava Olomouc Praha Brno

53

S počítačem nejen k maturitě - 2. díl

Pozor, rozevírací nabídka je složena z párového tagu SELECT. Nezapomeňte jej proto na konci uzavřít. V tagu SELECT se nastavují parametry nabídky a tagem OPTION jsou definovány jednotlivé položky. Tag OPTION je opět párový. Mezi oba páry tagu OPTION umístěte text, který bude zobrazen v nabídce jako položka.

Parametr tagu OPTION - SELECTED Má-li být některá z položek nastavena jako výchozí vybraná, stačí k tagu OPTION přidat parametr SELECTED. Tento parametr nemá žádné atributy.

SEZNAM Seznam je ovládací prvek příbuzný rozevírací nabídce. Umožňuje uživateli vybrat některou z nabídnutých položek. Rozdíl od rozevírací nabídky spočívá v tom, že seznam povoluje výběr dvou a více položek současně. Při takovém výběru je nutné držet stisknutou klávesu Ctrl a poté klepnout na požadované položky. Důležitým parametrem pro vytvoření seznamu je MULTIPLE. Právě tento parametr je jedinou odlišností mezi rozevírací nabídkou a seznamem a právě tento parametr způsobí, že bude možné vybírat i více položek v rámci jednoho seznamu.

<SELECT NAME=“nabidka“ MULTIPLE> Ostrava Olomouc Praha Brno

TLAČÍTKO Tlačítko je jedním ze základních a velmi důležitých prvků formulářů. Vytvoříte je známým tagem INPUT, kde parametr TYPE bude nabývat hodnotu BUTTON. Text tlačítka nastavíte parametrem VALUE.

Parametr DISABLED Tento parametr způsobí deaktivaci tlačítka, tj. tlačítko se zobrazí jako neaktivní a nebude možné je stisknout. Parametr nemá žádné další atributy ani hodnoty, zadává se pouze jako jednoslovná součást tagu INPUT.

ODESLÁNÍ DAT Z FORMULÁŘE Jak již bylo uvedeno na začátku kapitoly, formulář sám o sobě neumí nic. Vždy je nutné ho nějakým způsobem aktivovat. To se na většině stránek děje pomocí JavaScriptu. Popsat ovšem v této učebnici JavaScript (resp. jeho základy) by vzhledem k obsáhlosti látky bylo nemyslitelné, proto si v následujících odstavcích uvedeme příklad odeslání dat z vyplněného formuláře e-mailem.Bude se jednat o dotazník, který bude v dolní části obsahovat dvě tlačítka. Tlačítkem Odeslat bude obsah dotazníku odeslán e-mailem na předem nastavenou adresu a tlačítkem Vymazat formulář bude obsah vyplněných polí vymazán. Aby byl dotazník alespoň trochu přehledný, budou jeho jednotlivé položky (resp. pole formuláře) umístěny v tabulce. 54

Tvorba internetových stránek

Opište příklad přesně podle předlohy a po uložení ho v prohlížeči spusťte. <TITLE>DOTAZNÍK

Jméno a příjmení
E-mail
Adresa
Chcete nám něco vzkázat?

Po spuštění stránky, kterou jste podle předchozí předlohy vytvořili, doplňte do jednotlivých dialogů požadované údaje a klepněte na tlačítko Odeslat. Pokud pracujete s výchozím prohlížečem Internet Explorer (a z něj odesíláte data z tohoto formuláře), zobrazí se okno s upozorněním, že údaje vložené do formuláře budou odeslány elektronickou poštou. Zde klepněte na OK, e-mail bude zformátován podle zadaných parametrů. Nový e-mail se automaticky zařadí do pošty k odeslání, a to do poštovního programu, který je v počítači nastaven jako výchozí (většinou je to Outlook, Outlook Express nebo Mozilla Thunderbird).

55

S počítačem nejen k maturitě - 2. díl

Tvar e-mailové zprávy můžete vidět na obrázku vpravo. Je zformátován v poštovním klientu Mozilla Thunderbird. Všimněte si rovněž, že je přednastaven e-mail příjemce a předmět. Tyto údaje byly nadefinovány jednotlivými atributy tagu FORM. Na tag FORM se podíváme trochu podrobněji.

PARAMETRY TAGU FOR M Parametr METHOD=“POST“ Pomocí tohoto parametru určíte, že data z formuláře budou odeslána poštou, resp. e-mailem.

Parametr ACTION=“mailto:info@computermedia. cz?subject=formulář“ Parametr ACTION určí e-mailovou adresu, na kterou budou data z formuláře zaslána (v tomto případě [email protected]). Za otazníkem je rovněž možné přednastavit předmět zprávy (v tomto případě text formulář).

Parametr ENCTYPE=“text/plain“ Parametr ENCTYPE nastavuje způsob formátování textu zprávy. Vzhledem k tomu, že potřebujeme pouze text bez jakéhokoliv formátování a dalších řídicích znaků, nabývá parametr hodnoty text / plain.

Tlačítka pro odeslání Formulář obsahuje dvě tlačítka. Zde je rozhodující parametr TYPE. Pokud nabývá hodnotu submit, je formulář zpracován metodou, která je uvedena v tagu METHOD. Pokud parametr TYPE obsahuje hodnotu reset, dojde k vymazání obsahu všech dialogů a polí vyplněného formuláře. Příklad definice tlačítka pro odeslání dat. Poznámka: Chcete-li se zabývat skutečným programováním internetových stránek, budete velmi pravděpodobně muset sáhnout po jazyce JavaScript. Jedná se o velmi rozsáhlý jazyk umožňující provádět v rámci HTML dokumentu takové operace, kterých nelze standardními tagy dosáhnout - jedná se o výpočty, práce s databázemi, operace se soubory atd.

Procvičování - teoretická část

56

1.

Co znamená zkratka HTML?

2.

Jaký je rozdíl mezi párovým a samostatným tagem? Uveďte příklady.

3.

Vysvětlete použití tagu a souvisejících tagů

. K čemu jsou? Uveďte příklady použití na jednoduchých ukázkách. 4. Je možné jednotlivé tagy do sebe vnořit? 5. Je nutné párové tagy uzavírat? 6. Jakými tagy se označuje hlavička stránky a jakými tělo stránky? 7. Jakým tagem by měla začínat a jakým končit každá HTML stránka? Tvorba internetových stránek Procvičování - praktická část 1. Vytvořte v klasickém HTML kódu svou vlastní internetovou prezentaci (domovskou stránku vaší osoby), která bude splňovat následující požadavky (ostatní nespecifikované požadavky nastavte dle vlastního úsudku): a) Stránka bude obsahovat vycentrovaný nadpis s vaším jménem, a to výrazně velkým písmem. b) Stránka bude obsahovat alespoň jeden klasický obrázek obtékaný textem. c) Stránka bude obsahovat minimálně tři hypertextové odkazy, z toho jeden na server www.centrum.cz, druhý na jakoukoliv vaši stránku (např. koníčky a záliby) a třetí na jakýkoliv jiný váš oblíbený server na internetu. d) Stránka bude obsahovat hypertextový odkaz na váš e-mail, a to tak, že pokud se na odkaz klepne, spustí se poštovní program a do příjemce zprávy bude doplněna vaše e-mailová adresa. e) Pozadí stránky bude tvořit vhodný rastrový obrázek nebo vhodně zvolená jednolitá barva. 2. Vytvořte v HTML následující tabulku: 3. Vytvořte v HTML následující odrážený a číslovaný seznam: 4. Vytvořte pomocí HTML a prvků formuláře anketní formulář pro vstup dat o spokojenosti zákazníka se zakoupeným výrobkem, který se po klepnutí na tlačítko Odeslat zformátuje do e-mailu a bude připraven k odeslání. Přesnější otázky formuláře a jeho grafickou podobu navrhněte sami. Formulář bude obsahovat: a) klasické dialogy pro vstup textových informací a textové pole; b) alespoň jedno zatržítko nebo přepínač; c) tlačítko Odeslat, po jehož stisknutí se vstupní údaje zformátují pro e-mail. 57 S počítačem nejen k maturitě - 2. díl úvod do CSS (CSS styly) HTML kód je naprostým základem při tvorbě internetových stránek. Je to nosný pilíř, který musí jakýkoliv tvůrce internetových stránek bez potíží ovládat. Pokud ale budete tvořit internetové stránky, časem možná poznáte, že pouze s pomocí standardního HTML kódu prostě „nejde“ udělat spousta věcí, které se na jiných stránkách nacházejí. Jak je to možné? HTML kód je sice základním pilířem internetových stránek, ale kód jako takový nezvládá celou řadu zejména vizuálních „triků“, které stránky výrazně obohacují. Proto přicházejí na řadu CSS styly (CSS - zkr. Cascading Style Sheets), které velmi výrazně rozšiřují možnosti HTML. V první řadě je nutné podotknout, že CSS jsou skutečně (jak již ze samotného názvu plyne) pouze styly, nikoliv nové tagy. Jsou to vlastnosti, které rozšiřují současné známé tagy o nové možnosti. Například u definice typu písma je možné pomocí CSS nastavit jeho barvu, velikost, polohu na řádku apod. To by bez CSS tak snadno možné nebylo. Předtím než se ponoříte do CSS stylů, je nutné zdůraznit ještě jednu důležitou věc. CSS stylů je tolik a jsou tak rozsáhlé, že tato látka svým rozsahem značně převyšuje problematiku klasického HTML, i když vlastně tvoří její doplněk. Je to sice paradoxní, ale je to tak. Z toho důvodu zde pochopitelně není zdaleka možné popsat všechny styly a metody jejich aktivace. Spíše naopak, naleznete zde pouze jakýsi úvod do CSS stylů. Co všechno CSS styly umí? Je toho opravdu hodně. Zde je výčet několika zajímavých možností CSS stylů. • Na rozdíl od standardních možností HTML umí poměrně přesně modifikovat a nastavovat parametry písma, tj. téměř libovolnou velikost, proklad, typ, nastavení pozice, definice kapitálek apod. • Mohou lépe operovat s textem jako takovým. Díky CSS je například možné vytvořit odsazení odstavce, zrušit mezeru mezi dvěma odstavci, zneviditelnit určitou část textu, nebo naopak určitou část textu nastavit jako poloprůhlednou apod. • Je možné definovat hypertextové odkazy jako graficky dynamické, tj. po nastavení, resp. „přejetí“ myši na odkaz se odkaz například podtrhne nebo jeho pozadí změní barvu, ztuční apod. • Díky CSS je možné poměrně detailně pracovat s objekty, tj. s textem nebo obrázkem. Text či obrázek je možné umístit na doslova jakoukoliv pozici na stránce. Jednotlivé objekty se mohou překrývat, jako by byly na sobě navrstveny atd. • CSS umí nastavit barvy čar v tabulkách, barvy pozadí téměř jakéhokoliv objektu (nabídky, tabulky, stránky, odstavce, slova apod.), umí oříznout téměř jakýkoliv objekt (tabulku, obrázek, text) a spoustu dalších nejen grafických „triků“. • Kombinací vlastností CSS a skriptů je možné při jejich dobré znalosti vytvářet skutečně dynamické stránky, například rozevírací pohyblivé nabídky, kaskádové položky apod. Vizuální „přetváření“ stránek je pouze jednou z vlastností CSS stylů. Jejich další obrovskou výhodou je možnost automatizace. To znamená, že lze například nadefinovat, aby se veškeré nadpisy na všech stránkách změnily na určený typ písma, určenou velikostí a barvou, a CSS to „zařídí“ (samozřejmě není to tak jednoduché, jak to zní). Podobně je dokonce možné předefinovat význam stávajících tagů HTML na tag s „vlastním“ významem. Úskalí CSS stylů ! Objektivně je nutné přiznat, že i CSS styly mají určitá úskalí. Největším problémem při tvorbě stránek s pomocí CSS stylů je zřejmě skutečnost, že ne všechny internetové prohlížeče akceptují striktní normu CSS a „vykládají si“ stejné styly různě. Kvůli tomu je nutné vždy stránku optimalizovat pro jeden druh prohlížeče a není zaručeno, že se stejně zobrazí i v jiném prohlížeči. S tímto problémem se lze obecně setkat u složitějších stránek, resp. čím je stránka složitější, tím je pravděpodobnější, že se s vzájemnou nekompatibilitou prohlížečů setkáte. Standardy CSS Stejně jako HTML i kaskádové styly a jejich všechny oficiální specifikace definuje známá organizace W3C (World Wide Web Consorcium). 58 Wikipedie.cz - CSS v encyklopedii on-line Server W3schools.com - CSS v tvorbě www stránek Server Interval.cz - CSS v tvorbě www stránek Server JakNaWeb.com - CSS v tvorbě www stránek http://cs.wikipedia.org/wiki/CSS http://w3schools.com/css http://interval.cz/webdesign/css http://www.jaknaweb.com/clanky/css Zásady správné úpravy grafických dokumentů Používejte omezený počet barev V použití barev platí totéž jako u písem – všeho moc škodí. Není nic horšího než barevně přeplácaná tiskovina – tedy s výjimkou reklamy na cirkus. Používejte proto pouze omezený počet barev. Nejvyspělejší grafické dokumenty jsou obvykle ty, které mají omezený počet barev a jsou laděny velmi decentně a střídmě. Zásady kompozice stránky a dokumentu Blízkost Blízkostí se rozumí uspořádání spolu souvisejících informací na ploše grafického dokumentu tak, aby to bylo pro čtenáře co nejpřijatelnější, logické a přehledné. Například pokud jsou na jedné stránce informace o kontaktu na firmu a pak také informace o tom, čím se firma zabývá, je jasné, že každá skupina informací by měla být pohromadě. O škole - střední škola - technicky zaměřená - vynikající úspěchy v praxi Z hlediska blízkosti by se tedy měla dodržovat tato pravidla: • Jednotlivé informace by měly být svázány tak, jak spolu logicky souvisí. • Skupiny informací by měly být odděleny v souvislém textu mezerami nebo na ploše logicky tak, aby oddělení bylo jasně patrné. • U plošných grafických dokumentů by informace neměla být příliš „rozházená“ po ploše. A už vůbec ne, jestliže informací v dokumentu není mnoho. Adresa SPŠ Technologická Lesní 56 587 96 Kácov Nedodržení blízkosti může čtenáře mást, způsobovat jeho nesoustředěnost a zmatenost. Nadpis Opakování Opakováním se u grafických dokumentů rozumí opakování stejných prvků grafického dokumentu. Tedy například používání stejných nadpisů v celé knize, stejných druhů odrážek, stejných grafických prvků, opakování struktury každé kapitoly u delších textů apod. Opakování prvků grafického dokumentu činí dokument konzistentním a srozumitelným. Čtenář ví, co může od které podoby dokumentu čekat. Určitě by bylo špatné, kdyby kniha obsahovala v jedné části jeden typ nadpisů a grafických prvků a v jiné části další typ nadpisů a grafických prvků. Stejně tak by nebylo dobře, kdyby například pokaždé byly kapitoly členěny jinak – jednou by třeba shrnutí bylo na konci, podruhé na začátku kapitoly. Stručný text o problému a hlavní popis problému Závěr Nadpis Stručný text o problému a hlavní popis problému Závěr Nadpis Stručný text o problému a hlavní popis problému Závěr Nadpis či dominantní objekt stránky umisťujte na tzv. optický ký střed tř d Pokud na stránce umisťujete nadpis či jiný dominantní prvek, umístěte jej do tzv. optického středu, který je o něco výš než pravý fyzický střed. Díky optickému klamu se nám totiž zdá, že skutečný střed je příliš nízko, zatímco optický střed je skutečným „pravým“ středem. Správné umístění nadpisu. Optický střed je nad fyzickým skutečným středem. Toto je nadpis Při umístění do fyzického středu se zdá, že nadpis či objekt padá dolů. Toto je nadpis Toto je nadpis Umístit hlavní prvek zcela nahoru nebo dolů k okrajům stránky snad nikoho nenapadne. Je to samozřejmě špatně.  Toto je nadpis   143 S počítačem nejen k maturitě - 2. díl Víceřádkový centrovaný nadpis – nejprve delší text, pod ním kratší Pokud je na stránce centrovaný víceřádkový nadpis, doporučuje se, aby první řádek nadpisu byl nejširší a každý další řádek by pak měl mít menší šířku než předchozí řádek (efekt trojúhelníku se špičkou dolů). Pozor, toto pravidlo není možné použít vždy – například v případě, kdy je název dvouslovný a druhé slovo je delší než první (podobných případů je více). Toto pravidlo je tedy především doporučením. Nevhodně koncipovaný nadpis. Druhý řádek je širší než první. Vyhodnocení počítačové grafiky Vyhodnocení počítačové grafiky Vyhodnocení grafiky Správně koncipované nadpisy. První řádek je vždy nejširší a každý další řádek je užší než předchozí řádek.    Základní či významné objekty dokumentu se snažte pozicovat na zlatý řez zlatý řez Pokud dokument obsahuje výrazné objekty (např. větší obrázky v textu), je vhodné je pozicovat na zlatý řez (viz kapitola Zlatý řez), tzn. v ideálním případě na zhruba 1/3 šířky / výšky od okraje dokumentu. a a b Umístění stěžejních objektů na zlatý řez. Variant umístění je mnoho, platí základní princip - zhruba 1/3 šířky / výšky dokumentu od jeho hrany.   Motiv nesmí utíkat „ven“ ze stránky Jedno ze základních pravidel. Pokud je v motivu obrázku například jedoucí auto, mělo by vždy jet směrem dovnitř stránky, utíkající zvíře by mělo utíkat opět dovnitř stránky. Na obrázku s pohledem člověka by se měl člověk dívat opět dovnitř stránky. Pokud by tomu bylo naopak, říkáme, že motiv „ujíždí“ ven ze stránky, což je chyba. Obrázek ujíždí pohledem ven z dokumentu. To působí nepřirozeně.  144 Správně - obrázek směřuje pohledem dovnitř dokumentu.  Zásady správné úpravy grafických dokumentů Zarovnání obrázků na stránce by mělo být v jedné linii Pokud se na stránce nacházejí obrázky, je vhodné umístit je tak, aby jejich hrany byly pokud možno pod sebou. A to i za cenu, že (pokud to nenaruší obsah obrázku) některý z nich nepatrně zvětšíte či zmenšíte. Pokud jsou totiž v dokumentu objekty takto zarovnané, působí grafický dokument jako celek přirozeněji, než kdyby obsahoval objekty různě „rozházené“ po ploše či v textu.     Popisky obrázků Popisky obrázků by měly být pod obrázkem nebo vedle obrázku (dle navrženého layoutu celého dokumentu). Popisek by měl být napsán menším písmem než standardní text dokumentu a doporučuje se i jiný řez písma (např. kurzíva) či úplně jiný typ písma, než jakým je psán okolní text. O tom, zda by popisek obrázku měl, či neměl obsahovat tečku na konci, se vedou spory, neboť některé odborné zdroje tečku zatracují, jiné ji potvrzují, zejména s ohledem na popisek obsahující více vět. Uhodil hřebík na hlavičku. Uhodil hřebík na hlavičku.  Popisek může být umístěn pod nebo vedle obrázku (dle celkového návrhu grafického dokumentu). V celém dokumentu by měl být umisťován stejně (viz pravidlo opakování) a měl by být napsán menším odlišným písmem než text.  NE VŽDY TO JDE PODLE PRAVIDEL V uvedeném textu jste se seznámili s množstvím pravidel a zásad. Je ale nutné dodat, že ne vždy lze všechny zásady stoprocentně aplikovat a dodržovat. Jsou situace, kdy je porušení pravidel nezbytné, protože jinak dokument prostě vytvořit nelze. Nicméně toto se děje velmi výjimečně – většinou lze grafický dokument koncipovat tak, aby použití zásad a pravidel možné bylo, zejména pokud sami od úplného začátku dokument a jeho koncept navrhujete. Nebojte se začít s návrhem, a to jak grafiky, tak kompozice dokumentu. Zpočátku se vám může jevit, že z díla „nic nebude“, že to pořád není ono. Jak ale budete postupovat dále, uvidíte, že výsledný koncept bude nabývat stále reálnějších obrysů. Chce to trpělivost – práce s grafikou (aby výsledek stál za to) je vždy zdlouhavá. 145 S počítačem nejen k maturitě - 2. díl Digitální video PRINCIP DIGITÁLNÍHO ZÁZNAMU OBRAZU Problematika digitálního videa je v podstatě obdobná jako problematika digitální fotografie. K záznamu obrazu slouží zařízení, které jej pořizuje (digitální kamera) a dále zpracovává (počítač). Tato zařízení zároveň zaznamenávají i zvuk, který ve většině případů bývá součástí záznamu videa nebo může být samostatný v podobě zvukového souboru. Proces vzniku digitálního videa Videozáznam pořízený digitální kamerou Software pro zpracování a střih digitálního videa Střihový program videozáznam sestříhá, doplní efekty, hudbou a textem a poté vyexportuje do výstupního formátu. Dovolená 2009 Multimediální kapesní přehrávač www CD C Blu-ray disk BluB Speciální střihová karta v počítači Převod videa do počítače www VHS Stream TV T Záznam nasnímaného videa je možné přehrát i přímo v televizoru. Co je videozáznam? Videozáznam je sled po sobě jdoucích jednotlivých obrazů, které zobrazují situaci v jednotlivých časových okamžicích. Video sice představuje pro lidské oko plynulý tok obrazu, ale je skutečně složeno z jednotlivých na sebe navazujících snímků, které vytvářejí plynulou řadu projekce obrazu. CO UMOŽŇUJE ZPRACOVAT VIDEO V POČÍTAČI Díky tomu, že záznam z videokamery můžete digitalizovat, je možné jej následně zpracovávat v počítači. Z vašeho osobního počítače se tak může stát domácí střižna. Původní natočený záznam je možné okomentovat vlastním komentářem, sestříhat různými typy střihů, dotvořit zajímavými efekty (například titulky, animacemi, klíčováním) apod. Jinými slovy, s dostatečnou trpělivostí, znalostmi a potřebným softwarem můžete sestříhat své „vlastní hvězdné války z dovolené“. Ovšem pozor, pro zpracování videa v počítači je nutné mít dostatečně kvalitní hardware. Vše samozřejmě závisí na tom, v jaké kvalitě (s jakou komprimací a rozlišením) video zpracováváte. V každém případě je však proces zpracování videosignálu podstatně náročnější než třeba úprava a zpracování fotografií. CO JE POTŘEBA PRO ZPRACOVÁNÍ VIDEA V POČÍTAČI • 146 Kvalitní hardware. Už o tom byla řeč. Pokud to se zpracováním videa v počítači myslíte alespoň trošku vážně, měli byste mít k dispozici slušný stroj. To ale neznamená, že uživatelé se starším nebo po- Digitální video malejším počítačem video zpracovávat nemohou. Samozřejmě že mohou, ale budou déle čekat i na provedení relativně jednoduché operace. • á ávat) záznam, je nutné Střihová karta. Abyste mohli z kamery tzv. grabovat (nahrávat) e několik vstupů mít k tomu rychlé rozhraní, tj. střihovou kartu. Ta má obvykle a pak také a výstupů, z nichž na jeden se připojí kamera. Střihová karta Interní střihová v vých slouží (ale ne vždy) při samotném střihu k výpočtům jednotlivých karta přechodových efektů, event. animací, klíčování apod. • Střihový software. Program, ve kterém vlastně budete vše realizovat. Střihový software se obvykle dodává ke střihové kartě. Lze jej ale pochopitelně koupit zvlášť. V této oblasti je rovněž docela solidní nabídka různého druhu softwaru od různých dodavatelů. Z čistě profesionálních jmenujme be e např. systém Avid či Velocity, z poloprofesionálních např. Adobe Premiere. Pro domácí použití obvykle bohatě postačí oblíbené Pinnacle í až po jednotky íců Studio. Cenové relace se pohybují ve stejném pořadí od statisíců tisíc Kč. DŮLEŽITÉ POJMY Pokud se budete zpracováním digitálního videa alespoň trochu zabývat, dříve či později se setkáte s některými pojmy, jejichž význam byste měli znát. Mnoho z uvedených pojmů se navíc používá i v digitální fotografii. Jedná se mimo jiné o následující: • Optický zoom. Je to schopnost přiblížení zobrazované oblasti pomocí optické soustavy (tzn. objektivu) kamery (event. fotoaparátu). Čím vyšší je číslo udávané jako optický zoom, tím více můžete obraz přiblížit. Vedle optického zoomu existuje u moderních videokamer (i fotoaparátů) tzv. digitální zoom. To je funkce, která zvětšuje obraz digitálně, tj. dochází i ke snížení jeho kvality. • Stabilizace obrazu. Jedná se o speciální funkci kamery, která dokáže do určité míry zkorigovat nechtěné chvění ruky při natáčení. Natočený záznam díky této funkci nepůsobí tak „roztřeseně“. Ovšem je nutné si uvědomit, že tato funkce pomůže záznamu pouze do určité míry „roztřesenosti“. • Minimální osvětlení. Jedná se o hodnotu, která udává minimální světelné podmínky, při nichž je kamera schopna snímat obraz, resp. při nichž je snímaný obraz ještě patrný. Tato hodnota se udává v luxech. • Rozlišení senzoru. Jde o rozlišení CCD prvku v kameře (event. fotoaparátu). Obecně platí, že čím vyšší je rozlišení CCD prvku (senzoru), tím je záznam lepší, resp. přístroj kvalitnější, protože obraz se skládá z většího počtu obrazových bodů. • Komprese videa. Velmi důležitým parametrem u digitálního videa je komprese videa. Jedná se o funkci, která dokáže zmenšit velikost dat záznamu na disku, a to v závislosti na kompresním poměru. Video se komprimuje hlavně proto, aby záznam nezabral na disku nebo jiném médiu zbytečně mnoho místa. Nutno podotknout, že každá komprese snižuje do určité míry kvalitu záznamu. Nicméně při vhodně zvoleném způsobu a poměru komprese není snížená kvalita záznamu lidským okem patrná, zatímco velikost záznamu se zmenší až na desetinásobek původní hodnoty. • Formáty digitálního videozáznamu. Zpracovaný nebo originální záznam je možné uložit v několika formátech. Nejpoužívanějšími formáty jsou ale MPG a AVI. Zatímco formát AVI slouží k nekomprimovanému uchování videa v plné kvalitě (ovšem data také patřičně zaberou místo na disku), formát MPG je určen ke zkomprimovanému uložení videozáznamu. Záleží na vás, jakým způsobem a v jaké kvalitě potřebujete záznam uchovat a event. sestříhat. Podle toho zvolte formát a event. kompresní poměr. Jak již ale bylo uvedeno, existují i další formáty, určené například k „vysílání“ videa na internetu – ty ale dosahují obrovské komprese, dochází tedy i k velmi patrnému snížení kvality. • Většina kvalitních stolních DVD přehrávačů velmi dobře zvládá standardní souborové formáty videa, ve kterých jsou distribuovány například filmy na DVD nosičích. Grabování videa. Tímto pojmem se rozumí nahrávání (event. digitalizace) záznamu z kamery nebo jiného zařízení (může to být i TV) do počítače. Ke grabování je nutné mít nainstalovanou odpovídající kartu. 147 S počítačem nejen k maturitě - 2. díl Komprimace a dekomprimace dat Datový tok a potřeba uchování dat je ve výpočetní technice stále větší. Přestože existují stále větší velikosti harddisků a přenositelnost dat se mezi počítači zrychluje, potřeba přenášet stále více dat je čím dál patrnější. Pokud například vytvoříte seminární práci do biologie a uložíte ji na disk, zřejmě vám bude jedno, zda na disku zabere 5 MB nebo 50 MB. Na disku o velikosti 120 GB je 50 MB zanedbatelným souborem. Pokud byste ale měli tuto práci poslat pomocí internetu kamarádovi, pak už to tak jedno není, protože posílat po internetu 5 MB nebo 50 MB je výrazný rozdíl. Naštěstí pro účely „zhuštění“ dat existují tzv. komprimační programy. O co se jedná a co to vůbec je komprimace? Komprimací dat se rozumí „zhuštění“ informací tak, že zaberou na disku méně místa, ale přitom jejich obsah zůstane zachován. Zkomprimovaná data jsou ale použitelná až poté, co se zpětně dekomprimují, tj. uvedou do původního stavu. Ve zkomprimovaném stavu jsou totiž matematicky přepočítána a bez dekomprimace nedávají smysl. Komprimaci dat si můžete představit jako polštář na spaní. Pokud potřebujeme polštář přestěhovat z jednoho domu do druhého, stlačíme jej na cestu a na cílovém místě jej zase rozbalíme. Přitom polštáře během stlačení vůbec neubylo ani se nepoškodil a může zase sloužit původnímu účelu. Princip komprimace a dekomprimace Původní nezkomprimovaný text Komprimaci dat si můžete představit jako polštář na spaní. Pokud potřebujeme polštář přestěhovat z jednoho domu do druhého, stlačíme jej na cestu a na cílovém místě jej zase Zkomprimovaný text yudcdlkjbldscsiue bsuicuydscuyodsywec gdwqeftcoswucdsyac weafreyucewéácywe Komprimace Dekomprimace Komprimace se většinou používá i k přenosu dat mezi počítači. Například pokud je nutné přenést větší množství dat mezi dvěma počítači, které nejsou nijak propojeny, zkomprimují se data tak, aby se vešla na kompaktní disk, a po přenosu se na cílovém počítači opět dekomprimují. Existuje několik komprimačních algoritmů a standardních formátů pro komprimaci. Mezi nejznámější a nejpoužívanější se řadí formát ZIP a RAR. Přitom například u operačního systému Windows XP je komprimace pomocí ZIP již integrována přímo do systému. Proč programy nekomprimují soubory přímo? Logická otázka, která vás možná při čtení těchto řádků napadla. Proč je komprimace vůbec nutná? Proč jsou soubory vytvořeny „zbytečně velké“? Nebylo by lepší, aby je jednotlivé programy vytvářely již zkomprimované, tj. menší? Je fakt, že není možné zajistit, aby soubory, například dokumenty nebo tabulky či programy, byly přímo komprimovány při práci s programem. Proč? Prostě proto, že formát daného souboru je vymyšlen tak, aby co nejlépe sloužil konkrétnímu programu. Například textový dokument je možné otevřít jakýmkoliv editorem, který umí číst txt formát. Pokud by ale každý takový editor měl „umět“ komprimaci a dekomprimaci, byl by takový program výrazně větší a navíc operace se souborem by trvala neúměrně dlouho. A právě čas je dalším významným faktorem. Komprimace a dekomprimace trvá podle stupně komprese určitý nezanedbatelný čas, během kterého komprimační program provádí obrovské množství výpočtů. Kdyby se se souborem pracovalo v reálném čase a pokaždé by bylo nutné jej komprimovat a dekomprimovat, byla by taková práce neúnosně dlouhá. Jinými slovy, není možné, aby si každý jednotlivý program data komprimoval a dekomprimoval. Překážek je totiž zatím příliš mnoho. WINRAR - VÝKONNÝ KOMPRIMAČNÍ PROGRAM Kde najít komprimační program? Pokud zatím v počítači žádný program pro komprimaci nemáte, musíte si jej nejprve nainstalovat. Nejjednodušší cestou jak komprimační program získat je stáhnout si jej prostřednictvím internetu. Například WinRAR - výkonný komprimační program 148 http://www.rarlab.com/rar_archiver.htm http://www.rar.cz × Report "Další servery s elektronickým obsahem" Your name Email Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint Description Close Send × Sign In Email Password Remember me Forgot password? Sign In Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close