93
Obchodní akademie a Vyšší odborná škola sociální, Ostrava-Mariánské Hory, příspěvková organizace Informační a komunikační technologie Studijní opora pro kombinovanou formu studia Marian Bršlica Marcela Hoňková Věra Pištěková Ostrava 2011 Investice do budoucnosti Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

Obchodní akademie a Vyšší odborná škola sociální,

Ostrava-Mariánské Hory, příspěvková organizace

Informační a komunikační technologie

Studijní opora pro kombinovanou formu studia

Marian Bršlica

Marcela Hoňková

Věra Pištěková

Ostrava 2011

Investice do budoucnosti

Tento projekt je spolufinancován Evropským sociálním fondem

a státním rozpočtem České republiky.

Page 2: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

2

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Informační a komunikační technologie

Studijní opora pro kombinovanou formu studia

Vzdělávací program: Sociální práce

Obor vzdělání: 75-32-N/ Sociální práce a sociální pedagogika

Autoři: Věra Pištěková

Marian Bršlica

Recenzenti:

rok vydání: 2011

© OA a VOŠS, Ostrava-Mariánské Hory, příspěvková organizace

Page 3: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

3

M. Bršlica, V. Pištěková, Informační a komunikační technologie

OBSAH MODULU INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE

1 TEXTOVÉ EDITORY - WORD .............................................................................................. 8

1.1 Backstage .............................................................................................................................. 8

1.2 Úpravy a formátování textu ............................................................................................. 10

1.3 Stránka, záhlaví, zápatí .................................................................................................... 11

1.5 Titulní stránka ................................................................................................................... 16

1.6 Graf ..................................................................................................................................... 17

1.7 Poznámky pod čarou a vysvětlivky .................................................................................. 18

1.8 Seznam tabulek, grafů, obrázků ...................................................................................... 20

1.9 Bibliografie ......................................................................................................................... 21

1.10 Obsah ................................................................................................................................ 22

1.11 Rejstřík ............................................................................................................................. 25

1.12 Hromadná korespondence .............................................................................................. 26

1.13 Formuláře ........................................................................................................................ 31

2 TABULKOVÝ PROCESOR - EXCEL .................................................................................. 34

2.1 Úvod do programu ............................................................................................................ 34

2.2 Základy práce v Excelu ..................................................................................................... 35

2.3 Tabulky a jejich úprava .................................................................................................... 40

2.4 Tvorba a úprava grafů ...................................................................................................... 42

2.5 Práce se vzorci ................................................................................................................... 44

2.6 Základní funkce ................................................................................................................. 45

2.7 Formulář ............................................................................................................................ 47

2.8 Závěr ................................................................................................................................... 50

3 POWERPOINT ........................................................................................................................ 51

3.1 Tipy pro efektivní vytváření prezentací .......................................................................... 51

3.2 Umístění nejpoužívanějších příkazů na pásu karet ....................................................... 51

3.3 Použití šablony v prezentaci ............................................................................................. 55

3.4 Motivy ................................................................................................................................. 55

Page 4: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

4

M. Bršlica, V. Pištěková, Informační a komunikační technologie

3.5 Obrazce .............................................................................................................................. 56

3.6 Obrázek SmartArt ............................................................................................................ 57

3.7 Předvedení a distribuce prezentace ................................................................................. 61

3.8 Tisk snímků nebo podkladů prezentace .......................................................................... 62

4 TVORBA WWW STRÁNEK ................................................................................................. 67

4.1 Úvod .................................................................................................................................... 67

4.2 Vývoj jazyka HTML ......................................................................................................... 67

4.3 Základní struktura HTML ............................................................................................... 68

4.4 Základy práce s textem ..................................................................................................... 69

4.5 Tvorba rámů a formulářů ................................................................................................ 78

4.6 Co to je PHP a CSS ........................................................................................................... 89

4.7 Závěr ................................................................................................................................... 91

Page 5: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

5

M. Bršlica, V. Pištěková, Informační a komunikační technologie

ÚVODEM MODULU

INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE

Modul Informační a komunikační technologie je určen pro začátečníky i mírně pokročilé stu-

denty nebo pro zájemce o nové informace při přechodu z kancelářského balíku MS Office 2003

na 2010, aby se snadněji dokázali orientovat v novém grafickém prostředí.

Modul obsahuje čtyři ucelené kapitoly nazvané Textový editor-Word, Tabulkový procesor-

Excel, PowerPoint a Tvorba www stránek. Každá z kapitol pak představuje výběr základních

funkcí k ovládání dané aplikace. Modul stanoví pouze návod k ovládání, stěžejní práce spočívá

na uživateli a v jeho hledání a zkoumání jednotlivých funkcí, a tím pomáhá k jejich uložení do

paměti. Jak již napsal J. A. Komenský – škola hrou - a v případě tohoto modulu to platí dvojná-

sobně! Zvýšenou pozornost je tedy třeba věnovat nácviku a zkoušení funkcí, proto je důležité,

abyste zkoušeli, zkoušeli a zase zkoušeli, dokud nezjistíte, co vám tím vlastně autoři modulu IKT

chtěli říci ….

Přejeme vám hodně úspěchů a zdaru ve vašem studiu.

Page 6: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

6

M. Bršlica, V. Pištěková, Informační a komunikační technologie

CÍL MODULU ...

Po úspěšném a aktivním absolvování tohoto MODULU

Modul je rozdělen do čtyř kapitol, po absolvování první kapitoly Word 2010 budete umět:

otevřít a uložit dokument, nastavit řádkování, používat styly, zobrazit náhled a odeslat

dokument k tisku;

upravovat a formátovat text;

číslovat stránky, vytvořit záhlaví a zápatí, vložit titulní stránku;

pracovat s datovými grafy;

vložit i odebrat poznámky pod čarou nebo vysvětlivky;

vytvořit seznam tabulek, grafů a obrázků, bibliografii (seznam pramenů), obsah nebo rej-

střík;

pracovat v hromadné korespondenci s hlavním dokumentem a databází;

vytvořit formuláře a pracovat s nimi.

V další kapitole Excel 2010 se naučíte:

základní pojmy a ovládání programu Excel 2010;

vkládat popisky a hodnoty, kopírovat, přemisťovat, používat relativní a absolutní adresa-

ci buněk;

pracovat s řádky a sloupci, jejich ukotvení;

upravovat tabulky (změna písma, formátování textu, ohraničení buňky, změna zarovnání,

úprava grafiky);

vytvořit a upravit grafy (terminologie, typy);

pracovat se vzorci;

orientovat a používat jednotlivé funkce (matematické, statistické, logické);

tvořit a pracovat s formuláři.

Po zvládnutí kapitoly PowerPoint 2010 budete umět:

ovládat zajímavé tipy pro efektivní tvorbu prezentací;

pracovat s nejpoužívanějšími příkazy programu;

používat šablony v prezenci, vzhledové motivy a obrazce, přidávat texty, styly;

Budete

umět

Page 7: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

7

M. Bršlica, V. Pištěková, Informační a komunikační technologie

pracovat se SmartArt obrázky;

předvádět a distribuovat prezentaci;

tisknout snímky a podklady prezentace.

A po poslední kapitole nazvané Tvorba www stránek budete ovládat:

historii, základní strukturu a pravidla používání jazyka HTML;

základní práce s textem, jeho formátování, vytváření a používání odkazů;

vkládání a formátování obrázků do textu;

vytváření a využití rámů a formulářů na stránce;

základní informace a využití CSS a PHP.

Modul naučí studenta orientovat se a pracovat v základních programech (WORD, EXCEL,

POWERPOINT) kancelářského balíku Microsoft Office 2010. Vysvětlí mu rozdíly oproti

verzi 2003 a pomůže s orientací v novém grafickém prostředí. Rovněž ho naučí využívat

nové funkcionality tohoto kancelářského balíku (např. Backstage, SmarArt atd.). V samot-

ném závěru mu budou vysvětleny základy používání jazyka HTML.

Získáte

Student bude umět pracovat v novém prostředí MS OFFICE 2010, bude umět vytvářet či

upravovat dokumenty, tabulky nebo prezentace. V rámci kapitoly Tvorba www stránek se

naučí základům HTML a vytvořit jednoduchý php skript.

Budete

schopni

Page 8: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

8

M. Bršlica, V. Pištěková, Informační a komunikační technologie

1 TEXTOVÉ EDITORY - WORD

1.1 Backstage

Pás karet obsahuje sadu příkazů pro práci v dokumentu, zatímco zobrazení Microsoft Office

Backstage je tvořeno sadou příkazů, které se používají pro práci s dokumentem.

Otevřete dokument a kliknutím na kartu Soubor zobrazte zobrazení Backstage. V zobrazení

Backstage můžete spravovat své dokumenty a s nimi související data – můžete vytvářet, uklá-

dat a odesílat dokumenty, kontrolovat v dokumentech skrytá metadata nebo osobní údaje,

nastavovat možnosti jako je vypnutí nebo zapnutí zobrazování návrhů funkce Automatické

dokončování a provádět další úlohy.

Jednou z novinek v připravovaném kancelářském balíku Microsoft Office 2010 je nový režim Backstage. Na-

hrazuje nabídku Soubor, resp. to, co bylo součástí nabídky zobrazované tlačítkem Office. Určitě najde řadu

odpůrců, myslím však, že je spíše přínosem.

Režim

Backstage

nahrazuje

nabídku

Soubor,

resp. to, co

bylo součás-

tí nabídky

zobrazované

tlačítkem

Office.

Karta Soubor

Karta Soubor nahrazuje tlačítko Microsoft Office a nabídku Soubor používanou ve

starších verzích systému Microsoft Office.

Karta Soubor se nachází v levém horním rohu aplikací systému Microsoft Office 2010.

Obr. 1 Karta Soubor

Jestliže kliknete na kartu Soubor, zobrazí se mnoho stejných základních příkazů, kte-

ré jste mohli vidět ve starších verzích systému Microsoft Office po kliknutí na tlačít-

ko Microsoft Office nebo na nabídku Soubor. Najdete zde příkazy Otevřít, Ulo-

žit nebo Tisk, ale i novou kartu zobrazení Backstage označenou jako Uložit a ode-

slat, která nabízí více možností pro sdílení a odesílání dokumentů.

Obr. 2 Backstage, karta Nový

Page 9: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

9

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Karta Informace

Na kartě Informace jsou v závislosti na stavu do-

kumentu a místu jeho uložení zobrazeny různé

příkazy, vlastnosti a metadata. Součástí karty In-

formace mohou být příkazy Vrátit se změnami,

Rezervovat a Oprávnění.

Příkazy v zobrazení Backstage jsou zvýrazněné

podle toho, jak je důležité, aby si jich uživatel vši-

ml a pracoval s nimi. Příkaz Oprávnění na kartě

Informace je například zvýrazněn červeně v přípa-

dě, že nastavená oprávnění dokumentu mohou

omezovat provádění úprav.

Prohlídka uživatelského rozhraní aplikace Word

1. Záhlaví: Zobrazuje název souboru upravovaného dokumentu a název softwaru, který

používáte. Obsahuje také standardní tlačítka Minimalizovat, Obnovit a Zavřít.

2. Panel nástrojů Rychlý přístup: Zde jsou umístěny často používané příkazy jako Uložit,

Zpět a Znovu. Na konci panelu nástrojů pro rychlý přístup je rozevírací nabídka, do kte-

ré je možné přidávat další obvykle používané nebo obvykle potřebné příkazy.

3. Karta Soubor: Kliknutím na toto tlačítko zobrazíte příkazy, které se týkají spíše práce se

samotným dokumentem nežli s jeho obsahem. Jedná se například o příkazy Nový, Ote-

vřít, Uložit jako, Tisk a Zavřít.

4. Pás karet: Zde jsou umístěny příkazy, které potřebujete pro svou práci. Vzhled pásu karet

se mění v závislosti na velikosti monitoru. Aplikace Word změnou uspořádání ovládacích

prvků pás karet zkomprimuje, aby se přizpůsobil menším monitorům.

5. Okno pro úpravy: Zobrazuje obsah upravovaného dokumentu.

Obr. 4 Word, uživatelské rozhraní

Obr. 3 Backstage, karta Informace

Page 10: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

10

M. Bršlica, V. Pištěková, Informační a komunikační technologie

6. Posuvník: Umožňuje měnit polohu zobrazení upravovaného dokumentu.

7. Stavový řádek: Zobrazuje informace o upravovaném dokumentu.

8. Tlačítka zobrazení: Umožňují měnit režim zobrazení upravovaného dokumentu, aby vy-

hovovalo vašim potřebám.

9. Lupa: Umožňuje měnit nastavení přiblížení či oddálení upravovaného dokumentu.

Uložení a otevření dokumentu

V aplikaci Word je třeba dokumenty ukládat, aby bylo možné program ukončit bez toho, že

byste přišli o svou práci. Dokument je při ukládání uložen do počítače jako soubor. Tento

soubor lze později otevřít, změnit a vytisknout.

Uložení dokumentu:

1. Klikněte na tlačítko Uložit na panelu nástrojů Rychlý přístup.

2. V poli Uložit do zadejte umístění, do kterého chcete dokument uložit. Při prvním uložení

dokumentu je jako název souboru v poli Název souboru předvyplněn první řádek z do-

kumentu. Chcete-li název souboru změnit, zadejte nový název.

3. Klikněte na tlačítko Uložit.

Dokument je uložen jako soubor. Název souboru v záhlaví se změní na název uloženého sou-

boru.

Můžete otevřít dokument aplikace Word a pokračovat v práci.

Otevření dokumentu:

1. Klikněte na tlačítko Start a potom klikněte na příkaz Dokumenty.

2. Přejděte do umístění, ve kterém je uložen váš soubor, a dvakrát na něj klikněte. Zobrazí

se úvodní obrazovka aplikace Word a poté daný dokument.

1.2 Úpravy a formátování textu

Před úpravami nebo formátováním textu je třeba

nejdříve text označit.

Většinu nástrojů pro formátování textu naleznete

kliknutím na kartu Domů a následným výběrem

skupiny Písmo.

1. Karta Domů.

2. Skupina Písmo na kartě Domů.

3. Tlačítko Tučné.

Používání stylů

Styly umožňují rychlé formátování hlavních prvků v dokumentu, jako jsou záhlaví, nadpisy a

podnadpisy.

Níže uvedeným postupem můžete použít styly na text v dokumentu.

1. Zvýrazněte text, který chcete změnit.

2. Na kartě Domů ve skupině Styly umístěte na chvíli kurzor nad libovolný styl – zobrazí

se jeho živý náhled přímo v dokumentu.

Obr. 5 Karta Písmo

Page 11: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

11

M. Bršlica, V. Pištěková, Informační a komunikační technologie

3. Chcete-li použít styl, který je pro váš dokument nejvhodnější, klikněte na něj.

4. Jakmile skončíte s aplikováním stylů na jednotlivé prvky, aplikace Word 2010 vám

umožní změnit vzhled celého dokumentu najednou.

5. Na kartě Domů klikněte ve skupině Styly na tlačítko Změnit styly.

6. Přejděte na možnost Sada stylů a najděte předdefinované sady stylů. Umístěte na chvíli

kurzor nad libovolný styl a zobrazte si živý náhled přímo v dokumentu.

7. Jakmile naleznete požadovaný vzhled, klikněte na něj.

Úprava řádkování v dokumentu

V aplikaci Word 2010 můžete snadno změnit mezery mezi řádky a odstavci v dokumentu.

1. Na kartě Domů klikněte ve skupině Styly na tlačítko Změnit styly.

2. Přejděte na možnost Mezery mezi odstavci a zobrazte si výběr z vestavěných stylů me-

zer mezi odstavci. Umístěte na chvíli kurzor nad libovolný styl mezer mezi odstavci a

zobrazte si živý náhled přímo v dokumentu.

3. Jakmile naleznete požadovaný vzhled, klikněte na něj.

4. Chcete-li definovat vlastní mezery mezi odstavci, zvolte možnost Vlastní mezery mezi

odstavci.

Zobrazení náhledu před tiskem a tisk

Je snadné zobrazit, jak bude dokument vypadat při tisku, bez nutnosti ho fyzicky vytisknout.

1. Klikněte na kartu Soubor.

2. Kliknutím na možnost Tisk zobrazte náhled dokumentu.

3. Zkontrolujte Nastavení všech vlastností, které byste mohli chtít změnit.

Jakmile budou vlastnosti tiskárny nastaveny požadovaným způsobem a budete spokojeni s

náhledem dokumentu, klikněte na tlačítko Tisk.

1.3 Stránka, záhlaví, zápatí

Při přidání čísel stránek, záhlaví a zápatí lze využit galerii, nebo je možné vytvořit vlastní

čísla stránek, záhlaví a zápatí.

Chcete-li dosáhnout co nejlepších výsledků, rozhodněte se nejdříve, zda má záhlaví či zápatí

obsahovat pouze číslo stránky, nebo i nějaké další informace.

Obr. 6 Karta Nástroje záhlaví a zápatí

Přidání čísla stránky bez dalších informací

Pokud chcete, aby bylo na každé stránce číslo, a nechcete zobrazit žádné další informace,

jako je například název dokumentu či umístění souboru, můžete rychle přidat číslo stránky z

galerie nebo vytvořit vlastní číslo stránky či vlastní číslo stránky obsahující celkový počet

stránek (stránka X z Y).

Page 12: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

12

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Chcete-li přidat číslo stránky z galerie, na kartě Vložení klikněte ve skupině Záhlaví a zápatí

na tlačítko Číslo stránky.

Klikněte na požadované umístění čísla stránky.

V galerii projděte možnosti a klikněte na požadovaný formát čísla stránky.

Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a zápa-

tí) na tlačítko Zavřít záhlaví a zápatí.

Chcete-li přidat vlastní číslo stránky, klikněte dvakrát do oblasti záhlaví nebo zápatí (v blíz-

kosti horního či dolního okraje stránky).

Zobrazí se karta Návrh oddílu Nástroje záhlaví a zápatí.

1. Chcete-li umístit číslo stránky doprostřed stránky nebo na její pravou stranu, postupujte

následujícím způsobem:

2. Chcete-li umístit číslo stránky doprostřed, klikněte ve skupině Pozice na kartě Návrh na

tlačítko Vložit kartu Zarovnání, klikněte na přepínač Na střed a potom na tlačítko OK.

3. Chcete-li umístit číslo stránky na pravou stranu, klikněte ve skupině Pozice na kartě Ná-

vrh na tlačítko Vložit kartu Zarovnání, klikněte na přepínač Vpravo a potom na tlačít-

ko OK.

4. Na kartě Vložení klikněte ve skupině Text

na tlačítko Rychlé části a poté na položku

Pole.

5. V seznamu Názvy polí klikněte na položku

Page a potom klikněte na tlačítko OK.

6. Chcete-li změnit formát číslování, klikněte

na tlačítko Číslo stránky ve skupině Záhlaví a zápatí a potom klikněte na položku

Formát – číslování stránek.

Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a zápa-

tí) na tlačítko Zavřít záhlaví a zápatí.

Přidání vlastního čísla stránky obsahujícího celkový počet stránek

Galerie obsahuje některá čísla stránek, která zahrnují celkový počet stránek (stránka X z Y).

Pokud však chcete vytvořit vlastní číslo stránky, postupujte následujícím způsobem:

1. Klikněte dvakrát do oblasti záhlaví nebo zápatí (v blízkosti horního či dolního okraje

stránky).

2. Zobrazí se karta Návrh oddílu Nástroje záhlaví a zápatí.

3. Chcete-li umístit číslo stránky doprostřed stránky nebo na její pravou stranu, postupujte

následujícím způsobem:

4. Chcete-li umístit číslo stránky doprostřed, klikněte ve skupině Pozice na kartě Návrh na

tlačítko Vložit kartu Zarovnání, klikněte na přepínač Na střed a potom na tlačítko OK.

5. Chcete-li umístit číslo stránky na pravou stranu, klikněte ve skupině Pozice na kartě Ná-

vrh na tlačítko Vložit kartu Zarovnání, klikněte na přepínač Vpravo a potom na tlačít-

ko OK.

6. Zadejte řetězec stránka a mezeru.

7. Na kartě Vložení klikněte ve skupině Text na tlačítko Rychlé části a poté na položku

Pole.

8. V seznamu Názvy polí klikněte na položku Page a potom klikněte na tlačítko OK.

9. Za číslem stránky zadejte mezeru, potom písmeno z a potom další mezeru.

Obr. 7 Karta Vložení, skupina Text

Page 13: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

13

M. Bršlica, V. Pištěková, Informační a komunikační technologie

10. Na kartě Vložení klikněte ve skupině Text na tlačítko Rychlé části a poté na položku

Pole.

11. V seznamu Názvy polí klikněte na položku NumPages a potom klikněte na tlačítko OK.

12. Za celkovým počtem stránek zadejte mezeru a potom řetězec str.

11. Chcete-li změnit formát číslování, klikněte na tlačítko Číslo stránky ve skupině Záhlaví

a zápatí a potom klikněte na položku Formát – číslování stránek.

Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a zápa-

tí) na tlačítko Zavřít záhlaví a zápatí.

Přidání záhlaví nebo zápatí obsahujícího číslo stránky

Pokud chcete do horní či dolní části dokumentu přidat text nebo grafiku, bude třeba přidat

záhlaví nebo zápatí. Záhlaví nebo zápatí lze rychle přidat z galerií, nebo můžete přidat vlastní

záhlaví či zápatí.

Pomocí stejných kroků lze přidat záhlaví či zápatí neobsahující čísla stránek.

Přidání záhlaví nebo zápatí z galerie

1. Na kartě Vložení klikněte ve skupině Záhlaví a zápatí na položku Záhlaví nebo Zápatí.

2. Klikněte na záhlaví nebo zápatí, které chcete přidat do dokumentu.

3. Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a

zápatí) na tlačítko Zavřít záhlaví a zápatí.

Přidání vlastního záhlaví nebo zápatí

1. Klikněte dvakrát do oblasti záhlaví nebo zápatí (v blízkosti horního či dolního okraje

stránky).

Zobrazí se karta Návrh oddílu Nástroje záhlaví a zápatí.

2. Chcete-li umístit informace doprostřed stránky nebo na její pravou stranu, proveďte ně-

kterou z následujících akcí:

Chcete-li umístit informace doprostřed, klikněte ve skupině Pozice na kartě Návrh na

tlačítko Vložit kartu Zarovnání, klikněte na přepínač Na střed a potom na tlačítko

OK.

Chcete-li umístit informace na pravou stranu stránky, klikněte ve skupině Pozice na

kartě Návrh na tlačítko Vložit kartu Zarovnání, klikněte na přepínač Vpravo a po-

tom na tlačítko OK.

3. Proveďte jednu z následujících akcí:

Zadejte požadované informace do záhlaví.

Kliknutím na kartu Vložení, na tlačítko Rychlé části, na příkaz Pole a na požadované

pole v seznamu Názvy polí přidejte kód pole (např.: Page - pro číslo stránky, NumPa-

ges - pro celkový počet stránek v dokumentu a FileName - zahrnuje název souboru).

4. Pokud přidáte pole Page, můžete kliknutím na tlačítko Číslo stránky ve skupině Záhlaví

a zápatí a následným kliknutím na položku Formát – číslování stránek změnit formát

číslování.

Zahájení číslování od jedničky na jiné stránce

Je možné začít číslovat na druhé nebo nějaké jiné stránce dokumentu.

Zahájení číslování na druhé stránce

1. Klikněte dvakrát na číslo stránky.

Page 14: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

14

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2. Zobrazí se karta Návrh oddílu Nástroje záhlaví a zápatí.

3. Ve skupině Možnosti na kartě Návrh zaškrtněte políčko Jiné na první stránce.

4. Chcete-li začít číslovat od jedničky, klikněte na tlačítko Číslo stránky ve skupině Záhla-

ví a zápatí, klikněte na položku Formát – číslování stránek a potom klikněte na přepí-

nač Začít od a zadejte hodnotu 1.

5. Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a

zápatí) na tlačítko Zavřít záhlaví a zápatí.

Zahájení číslování na jiné stránce

1. Chcete-li začít číslovat na jiné stránce, než je první stránka dokumentu, je nutné před

stránku, na níž chcete začít číslovat, přidat konec oddílu.

2. Klikněte na začátek stránky, na níž chcete zahájit číslování.

3. Pokud si chcete být jisti, že se nacházíte na začátku stránky, stiskněte klávesu HOME.

4. Na kartě Rozložení stránky klikněte ve skupině Vzhled stránky na položku Konce.

Obr. 9 Skupina Vzhled stránky

5. V části Konce oddílů klikněte na položku Další stránka.

6. Klikněte dvakrát do oblasti záhlaví nebo zápatí (v blízkosti horního či dolního okraje

stránky).

7. Zobrazí se karta Nástroje záhlaví a zápatí.

8. Ve skupině Navigace na kartě Nástroje záhlaví a zápatí klikněte na tlačítko Propojit s

předchozím a dezaktivujte je tak.

9. Postupujte podle pokynů pro přidání čísla stránky nebo pro přidání záhlaví a zápatí s čís-

lem stránky.

10. Chcete-li začít číslovat od jedničky, klikněte na tlačítko Číslo stránky ve skupině Zá-

hlaví a zápatí, klikněte na položku Formát – íslování stránek a potom klikněte na pře-

pínač Začít od a zadejte hodnotu 1.

11. Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a

zápatí) na tlačítko Zavřít záhlaví a zápatí.

Obr. 8 Karta Návrh, skupina Možnosti

Page 15: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

15

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Přidání různých záhlaví, zápatí či čísel stránek do různých částí

dokumentu

Čísla stránek lze přidat pouze do části dokumentu. V různých částech dokumentu je také

možné použít různé formáty číslování.

Můžete například požadovat, aby bylo v obsahu a úvodu použito číslování ve formátu i, ii, iii,

ve zbývající části dokumentu ve formátu 1, 2, 3 a v rejstříku žádné číslování stránek.

Můžete také používat různá záhlaví či zápatí na sudých a lichých stránkách.

Přidání různých záhlaví a zápatí nebo čísel stránek do různých částí

1. Klikněte na začátek stránky, kde má záhlaví, zápatí nebo číslování stránek začínat či kon-

čit, případně být změněno.

2. Na kartě Rozložení stránky klikněte ve skupině Vzhled stránky na položku Konce.

3. V části Konce oddílů klikněte na položku Další stránka.

4. Klikněte dvakrát do oblasti záhlaví nebo zápatí (v blízkosti horního či dolního okraje

stránky). Zobrazí se karta Návrh oddílu Nástroje záhlaví a zápatí.

5. Ve skupině Navigace na kartě Návrh klikněte na tlačítko Propojit s předchozím a dez-

aktivujte je tak.

6. Proveďte jednu z následujících akcí:

Postupujte podle pokynů pro přidání čísla stránky nebo pro přidání záhlaví a zápatí s

číslem stránky.

Vyberte záhlaví nebo zápatí a stiskněte klávesu DELETE.

7. Chcete-li zvolit formát číslování nebo počáteční číslo, klikněte ve skupině Záhlaví a

zápatí na tlačítko Číslo stránky, klikněte na položku Formát – číslování stránek, klik-

něte na požadovaný formát, do číselníku Začít od zadejte číslo, které chcete použít, a po-

tom klikněte na tlačítko OK.

8. Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a

zápatí) na tlačítko Zavřít záhlaví a zápatí.

Přidání různých záhlaví a zápatí nebo čísel stránek na sudé a liché stránky

1. Klikněte dvakrát do oblasti záhlaví nebo zápatí (v blízkosti horního či dolního okraje

stránky). Zobrazí se karta Nástroje záhlaví a zápatí.

2. Ve skupině Možnosti na kartě Nástroje záhlaví a zápatí zaškrtněte políčko Různé liché

a sudé stránky.

3. Na některou lichou stránku přidejte záhlaví, zápatí nebo číslování stránek, které chcete

používat na lichých stránkách.

4. Na některou sudou stránku přidejte záhlaví, zápatí nebo číslo stránky, které chcete použí-

vat na sudých stránkách.

Odebrání čísel stránek, záhlaví a zápa tí

1. Klikněte dvakrát na záhlaví, zápatí nebo číslo stránky.

2. Vyberte záhlaví, zápatí nebo číslo stránky.

3. Stiskněte klávesu DELETE.

4. Opakujte kroky 1–3 v každém oddílu s rozdílným záhlavím, zápatím či číslem stránky.

Page 16: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

16

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Číslování stránek v různých částech odlišně

Můžete použít různé formáty číslování v různých částech dokumentu. Můžete například po-

žadovat, aby bylo v obsahu a úvodu použito číslování ve formátu i, ii, iii, ve zbývající části

dokumentu ve formátu 1, 2, 3 a v rejstříku žádné číslování stránek.

Klikněte na začátek stránky, kde má záhlaví, zápatí nebo číslování stránek začínat či končit,

případně být změněno.

1. Na kartě Rozložení stránky klikněte ve skupině Vzhled stránky na položku Konce.

2. V části Konce oddílů klikněte na položku Další stránka.

3. Na stránce, která následuje za koncem oddílu, poklepejte na položku v oblasti záhlaví nebo

zápatí oblasti (v horní části stránky nebo v dolní části stránky). Zobrazí se karta Návrh od-

dílu Nástroje záhlaví a zápatí.

4. Postupujte podle pokynů pro přidání čísla stránky nebo pro přidání záhlaví a zápatí s čís-

lem stránky.

5. Chcete-li zvolit formát číslování nebo počáteční číslo, klikněte ve skupině Záhlaví a zápa-

tí na tlačítko Číslo stránky, klikněte na položku Formát – číslování stránek, klikněte na

požadovaný formát, do číselníku Začít od zadejte číslo, které chcete použít, a potom klik-

něte na tlačítko OK.

6. Chcete-li se vrátit do dokumentu, klikněte na kartě Návrh (v oddílu Nástroje záhlaví a

zápatí) na tlačítko Zavřít záhlaví a zápatí.

1.5 Titulní stránka

V aplikaci Microsoft Word je k dispozici galerie praktických předem navržených titulních

stránek. Zvolte titulní stránku a nahraďte ukázkový text vlastním textem.

Titulní stránky jsou vloženy vždy na začátek dokumentu, bez ohledu na umístění kurzoru v

dokumentu.

1. Na kartě Vložení klikněte ve skupině Stránky na tlačítko Titulní strana.

2. Klikněte na rozložení titulní stránky z galerie možností.

3. Po vložení titulní stránky lze ukázkový text nahradit vlastním textem. Kliknutím vyberte

oblast titulní stránky, například nadpis, a zadejte požadovaný text.

Vložíte-li do dokumentu jinou titulní stránku, nahradí nová titulní stránka dříve vloženou

titulní stránku.

Chcete-li nahradit titulní stránku vytvořenou v dřívější verzi aplikace Word, je nutné ručně

odstranit původní titulní stránku a potom přidat titulní stránku s návrhem z galerie aplikace

Word.

Chcete-li odstranit titulní stránku vloženou v aplikaci Word, klikněte na kartu Vložení, klik-

něte na tlačítko Odebrat aktuální titulní stranu ve skupině Stránky.

Obr. 10 Karta Vložení, skupina Stránky

Page 17: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

17

M. Bršlica, V. Pištěková, Informační a komunikační technologie

1.6 Graf

V aplikaci Microsoft Word 2010 můžete přidávat mnoho druhů datových grafů, mezi které

patří sloupcové, spojnicové, výsečové, pruhové, plošné, bodové, burzovní, povrchové, prsten-

cové, bublinové a paprskové grafy.

Pokud v daném počítači není nainstalována aplikace Microsoft Excel 2010, nebudete moci

využívat pokročilé funkce pro datové grafy v systému Microsoft Office 2010. Místo toho se

při vytváření nového datového grafu v aplikaci Word 2010 spustí program Microsoft Graph.

Na kartě Vložení klikněte ve skupině Ilustrace na tlačítko Graf.

Obr. 11 Karta Vložení, skupina Ilustrace

V dialogovém okně Vložit graf projděte typy grafů kliknutím na šipky.

Vyberte požadovaný typ grafu a potom klikněte na tlačítko OK.

Obr. 12 Dialogové okno Vložit graf

Když umístíte ukazatel myši na některý typ grafu, zobrazí se popis s jeho názvem. Upravte

data v aplikaci Excel 2010. Po dokončení úprav dat můžete aplikaci Excel ukončit.

Obr. 13 Vzorová data na listu aplikace Excel

Přehled o tom, co můžete do daného grafu přidat nebo v něm změnit, získáte kliknutím na

karty Návrh, Rozložení a Formát pod nadpisem Nástroje grafu a prozkoumáním skupin a

možností nabízených na jednotlivých kartách.

Page 18: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

18

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Není-li nadpis Nástroje grafu zobrazen, aktivujte jej kliknutím kamkoli do oblasti grafu.

Obr. 14 Karta Nástroje grafu, Návrh

Obr. 15 Karta Nástroje grafu, Rozložení

Obr. 16 Karta Nástroje grafu, Formát

Informace o přizpůsobení vzhledu grafu naleznete v části EXCEL.

Funkce pro návrh, rozložení a formátování dostupné pro konkrétní prvky grafu (například osy

nebo legendu) můžete také zpřístupnit kliknutím pravým tlačítkem myši na daný prvek.

1.7 Poznámky pod čarou a vysvětlivky

Poznámka pod čarou nebo vysvětlivka se skládá ze dvou propojených částí — značky

odkazu na poznámku a odpovídající text poznámky.

1. Značky odkazu poznámky pod čarou a vysvětlivky

2. Oddělovací řádek

3. Text poznámek pod čarou

4. Text vysvětlivky

Vložení poznámky pod čarou nebo vysvětlivky

Word očísluje poznámky pod čarou a vysvětlivky automaticky.

Můžete použít jediný způsob číslování v celém dokumentu nebo můžete použít jiné schéma

číslování v jednotlivých sekcích dokumentu.

Příkazy pro vložení a editaci poznámek pod čarou a vysvětlivek najdete na kartě Reference

ve skupině Poznámky pod čarou.

1. Vložit poznámku pod čarou

2. Vložit vysvětlivku

3. Poznámky pod čarou a vysvětlivky dialogu Spouštěč

Page 19: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

19

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Pokud přidáte, odstraníte nebo přesunete

automaticky číslované poznámky, budou v

aplikaci Word přečíslovány značky odkazu

na poznámky pod čarou a vysvětlivky.

1. V zobrazení Rozložení při tisku klep-

něte na místo, kam chcete vložit odka-

zovou značku poznámky.

2. Na kartě Reference klikněte ve skupině Poznámky pod čarou na tlačítko Vložit po-

známku pod čarou nebo Vložit vysvětlivku.

Pokud chcete vložit další poznámky pod čarou, stiskněte kombinaci kláves CTRL +

ALT + F.

Pokud chcete vložit další vysvětlivku, stiskněte kombinaci kláves CTRL + ALT + D.

Výchozí umístění poznámek pod čarou je na konci každé stránky a vysvětlivek na konci do-

kumentu aplikace Word.

3. Klepněte na tlačítko Vložit.

4. Aplikace Word vloží číslo poznámky a umístí kurzor k tomuto číslu.

5. Zadejte text poznámky.

6. Poklepejte na číslo poznámky pod čarou nebo vysvětlivky k návratu ke značce v doku-

mentu.

7. Chcete-li změnit umístění či formát poznámek pod čarou nebo vysvětlivek, klepněte ve

skupině Poznámky pod čarou na spouštěč dialogového okna a proveďte jednu z následu-

jících akcí:

Chcete-li převést poznámky pod čarou na vysvětlivky a vysvětlivek na poznámky

pod čarou, podle umístění zvolte Poznámky pod čarou nebo Vysvětlivky a klepněte

na tlačítko převést. V dialogové okno Převést poznámky klepněte na tlačítko OK.

Chcete-li změnit formát číslování, klepněte na požadovaný formát v rozevíracím se-

znamu Formát číslování a klepněte na tlačítko použít.

Chcete-li použít vlastní značku namísto obvyklého formátu číslování, klepněte na

Symbol vedle vlastní značku a vyberte značku z dostupných symbolů. To se změní

existující symboly. Bude pouze přidat nové.

Vytvoření poznámky o pokračování poznámky pod čarou nebo vy-

světlivky

Pokud je poznámka pod čarou nebo vysvětlivka je příliš dlouhá, aby se vešla na stránku, mů-

žete vytvořit poznámku o pokračování, která čtenáře upozorní, že poznámka pod čarou nebo

vysvětlivka pokračuje na další stránce.

1. Ujistěte se, že jste v zobrazení konceptu na kartu Zobrazení a klepnutím na tlačítko ná-

vrh.

2. Na kartě Odkazy klikněte ve skupině Poznámky pod čarou na tlačítko Zobrazit po-

známky.

3. Jestliže dokument obsahuje poznámky pod čarou i vysvětlivky, zobrazí se zpráva. Klepně-

te na tlačítko Zobrazit oblast poznámky pod čarou nebo oblast vysvětlivek a potom

klepněte na tlačítko OK.

4. V seznamu podokna poznámek klepněte na tlačítko Poznámka o pokračování poznámky

pod čarou nebo Pokračování vysvětlivky.

Page 20: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

20

M. Bršlica, V. Pištěková, Informační a komunikační technologie

5. V podokně pro poznámky zadejte text, který chcete použít pro poznámku o pokračování.

Zadáte např. Vysvětlivky pokračují na další straně.

Odstranit poznámku pod čarou nebo vysvětlivku

Pokud chcete odstranit poznámku, odstraňte klávesou DELETE odkazovou značku v okně

dokumentu, nikoli text v poznámce.

Pokud odstraníte automaticky číslované poznámky, budou v aplikaci Word přečíslovány ná-

sledující poznámky.

1.8 Seznam tabulek, grafů, obrázků

Obrázky, tabulky, grafy apod. můžete automaticky popisovat a průběžně číslovat. Titulek se

skládá z popisku a pořadového čísla (např. Obr.1, Graf č.1). Z takto označených objektů mů-

žete vytvořit na konci dokumentu seznam.

1. Na kartě Reference ve skupině Titulky klepněte na tlačítko Vložit titulek.

Obr. 17 Karta Reference, skupina Tituky

2. V dialogovém okně Titulek vyberte druh titulku, popisek, formát číslování, umístění ti-

tulku.

Obr. 18 Titulek

3. Odstranění titulku provedete klepnutím na tlačítko Odstranit titulek v dialogovém okně

Titulek.

V dokumentu lze vytvořit seznam objektů, které jsou opatřeny titulky.

1. Kurzor musí být na místě dokumentu, kde chceme seznam umístit.

2. Na kartě Reference ve skupině Titulky klepněte na tlačítko Vložit seznam obrázků.

3. V dialogovém okně Seznam obrázků nastavíme požadované parametry.

4. V poli Popisek titulku vyberete titulek, pro který chcete seznam vypisovat.

5. Tlačítkem OK vygenerujete seznam objektů na určené místo.

Page 21: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

21

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 19 Seznam obrázků

1.9 Bibliografie

Bibliografie je seznam pramenů, které jste použili nebo citovali při vytváření daného doku-

mentu. Obvykle se nachází na konci dokumentu. V aplikaci Microsoft Word 2010 lze biblio-

grafii automaticky vygenerovat na základě informací o pramenech, které pro daný dokument

poskytnete.

Při vytvoření nového pramene jsou informace o daném prameni vždy uloženy do počítače,

aby bylo možné vyhledat a použít každý vytvořený pramen.

Můžete zvolit požadovaný bibliografický styl a přidat nové bibliografické styly.

Přidání nové citace a pramene do dokumentu

Při přidání nové citace do dokumentu vytvoříte rovněž nový pramen, který bude zobrazen v

bibliografii.

1. Na kartě Reference klikněte ve skupině Citace a biblio-

grafie na šipku vedle položky Styl.

2. Klikněte na styl, který chcete pro citaci a pramen použít.

3. Například pro citace a prameny v dokumentech z oblasti

sociálních věd je obvykle používán styl MLA nebo APA.

4. Klikněte na konec věty nebo slovního spojení, jež chcete

citovat.

5. Na kartě Reference klikněte ve skupině Citace a bibliografie na tlačítko Vložit citaci.

Chcete-li přidat informace o prameni, klikněte na možnost Přidat nový pramen.

Pokud chcete přidat zástupný text, aby bylo možné vytvořit citaci a vyplnit informace

o prameni později, klikněte na příkaz Přidat nový zástupný symbol. V okně Správce

pramenů je vedle zástupného pramene zobrazen otazník.

Obr. 20 Citace a bibliografie

Page 22: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

22

M. Bršlica, V. Pištěková, Informační a komunikační technologie

6. Začněte vyplňovat informace o prameni kliknutím na šipku rozevíracího seznamu Typ

pramene. Pramenem může být například kniha, referát nebo web.

7. Vyplňte bibliografické informace pro daný pramen.

8. Chcete-li přidat další informace o prameni, zaškrtněte políčko Zobrazit všechna biblio-

grafická pole.

Pokud zvolíte styl ISO 690 – číselná reference a citace se přesto nezobrazují postupně, je

nutné opět kliknout na styl ISO 690 a stisknout klávesu ENTER. Poté budou citace seřazeny

správně.

Vyhledání pramene

Seznam použitých nebo citovaných pramenů může narůst do značné délky. Někdy je možné

vyhledat pramen, který je citován v jiném dokumentu, pomocí příkazu Spravovat prameny.

Na kartě Odkazy klikněte ve skupině Citace a bibliografie na tlačítko Spravovat prameny.

Jestliže otevřete nový dokument, který ještě neobsahuje citace, budou všechny prameny, které

jste použili v předchozích dokumentech, zobrazeny v části Hlavní seznam.

Pokud otevřete dokument, který obsahuje citace, budou prameny těchto citací zobrazeny v

části Aktuální seznam. Všechny citované prameny (v předchozích dokumentech nebo v ak-

tuálním dokumentu) budou zobrazeny v části Hlavní seznam.

Chcete-li vyhledat konkrétní pramen, proveďte jednu z následujících akcí:

1. V poli pro řazení proveďte seřazení podle autora, názvu, názvu značky citace nebo roku.

Potom ve výsledném seznamu vyhledejte požadovaný pramen.

2. Do pole Hledat zadejte název nebo autora hledaného pramene. Seznam se dynamicky

zkrátí tak, aby jeho položky odpovídaly hledanému termínu.

Chcete-li vybrat jiný hlavní seznam, z něhož je možné do dokumentu importovat nové pra-

meny, klikněte v okně Správce pramenů na tlačítko Procházet. Můžete například použít

soubor umístěný na sdíleném serveru, v počítači či na serveru spolupracovníka nebo na webu

univerzity či výzkumné instituce.

Vytvoření bibliografie

Bibliografii lze vytvořit kdykoli po vložení jednoho nebo několika pramenů do dokumentu.

Pokud nemáte všechny informace o prameni, které jsou nutné k vytvoření úplné citace, může-

te použít zástupnou citaci a doplnit informace o prameni později.

1. Klikněte na místo, kam chcete vložit bibliografii (obvykle na konec dokumentu).

2. Na kartě Odkazy klikněte ve skupině Citace a bibliografie na tlačítko Bibliografie.

3. Kliknutím na předem navržený formát bibliografie vložte bibliografii do dokumentu.

1.10 Obsah

Obsah lze vytvořit pomocí použití stylů nadpisů (například Nadpis 1, Nadpis 2 a Nadpis 3) u

textu, který chcete do obsahu zahrnout. Aplikace Microsoft Word vyhledá příslušné nadpisy a

potom vloží obsah do dokumentu.

Pokud obsah vytvoříte tímto způsobem, můžete jej při provádění změn v dokumentu automa-

ticky aktualizovat.

Aplikace Microsoft Word 2010 obsahuje galerii automatických stylů obsahu. Označte polož-

Page 23: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

23

M. Bršlica, V. Pištěková, Informační a komunikační technologie

ky obsahu a v galerii klikněte na styl obsahu s požadovanými možnostmi.

Pomocí dialogového okna Obsah je také možné vytvořit vlastní obsah se zvolenými mož-

nostmi a libovolnými vlastními styly, které jste použili.

Označení položek obsahu

Nejjednodušší způsob, jak vytvořit obsah, představuje použití předdefinovaných stylů nadpi-

sů. Pokud jste již pro nadpisy použili vlastní styly, vyberte, které se mají k sestavení obsahu

použít, případně přiřaďte úroveň obsahu vybraným částem textu.

Označení položek obsahu pomocí předdefinovaných stylů nadpisů

Vyberte text, který chcete zobrazit v obsahu.

Na kartě Domů klikněte ve skupině Styly na požadovaný styl.

Obr. 21 Karta Domů, skupina Styly

Pokud jste například vybrali text, pro který chcete použít styl hlavního nadpisu, klikněte v

galerii rychlých stylů na styl Nadpis 1.

Pokud není požadovaný styl zobrazen, můžete kliknutím na šipku galerii rychlých stylů roz-

balit.

Jestliže se požadovaný styl nenachází v galerii rychlých stylů, stiskněte kombinaci kláves

CTRL+SHIFT+S a otevřete podokno úloh Použít styly. V části Název stylu klikněte na po-

žadovaný styl.

Vytvoření obsahu z galerie

Jestliže jste označili položky, pokračujte sestavením obsahu.

Kliknutím označte místo, kam chcete umístit obsah (obvykle na začátek dokumentu).

Na kartě Reference klikněte ve skupině Obsah na tlačítko Obsah a potom klikněte na poža-

dovaný styl obsahu.

Pokud chcete zadat další možnosti, například počet zobrazených úrovní nadpisů, klikněte

na položku Vložit obsah. Otevře se dialogové okno Obsah. Další informace o různých mož-

nostech získáte v části Formátování obsahu.

Vytvoření vlastního obsahu

Na kartě Odkazy klikněte ve skupině Obsah na tlačítko Obsah a potom na příkaz Vložit

obsah.

Obr. 22 Karta Reference, skupina Obsah

Page 24: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

24

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 23 Dialogové okno Obsah

V dialogovém okně Obsah proveďte některou z následujících akcí:

1. Pokud chcete změnit počet úrovní nadpisů zobrazených v obsahu, zadejte požadovanou

hodnotu do pole vedle možnosti Zobrazit úrovně ve skupinovém rámečku Obecné.

2. Pokud chcete změnit celkový vzhled obsahu, klikněte na jiný formát v seznamu Formá-

ty. Vzhled vybraného formátu se zobrazí v oblastech Náhled a Náhled webové stránky.

3. Pokud chcete změnit typ čáry, která se zobrazí mezi textem položky a číslem stránky,

klikněte na některou možnost v seznamu Vodicí znak.

4. Pokud chcete změnit způsob zobrazení úrovní nadpisů v obsahu, klikněte na tlačítko

Změnit. V dialogovém okně Styl klikněte na úroveň, kterou chcete změnit, a potom

klikněte na tlačítko Změnit. V dialogovém okně Změnit styl můžete změnit písmo, ve-

likost a odsazení.

5. Jestliže chcete v obsahu použít vlastní styly, klikněte na tlačítko Možnosti a proveďte

následující kroky:

V seznamu Styly k dispozici najděte styl, který jste v dokumentu použili na nadpisy.

Do pole Úroveň obsahu vpravo od názvu stylu zadejte číslo od jedné do devíti, kte-

ré označuje úroveň příslušného stylu mezi nadpisy.

Pokud chcete použít pouze vlastní styly, odstraňte čísla úrovní obsahu u předdefino-

vaných stylů jako je Nadpis 1.

6. Opakujte kroky 1 a 2 pro každý styl nadpisu, který chcete zahrnout do obsahu.

7. Klikněte na tlačítko OK.

8. Vyberte obsah, který bude odpovídat typu dokumentu:

Tištěný dokument: Připravujete-li tištěný dokument, vytvořte obsah, ve kterém je

u každé položky uvedený nadpis a číslo stránky, kde se nadpis nachází, což umožňu-

je uživatelům přejít na požadovanou stránku.

Online dokument: Pokud chcete vytvořit online dokument, který budou uživatelé

Page 25: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

25

M. Bršlica, V. Pištěková, Informační a komunikační technologie

prohlížet v aplikaci Word, můžete položky nadpisu naformátovat jako hypertextové

odkazy. Čtenáři se dostanou k příslušnému nadpisu kliknutím na položku obsahu.

Aktualizace obsahu

Jestliže jste v dokumentu přidali nebo odebrali nadpisy nebo položky obsahu, můžete obsah

rychle aktualizovat.

1. Na kartě Reference klikněte ve skupině Obsah na tlačítko Aktualizovat tabulku.

2. Klikněte na přepínač Pouze čísla stránek nebo Celá tabulka.

Odstranění obsahu

1. Na kartě Odkazy klikněte ve skupině Obsah na tlačítko Obsah.

2. Klikněte na příkaz Odebrat obsah.

1.11 Rejstřík

V dokumentu lze vytvořit rejstřík. Nejprve musíte označit slova, která chcete mít v rejstříku.

Ve druhém kroku vygenerujete na určené místo v dokumentu rejstřík.

Při ručním označení musíte projít celý dokument.

Vybraná slova označíte následujícím způsobem:

1. Vyberte slova nebo slovo, které má být v rejstříku.

2. Na kartě Reference skupině Rejstřík klepneme na tlačítko Označit položku.

Obr. 24 Karta Reference, skupina Rejstík

3. V dialogovém okně Označit položku rejstříku stiskněte tlačítko Označit. Stisknete-li

tlačítko Označit vše, označí se všechny výskyty slova v dokumentu.

4. Dialogové okno zůstává otevřeno a můžeme vybrat další slovo pro označení.

5. Do pole Hlavní položka můžete vybrané slovo přenést klepnutím, do pole Vedlejší po-

ložka musíte slovo zapsat.

6. Zadávání slov ukončíte tlačítkem Storno.

Obr. 25 Označení položek rejstříku

Page 26: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

26

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Z označených položek vygenerujete rejstřík takto:

1. Kurzor přesunete na místo, kde by měl být rejstřík vygenerován.

2. Na kartě Reference skupině Rejstřík klepneme na tlačítko Vložit rejstřík.

3. V dialogovém okně Rejstřík vyberete požadovaný formát.

4. Tlačítkem OK vygenerujete rejstřík.

Obr. 26 Dialogové okno Rejstřík

1.12 Hromadná korespondence

Hromadnou korespondenci využijete při práci na dokumentu, který chcete využít několikrát

se změnou některých dat, např. pozvánky, vizitky, adresy na obálky, štítky atd.

Propojují se zde dva soubory – hlavní dokument hromadné korespondence a databáze, slou-

čením obou vzniká nový dokument.

Příkazy hromadné korespondence najdete na kartě Korespondence.

Obr. 27 Karta Korespondence

Rozbalením příkazu Spustit hromadnou korespondenci vyberte Podrobný průvodce hro-

madnou korespondencí. Zvolte typ dokumentu.

Page 27: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

27

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 28 Průvodce hromadnou korespondencí

Pokud vyberete obálky nebo štítky, nastavte pomocí příkazu Možnosti pro obálky nebo Mož-

nosti štítku jejich formát.

Obr. 29 Možnosti pro obálky

Page 28: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

28

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 30 Možnosti štítku

V dalším kroku vyberte zdroj dat pro hromadnou korespondenci.

Obr. 31 Výběr příjemce

Můžete vybrat seznam, který je již vytvořený ve Wordu, Excelu či Accesu. Je nutné, aby ta-

bulka obsahovala v prvním řádku názvy polí. Příkazem Procházet vyberte složku, ve které

jsou data uložena.

Vybraný seznam můžete příkazem Upravit seznam příjemců upravit podle aktuální potřeby.

Seznam lze řadit, filtrovat, vybírat potřebná data, odstranit nepotřebné položky.

Page 29: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

29

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 32 Dialogové okno pro úpravy seznamu příjemců

Pokud nemáte zdroj dat připravený, vytvoříte jej příkazem Zadat nový seznam, volbou

. Otevřete dialogové okno Nový seznam adres, kde můžeme tlačítkem Vlastní

nastavení sloupců upravit názvy polí, se kterými budete pracovat.

Dále zadejte jednotlivé položky seznamu.

Obr. 33 Dialogové okno Nový seznam adres

Následujícím krokem je vložení slučovacích polí do dokumentu.

1. Klepněte v dokumentu na místo, kde by mělo být pole umístěno.

2. Klepněte na příkaz Další položky.

Page 30: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

30

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 34 Hromadná korespondence – krok 4

3. Ze seznamu polí vyberte požadované slučovací pole.

Obr. 35 Hromadná korespondence – slučovací pole

4. Dalším krokem zobrazíte náhled dopisů (příp. obálek, štítků…). Klepnutím na tlačítka

můžete prohlížet jednotlivé položky dat. Můžete také změnit nebo

upravit seznam příjemců.

Page 31: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

31

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 36 Hromadná korespondence – krok 5

5. Posledním krokem sloučíte oba soubory (hlavní dokument hromadné korespondence a

zdroj dat) do jednoho dokumentu příkazem Upravit jednotlivé dopisy, případně je mů-

žete rovnou tisknout příkazem Tisk.

Obr. 37 Hromadná korespondence – krok 6

Všechny kroky, které jste udělali pomocí Podrobného průvodce hromadnou koresponden-

cí můžete provést s využitím příkazů na kartě Korespondence (viz obr. 29).

1.13 Formuláře

Formuláře jsou dokumenty, do kterých můžete vložit ovládací pole (např. dotazníky, hlášení,

formuláře apod.). Ostatní uživatelé pak mohou v dokumentu upravit pouze tato ovládací pole

a do ostatních částí dokumentu nemohou zasahovat. Formuláře pak můžete vytisknout, roze-

slat mailem jako šablony, uložit na web apod.

Page 32: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

32

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Potřebné příkazy pro vytváření formulářů najdete na kartě Vývojář.

Obr. 38 Karta Vývojář

Klepněte na místo v dokumentu, kde chcete prvek vložit. Ve formuláři můžete využít tyto

ovládací prvky:

1. text ve formátu RTF – vepíšete libovolný text, který lze formátovat,

2. prostý text – lze povolit vložení více odstavců textu, text nelze formátovat,

3. obrázek – vložíte libovolný obrázek např. pasové foto, foto domu…,

4. galerii stavebních bloků – automatický text, rovnice, tabulka…,

5. pole se seznamem – obsahuje seznam, který lze upravit,

6. rozevírací seznam – obsahuje daný seznam určený autorem formuláře,

7. datum – datum z kalendáře,

8. zaškrtávací políčko – zaškrtne nebo odškrtne pole,

9. nástroje starší verze.

Dokument musí být uzamčen, respondent se pak dostane pouze k úpravám ovládacích prvků.

V kartě Vývojář, skupině Zámek klepněte na příkaz Omezit úpravy.

V dialogovém okně Omezit formátování a úpravy vybereme Omezení úprav – Vyplňovací

formuláře.

Obr. 39 Zámek dokumentu

Chcete-li větší zabezpečení formuláře, přidejte heslo.

Page 33: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

33

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 40 Heslo zámku

Nyní je dokument připraven, není ho možné měnit jinak, než vyplňováním ovládacích prvků.

Page 34: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

34

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2 TABULKOVÝ PROCESOR - EXCEL

2.1 Úvod do programu

Microsoft Excel je tabulkový procesor, sloužící především k úpravě tabulek a grafů. Samozře-

jmě má spoustu dalších funkcí a nástrojů. Je součástí kancelářského balíku Microsoft Office.

Soubor vytvořený v Excelu se nazývá sešit a má příponu *.xlsx. Každý sešit se skládá z listů.

Základním prvkem listu je buňka.

Existuje několik verzí balíku Microsoft Office. V současnosti se začíná používat nejnovější

verze pod názvem Microsoft Office 2010, která obsahuje Excel 2010. V případě odkazování

na další programy z balíku Microsoft Office, bude opět odkazováno na stejný balík a to tedy

Microsoft Office 2010. Jednotlivé verze se od sebe příliš nelišily, tedy vzhledově. Až do ver-

ze MS Office 2007, která je přelomová a vzhledově naprosto odlišná od verzí předchozích.

Verze MS Office 2010 na ni navazuje a na první pohled se liší jen nepatrně.

Na začátku jsme si řekli, že Excel má mnoho užitečných funkcí. Je pravdou, že možností

využití tohoto programu jsou velice široké. Firmy a společnosti využívají program jako data-

báze, jako program pro tvorbu různých formulářů, dále pak jako nástroj pro výpočet mezd a

v neposlední řadě jako mocný ukazatel výkonnosti či jiných důležitých údajů, prezentovaných

v grafické podobě. Excel má skutečně celou řadu možností využití. Mnoho uživatelů se ho

stále obává, a to zcela zbytečně. Již základní znalosti nám umožní zvýšit efektivitu práce a

zároveň snížit pracnost. Pro účely statistického zpracování dat, se tento jeví jako nepostrada-

telný pomocník. V několika příštích kapitolách si některé možnosti tohoto programu ukážeme

a zároveň si objasníme možnosti využití. Mějte prosím na paměti, že tato skripta slouží jen

pro základní orientaci a je vhodné je používat společně se spuštěným programem tak, abyste

uvedené učivo mohli okamžitě vyzkoušet, a tak došlo k okamžité interakci. Další informace o

programu můžete najít v nápovědě (vhodné zejména pro zápis a použití funkcí), případně

v dalších publikacích, na různých webových stránkách nebo pomocí interakce s jinými uživa-

teli na internetu.

Na následujících dvou obrázcích můžete sami porovnat rozdíly ve vzhledu mezi Excelem

2010 (na prvním obrázku) a Excelem 2003 (na druhém obrázku).

Page 35: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

35

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2.2 Základy práce v Excelu

Na začátku této kapitoly si uvedeme několik základních pojmů, se kterými se v průběhu pou-

žívání programu budeme setkávat. Seznam není vyčerpávající a další pojmy si osvojíme

Obr. 41 Microsoft Office 2010

Obr. 42 Microsoft Office 2003

Page 36: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

36

M. Bršlica, V. Pištěková, Informační a komunikační technologie

v průběhu jednotlivých kapitol.

Základní pojmy

Excel – tabulkový procesor od firmy Microsoft

Sešit – soubor vytvořený v tabulkovém procesoru

List – část sešitu obsahující buňky

Buňka – nejmenší prvek listu, do něhož vkládáme data; každá buňka má své označení

Aktuální buňka – buňka, ve které se právě nacházíme – je tučně ohraničená

Blok – větší množství buněk

Řádek vzorců – zde zapisujeme vzorce nebo data

Ovládání programu Excel

Ovládání programu je velice intuitivní a podobné jako v mnoha dalších programech. Pro po-

hyb slouží zejména myš, ale je možnost využít i klávesnici, zejména pohybové klávesy. Po-

hybovat se můžeme mezi jednotlivými buňkami, mezi jednotlivými částmi listu a také mezi

jednotlivými listy.

Klávesy pro pohyb v listu:

←, → - o jednu buňku doleva, doprava

↑,↓ - o jednu buňku nahoru, dolů

Page Up - o jednu obrazovku nahoru

Page Down - o jednu obrazovku dolů

Home - do sloupce A v aktuálním řádku

Ctrl+Home - do buňky A1

Ctrl+End - do poslední buňky listu obsahující data

Enter - ukončí zapisování v buňce a posune o jednu buňku dolů

Vkládání popisků a hodnot

Excel umožňuje vkládat do buněk tři základní typy položek:

Popisky

Hodnoty

Vzorce

Popisek je text v buňce, jehož pomocí je možno identifikovat obsah buněk v listu. Hodnota je

číslo, které vkládáme do buňky. Excel tyto hodnoty na rozdíl od popisků zahrnuje do kalkula-

cí. Vzorce se nám zobrazují při otevření buňky, případně je můžeme vidět v řádku vzorců.

Obr. 43 Hodnota buňky a řádek vzorců

Výběr souvislé oblasti

1. Klikneme na první buňku, která má být zahrnuta v oblasti.

Řádek vzorců

Hodnota buňky

Page 37: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

37

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2. Táhneme myší do poslední buňky, která má být v oblasti.

Výběr nesousedních buněk do oblasti

1. První část vybereme jakou souvislou oblast.

2. Stiskneme a držíme klávesu Ctrl, klikneme na další buňku nebo označíme další oblast.

Úprava a vymazání obsahu buňky

1. Poklepeme na buňku, kterou chceme upravit. Objeví se nám kurzor v buňce.

2. Provedeme úpravu podle potřeby.

Pokud chceme smazat celý obsah buňky nebo označeného bloku, klikneme do buňky nebo

označíme blok a stiskneme klávesu Delete.

Kopírování, vkládání a přemísťování

Kopírování dat pomocí schránky Windows

Provádíme pomocí zkratek Ctrl+C (pro přesunutí Ctrl+X) a Ctrl+V nebo po stisknutí pravé-

ho tlačítka myši a výběrem Kopírovat (Vyjmout přesunutí) a Vložit.

Kopírování dat pomocí přetažení

1. Vybereme buňku nebo oblast buněk, kterou chceme přesunout (zkopírovat).

2. Najedeme myší na hranu vybrané buňky nebo oblasti (kurzor se změní na křížek s šipka-

mi).

3. Stiskneme a držíme tlačítko myši pro kopírování, navíc zmáčkneme klávesu Ctrl.

4. Přetáhneme výběr na nové místo a uvolníme tlačítko myši a Ctrl.

Relativní a absolutní adresa

Relativní odkazy na buňky

Názvy buněk ve vzorcích se mění, když je zkopírujeme do jiného místa. Pokud vložíme nebo

přetáhneme vzorec do nového místa, odkazy na buňky ve vzorci se automaticky přizpůsobí ve

vztahu k jejich novému umístění a kalkulují se stejným vzorcem, ale s informacemi nových

buněk. V podstatě se dá říci, že u relativní adresace je popsána cesta k buňce, tedy kolik kro-

ků doleva (doprava) a nahoru (dolů) je daná buňka, na kterou odkazujeme. Při kopírování

nebo přesouvání zůstává zachována původní cesta.

Obr. 44 Relativní adresace

Page 38: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

38

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Použití absolutních adresací na buňky

Pokud chceme, aby vzorec přesně odkazoval na jednotlivé buňky, dokonce i když kopírujeme

nebo přemísťujeme vzorec na jiné místo listu, musíme použít absolutní adresaci na buňku.

Pro absolutní adresaci využíváme takzvané „dolarování“, to znamená, že před adresu buňky

vložíme symbol dolaru (a to jak před sloupec, tak před řádek). Vložení dolaru před pozici

sloupce „uzamkne“ sloupec, před pozici řádku „uzamkne“ řádek. Pokud chceme odkazovat

na konkrétní buňku, vložíme symbol dolaru před sloupec i před řádek. Tímto jasně vymezíme

konkrétní buňku. Pro vkládání symbolu dolaru můžeme použít klasického psaní symbolu

(pomocí anglické klávesnice nebo vložením symbolu), ale existuje i jiné daleko elegantnější

řešení, a to opakovaným stiskem klávesy F4, je-li kurzor v konkrétním odkazu na buňku. Při

opakovaném stisknutí se mění „uzamknutí“ nejdříve na řádek a sloupec, pak pouze na řádek,

následně pouze na sloupec a při čtvrtém stisknutí „uzamknutí“ se zruší úplně.

Zadávání popisků ve formě textu

1. Klikneme do buňky, do které chceme vepsat popisek ve formě textu.

2. Napíšeme popisek. Popisek může obsahovat velká a malá písmena, mezery, interpunkční

znaménka a čísla.

3. Stiskem Enter potvrdíme.

Dlouhé popisky se mohou objevit zkráceně. Pokud napíšeme popisek, který je delší než buň-

ka, přebývající text se přelije do pravé sousední buňky, pokud tato buňka je prázdná. Pokud

druhá buňka popisek obsahuje, zobrazí se pouze část popisku. V řádku vzorců si můžeme

zobrazit celý dlouhý popisek buňky.

Zadávání hodnot do buněk

1. Můžeme zadávat hodnoty, jako jsou celá nebo desetinná čísla, procenta, datum.

2. Excel automaticky rozeznává tyto položky (datum – tečky, čas – dvojtečky).

3. Pokud chceme změnit formát, např. data nebo času, klikneme pravým tlačítkem myši na

buňku, kde se tento údaj nachází. Z nabídky vybereme Formát buněk. V okně Formát buněk

si vybereme typ formátu, který nám vyhovuje.

Automatické vyplňování dat

Pozice kurzo-

ru při použití

tlačítka F4

Obr. 45 Absolutní adresace

Page 39: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

39

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Opakující se data

1. Najedeme kurzorem do pravého dolní-

ho rohu vybrané buňky. Kurzor se změní

na úchyt (černé znaménko plus).

2. Táhneme úchytem přes řadu, ve které

se má hodnota opakovat.

Kompletní série dat

1. Najedeme kurzorem do pravého dolní-

ho rohu vybrané buňky. Kurzor se změní

na úchyt (černé znaménko plus).

2. Další rozšířené nastavení můžeme

provést, když za úchyt táhneme pravým

tlačítkem myši. Zobrazí se dialogové

okno, ve kterém upřesníme svůj požada-

vek.

Práce s řádky a sloupci

Výběr sloupce nebo řádku

Klikneme na tlačítko záhlaví sloupce nebo řádku,

který chceme vybrat.

Vkládání sloupce nebo řádku

Na kartě Domů v sekci Buňky zvolíme Vložit….

Odstranění sloupce nebo řádku

Na kartě Domů v sekci Buňky zvolíme Odstra-

nit…..

Skrytí sloupce nebo řádku

Na kartě Domů v sekci Buňky zvolíme Formát –

Skrýt a zobrazit.

Úprava šířky sloupce a výšky řádku

Na kartě Domů v sekci Buňky zvolíme Formát –

Šířka sloupce (Výška řádku)

Vkládání, odstraňování, nastavení rozměrů i skrytí

lze taky jednoduše provádět pomocí pravého tlačít-

ka myši.

Obr. 46 Kompletní série dat

Obr. 47 Buňky - Formát

Page 40: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

40

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Ukotvení sloupce nebo

řádku

S rozsáhlými a dlouhými ta-

bulkami je mnohdy obtížné

pracovat. Při posunu o několik

řádků dolů už ztratíme názvy

sloupců, které jsou ve vrchní

části tabulky. Místo nekoneč-

ného posouvání nahoru a dolů

můžeme tyto sloupce a řádky

ukotvit následujícím způso-

bem:

1. Vybereme sloupec vpravo od sloupců, které chceme ukotvit nebo vybereme řádek pod

řádky, které mají být ukotveny. Pro ukotvení obojího klikneme na buňku vpravo od sloupce a

pod řádkem, který má být ukotven.

2. Na kartě Zobrazení v sekci Okno vybereme Ukotvit příčky

2.3 Tabulky a jejich úprava

Tabulky jsou s Excelem neodmyslitelně spjaty, podle nich se tento typ programů nazývá ta-

bulkový procesor. Jejich úpravě je tudíž věnována náležitá pozornost. Základem každé tabul-

ky je buňka a jednotlivé buňky se poté řadí do sloupců a řádků. Některé vlastnosti a základy

práce s buňkami jsme si již objasnili, v této kapitole je dále rozvineme právě s ohledem na

tabulky.

Formátování textu a čísel

Formátování textu a čísel provádíme podobně jako ve Wordu. Využíváme nejčastěji tlačítka,

na kartě Domů, v sekcích Písmo, Zarovnání, Číslo, Styly a Buňky.

Jiná možnost nastavení je pomocí pravého

tlačítka myši a výběru Formát buněk, v tomto

jsou obsaženy stejné možnosti jako v pásu ka-

ret.

Změna písma

Na kartě Domů, v sekci Písmo, lze měnit veli-

kost, styl, barvu i typ písma, dále pak barvu

výplně nebo změnit formát písma (kurziva,

tučné, podtržené), popř. nastavit ohraničení.

Ohraničení buněk

Buňky v Excelu nejsou ohraničené. Dobře to můžeme vidět, když si zobrazíme náhled před

tiskem: Soubor – Tisk. Ohraničení buněk aplikujeme na vybrané (označené) buňky. Jednodu-

chého ohraničení dosáhneme pomocí tlačítka Ohraničení na kartě Domů, v sekci Písmo.

Přesnější nastavení ohraničení provádíme přes pravé tlačítko Formát buněk v kartě Ohrani-

čení. Zde můžeme nastavit ohraničení vnější i vnitřní, zvolit styl a barvu čáry.

Obr. 48 Ukotvení příčky

Obr. 49 Změna písma

Page 41: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

41

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Přidání barvy a vzorků do buněk

Barvy a vzorky

buněk upravíme

přes pravé tlačítko

Formát buněk v

kartě Vzorky.

Vzorky jsou myšle-

ny jako různé mož-

nosti šrafování.

Barvu pozadí buň-

ky nastavíme i na

kartě Domů,

v sekci Písmo, tla-

čítkem Barva výpl-

ně.

Změna zarovnání

Na kartě Domů, v sekci Zarovnání, lze nastavit zarovnání (oproti Wordu je zde možnost

zarovnání jak horizontálně, tak i vertikálně). Dále pak je zde možnost sloučení (rozdělení)

buněk (označíme buňky, které chceme sloučit a klikneme na Sloučit a zarovnat na střed),

zalamování textu v buňkách a také orientace textu (při psaní je orientace zleva doprava a mě-

ní se až po ukončení editace).

Kopírování formátu buňky

Provádíme pomocí tlačítka Kopírovat formát na kartě Domů

v sekci Schránka. Toto se provádí tak, že označíme nejprve buňku

(nebo oblast buněk), poté klikneme na Kopírovat formát (vedle

kurzoru se objeví symbol štětce) a následně vybereme oblast, kam

chceme formát zkopírovat.

Vkládání dalších objektů a úprava grafiky

Vzhled tabulek můžeme oživit pomocí barevné grafiky. Při efektivním použití grafiky vypa-

dají sešity živěji a profesionálněji. Mezi základní druhy grafických funkcí Microsoft Office

patří:

Obr. 50 Ohraničení

Obr. 51 Další možnosti karty Domů

Obr. 52 Kopírování for-

mátu

Page 42: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

42

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Klipart

SmartArt

Obrazce

Obrázek

Snímek

obrazov-

ky

Všechny tyto prvky se do listů Excelu vkládají z karty Vložení v sekci Ilustrace. Další úprava

těchto prvků se provádí přes dialogové okno, které vyvoláme kliknutím na tento prvek pra-

vým tlačítkem myši. V aplikaci Excel 2010 je nejzajímavější právě možnost Snímek obra-

zovky, ostatní možnosti jsou známé již z minulých verzí.

Snímek obrazovky nám umožní sejmout celou obrazovku, případně její část. Dříve se toto

provádělo pomocí funkce PrintScreen a úpravou v některém grafickém programu. Této mož-

nosti využijeme zejména při vkládání sejmutých obrázků z běhu některého z programů. Na-

příklad vložení výřezu z programu Excel.

Do listů můžeme také vkládat:

Textové pole, Hypertextový odkaz, Symbol, Rovnice, WordArt a další objekty.

2.4 Tvorba a úprava grafů

Vytváření grafů

Graf nám umožní přehledně vyjádřit co se z mnohdy nepřehledných a dlouhých tabulek dá

vyčíst jen velmi nesnadně nebo vůbec. Například při opakovaných měřeních z tabulky těžko

odhadneme trend, ale v grafu nám mohou být na první pohled patrné věci jako opakování,

případný růst nebo pokles. Grafy tvoříme nejčastěji již z hotových tabulek. Můžeme je po

jejich vytvoření kdykoliv upravovat a editovat. Při změně hodnot v tabulce se nám přizpůsobí

i graf. Grafy můžeme vybírat z různých typů. Každý z těchto typů vykládá data trochu jiným

způsobem. Když vytváříme graf, je třeba zhodnotit, jestli je typ grafu vhodný pro určitá data a

jestli výběr formátování objasňuje nebo zastiňuje informace.

Typy grafů

Sloupcový

Pruhový

Spojnicový

Výsečový

Bodový

Plošný

Obr. 53 Další objekty, 1. část

Obr. 54 Další objekty, 2.část

Obr. 55 Grafy

Page 43: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

43

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Další (Prstencový, Paprskový, Povrchový, Bublinový, Burzovní)

Terminologie grafu

Název grafu

Mřížky

Legenda

Popisky dat

Řada dat

Osa x a y

Ukazatel dat

Vytvoření grafu

Graf tvoříme nejčastěji z hotové tabulky pomocí Průvodce grafem.

1. Vyberte data, která chcete znázornit v grafu.

2. Na kartě Vložení klikněte ve skupině Grafy na typ grafu, který chcete použít, a poté

klikněte na podtyp grafu.

3. Pomocí Nástrojů grafu můžete graf opatřit prvky, jako jsou názvy a popisky dat a

změnit jeho návrh, rozložení či formát.

4. Pozdější zpřístupnění Nástroje grafu provedeme kliknutím na graf.

Co vše lze upravit v nabídce Nástroje grafu

Oproti předchozím verzím nám zde přibylo mnoho možností nastavení. Nástroje grafu obsa-

hují tři karty, a to Návrh, Rozložení a Formát.

Karta Návrh obsahuje:

Změna typu grafu

Záměna řádků za sloupce

Vybrat data

Rozložení grafu (možnost výběru předem nadefinovaného rozložení)

Styly grafů (výběr z několika nadefinovaných stylů)

Karta Rozložení obsahuje:

Aktuální výběr (výběr toho co se bude nastavovat)

Vložit (možnost vložení Obrázku, Obrazců nebo Textového pole)

Popisky

Osy

Pozadí

Analýza (zde je možné využít několika analýz podle druhu grafu)

Vlastnosti (nastavuje se zde jméno grafu)

Obr. 56 Grafy

Obr. 58 Karta Návrh

Obr. 57 Část karty Rozložení

Page 44: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

44

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Karta Formát obsahuje:

Aktuální výběr (výběr toho co se bude nastavo-

vat)

Styly obrazců (výplň, obrys a efekty obrazce)

Styly WordArt (nastavení barev, obrysů a efektů

textu)

Uspořádat

Velikost (jednotlivých obrazců)

Další možností, jak upravit graf, je použití pravého tlačít-

ka a vybrat z nabídky vhodné řešení (změnit typ grafu,

vybrat data, formát zobrazované oblasti). V tomto případě

je však výběr méně přehledný a nejsou zde obsaženy

všechny možnosti z Nástrojů grafu.

2.5 Práce se vzorci

Zadání vzorce

1. Klikneme na buňku, do které chceme vzorec

zadat.

2. Napíšeme = (rovná se).

3. Zadáme argumenty a operátory, případně funk-

ci.

4. Stiskneme tlačítko Enter.

Nezapomeňme, že se nám v buňce objeví výsledek

a vzorec pak můžeme upravovat buď přímo v buňce při stisku klávesy F2, případně stačí

dvakrát kliknout na buňku nebo v řádku vzorců, kde je zobrazený vzorec při přechodu na

buňku.

Kopírování vzorce pomocí Automatického vyplňo-

vání

1. Vybereme buňku obsahující vzorec, který chceme

kopírovat.

2. Najedeme kurzorem na pravý dolní roh vybrané

buňky (objeví se tlustý černý kříž).

3. Táhneme myší dolů (doprava), dokud nejsou vy-

brány všechny buňky, které chceme do vzorce

vložit. V Excelu 2010 se nám zobrazí po ukončení

této činnosti Možnosti automatického vyplnění,

kde nalezneme několik možností (viz obrázek).

Obr. 60 Část karty Formát

Obr. 59 Další možnosti úprav grafů

Obr. 62 Řádek vzorců a výsledek

Obr. 61 Možnosti automatického

vyplnění

Page 45: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

45

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Oblast buněk ve vzorci

Pro urychlení práce s větším množstvím dat se využívá

práce s oblastí buněk. U oblasti buněk je třeba určit

její začátek a konec. Oblast buněk se vždy zapisuje do

závorek a mezi začátkem a koncem se vkládá dvoj-

tečka.

Ve vzorcích se používají následující znaky matema-

tických operátorů:

pro operaci mínus je operátor –

pro operaci plus je operátor +

pro operaci krát je operátor *

pro operaci děleno je operátor /

a pro operaci mocnění je operátor ^ (pro odmocninu operátor není a využívá se zápisu

s mocninou). V Excelu samozřejmě platí veškeré zásady matematiky a pro výpočty lze pou-

žít i závorky.

2.6 Základní funkce

V této kapitole se seznámíme s tím, jak Excel pracuje s funkcemi, podíváme se na jejich děle-

ní a pro nejdůležitější funkce si ukážeme i možnost zápisu.

Co to vlastně jsou funkce? K čemu nám mohou být dobré? Odpověď na první i druhou otázku

můžeme najít v různých matematických učebnicích. Pro naši potřebu bude stačit, že funkce

nám usnadní některé výpočty, a že s jejich pomocí lze zkrátit zápis dlouhého vzorce na jednu

jedinou funkci. Toto tvrzení si

můžeme dokázat na funkci Suma

(funkce pro sečtení oblastí buněk).

Na kartě Domů má své tlačítko

v sekci Úpravy). Na následujícím

obrázku je vidět, jak nám funkce

Suma ušetří spoustu času. Pro

více buněk by tento rozdíl v délce

zápisu byl ještě markantnější.

Všechny funkce můžeme nalézt na

kartě Vzorce v sekci Knihovní

funkce. Je zde možnost vložit funkci. Dále pak Automatické shrnutí, které obsahuje několik

základních funkcí jako Suma, Počty, Průměr, Maximum a Minimum. V další části jsou uve-

deny naposled použité funkce a dále pak funkce finanční, logické, funkce textu, datum a čas,

matematické a další.

Obr. 63 Oblast buněk C5:C10

Obr. 64 Zápis pomocí funkce a vzorce

Page 46: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

46

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Níže jsou uvedeny některé vybrané funkce, které jsou rozděleny podle toho, pod jakým roz-

balovacím tlačítkem je můžeme najít:

Matematické funkce

ABS - vrátí absolutní hodnotu ABS(číslo)

COS - vrátí kosinus čísla COS(číslo)

SIN - vrátí sinus čísla SIN(číslo)

LN - vrátí logaritmus čísla LN(číslo)

PI - vrátí hodnotu pí PI()

ODMOCNINA - vrátí druhou odmocninu čísla ODMOCNINA(číslo)

POWER - vrátí mocninu čísla POWER(číslo;mocnina)

ZAOKROUHLIT - zaokrouhlí desetinné číslo ZAOKROUHLIT(číslo;počet míst)

Statistické funkce

MAX - vrátí maximální hodnotu oblasti MAX(oblast)

MIN - vrátí minimální hodnotu oblasti MIN(oblast)

MODE.SNGL - vrátí nejčastější hodnotu MODE.SNGL (oblast). V předchozích verzích exis-

tovala podobná funkce: MODE, tuto lze také použít.

PRŮMĚR - vrátí aritmetický průměr PRŮMĚR(oblast)

COUNTBLANK - vrátí počet prázdných buněk COUNTBLANK(oblast)

POČET - vrátí počet buněk obsahujících čísla POČET(hodnota1;hodnota2;...)

Funkce logická

KDYŽ - ověří, zda je podmínka splněna, a vrátí hodnotu ano, jestliže je podmínka splněna.

Jinak vrátí hodnotu ne. KDYŽ(podmínka;ano;ne)

Funkce data a času

DNES vrátí aktuální datum DNES()

NYNÍ vrátí aktuální datum a čas NYNÍ()

Několik příkladů zápisu funkcí:

Součet hodnot buněk C1 až C5: =SUMA(C1:C5)

Absolutní hodnota čísla -10: =ABS(-10)

Absolutní hodnota buňky C1: =ABS(C1)

Určení maximální hodnoty z buněk A1 až A21: =MAX(A1:A21)

Vypočte součin čísla 2 s druhou mocninou hodnoty v buňce E5: =2*mocnina(E5;2)

Obr. 65 Část karty Vzorce obsahijící funkce

Page 47: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

47

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2.7 Formulář

Ve verzi Excel 2010 je návrh a tvorba formuláře doménou programu Infopath. Přesto lze

formulář vytvořit jak v programu Excel, tak i Word. Tvorba formuláře je poměrně složitá věc,

a proto si ji ukážeme na příkladu. Dřív než k tomuto přikročíme, musíme si říct, že verze

2010 tvorbu formulářů již přímo nepodporuje a tato není po nainstalování dostupná. Proto si

ji musíme zapnout sami. Toto provedeme tak, že nejprve v nástrojové liště vybereme Soubor,

dále pak Možnosti a v novém okně zvolíme Přizpůsobit pás karet, a zaškrtneme položku

Vývojář. Ta se nám následně objeví mezi ostatními kartami.

Příklad tvorby formuláře

V našem příkladu si ukážeme opravdu jednoduchý formulář, který nám umožní výpočet ceny

zájezdu v závislosti na volbě typu ubytování, způsobu stravování, způsobu dopravy a vybave-

ní. Podobný formulář lze vytvořit pro cokoliv.

Nejprve si ukážeme princip formuláře. Vytvořili jsme jej v sešitě, kde jsme využili dva listy.

První list, nazvaný Formulář, obsahuje samotný formulář, kde pomocí formulářových prvků

nastavujeme volby, dále v něm je buňka, kde se zobrazuje cena vypočtená na základě nasta-

vených voleb. Na druhém listě (nazvaném Ceny) je pomocná tabulka, se kterou tento formu-

lář spolupracuje. V prvním sloupci (Položka) této tabulky máme zapsané položky, které je

možné označovat pomocí formuláře (tedy typ ubytování, způsob stravování, dopravy a vyba-

vení). Sloupec Propojená buňka obsahuje buňky, které zajišťují spolupráci této tabulky

s formulářem (nevyplňujeme jej, hodnoty se zde umístí samy, jakmile nadefinujeme propoje-

ní formulářového prvku s některou z buněk v tomto sloupci).

Ve sloupci Cena zadáme ceny jednotlivých položek, ty můžeme později podle potřeby přepi-

sovat. V posledním sloupci D (Označená položka) je zavedená funkce KDYŽ, která zjistí

hodnotu v propojené buňce a potom buď zapíše cenu (je-li označena položka ve formuláři)

nebo nulovou hodnotu (není-li položka ve formuláři označena). Hodnoty, které se zobrazí

v tomto sloupci, potom vstupují do součtu ve formuláři (buňka C19 na listě Formulář).

Zde zaškrt-

něte

Obr. 66 Zapnutí karty Vývojář

Page 48: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

48

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Nyní si popíšeme postup, jakým se vytvoří formulář. Můžeme tedy přistoupit k vytvoření

prvního formulářového prvku, bude to pole se seznamem. V kartě Vývojář stiskněme ikonu

Vložit v sekci Ovládací prvky a levým tlačítkem myši zvolíme příkaz Pole se seznamem.

Kurzor myši se změní na jednoduchý křížek (+) a šikmým tažením můžeme na vhodném mís-

tě vytvořit pole se seznamem. Stejným postupem si vytvoříme i další rozbalovací seznamy.

Dále si na listě připravíme tři zaškrtávací políčka, která později využijeme pro volbu vybave-

ní. Jakmile máme tyto připravené, můžeme je správně rozmístit a přidat k nim správné nadpi-

sy. Pro přesun formulářových prvků si tyto potřebujeme označit. Označení formulářového

prvku provádíme tak, že podržíme klávesu CTRL a klepneme na objekt myší. Jinou možností

je kliknutí na ni pravým tlačítkem myši.

Nyní upravíme polohu ovládacích prvků, aby byly všechny na stejné pozici zleva. Označíme

je tedy všechny, držíme klávesu CTRL a klikneme postupně na každý z nich myší. Nyní pře-

jdeme do nabídky Rozložení stránky. Na kartě Uspořádat rozbalíme nabídku ikony Zarovnat

– zde potvrdíme příkaz Zarovnat doleva. Pomocí klávesy CTRL a kliknutím myši zrušíme

označení prvních dvou polí se seznamem a ponecháme označená pouze zaškrtávací políčka.

Vrátíme se k ikoně Zarovnat a v její nabídce potvrdíme tentokrát příkaz Rozmístit svisle. Tím

zajistíme, aby mezi políčky byly ve svislém směru stejné odstupy.

Následně přistoupíme k nejdůležitějšímu kroku, nadefinujeme propojení formuláře na list

Nastaveni a doplníme vzorce, zajišťující výpočty. V polích se seznamem zatím nejsou

k dispozici žádné položky, ze kterých bychom mohli pomocí rozbalovací šipky vybírat.

Upravíme tedy funkčnost tohoto ovládacího prvku. Umístíme kurzor na objekt a stiskneme

pravé tlačítko myši. Z místní nabídky potvrdíme příkaz Formát ovládacího prvku.

V dialogovém okně nyní budeme pracovat na záložce Ovládací prvek.

Obr. 67 List Formulář a list Ceny

Page 49: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

49

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Zde stiskneme nejprve barevné tla-

čítko v poli Vstupní oblast. Dialogo-

vé okno se minimalizuje, přejdeme

na list ceny a vyznačíme zde myší

oblast A2:A4 (zde jsou zapsány dru-

hy ubytování). Stiskneme klávesu

ENTER, aby se dialogové okno opět

rozbalilo. Nyní stiskneme barevné

tlačítko v poli Propojení s buňkou,

přejdeme na list Ceny a zde myší

označíme buňku B2. Do této buňky

se budou ukládat hodnoty, které bu-

dou aktuálně zvoleny ve formuláři.

Stiskneme klávesu ENTER a dialo-

gové okno potvrdíme tlačítkem OK.

Vyzkoušíme volbu některé z položek

na seznamu např. apartmá. Přepne-

me na list Ceny a v buňce B2 se zob-

razuje hodnota 2. Při volbě vila tam

uvidíme hodnotu 3. Toho nyní můžeme využít ve vzorci, který sestavíme v buňce D2 na listě

Ceník. Využili jsme zde logickou funkci KDYŽ. Tato funkce porovná hodnotu uloženou

v buňce B2 se zadanou hod-

notou ve vzorci. Když tedy

hodnota v buňce B2 bude

rovna číslu 1, vypíše cenu

uloženou v buňce C2, pokud

hodnota v buňce B2 nebude

rovna číslu 1, vypíše nulu.

Ve vzorci jsme využili absolutní

adresaci v buňce B2 - tedy $B$2.

Vzorec nyní zkopírujeme a upravíme

tak, aby „hodnota buňky“ B2 byla

postupně porovnávána s hodnotami

1, 2 a 3 v následujících řádcích (C3,

C4). Stejným způsobem provedeme

nastavení dalších polí se seznamem.

Nyní přistoupíme k „oživení“ zaškr-

távacích políček našeho formuláře.

Umístíme kurzor na první z nich a

stiskneme pravé tlačítko myši, z

místní nabídky opět potvrdíme volbu

Obr. 69 Formát ovládacího prvku

Obr. 68 Zápis funkce Když

Obr. 70 Formát ovládacího prvku Zaškrtávací políčko

Page 50: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

50

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Formát ovládacího prvku.

V případě zaškrtávacího políčka zadáváme jenom Propojení s buňkou, po stisknutí barevné-

ho tlačítka v tomto poli označíme tedy buňku B16 na listě Ceny pro hodnotu kuchyně. U

dalších dvou zaškrtávacích políček provedeme obdobné nastavení s tím, že označíme buňku

B17, resp. B18. Vyzkoušíme, jak to nyní funguje. Ponecháme zaškrtnuté pouze první políčko

kuchyně a podíváme se na list Ceny. V propojených buňkách se zobrazuje logická hodnota

PRAVDA (při zaškrtnutém poli) nebo NEPRAVDA (při nezaškrtnutém poli). Tuto hodnotu

budeme opět využívat ve vzorci, který si vytvoříme ve sloupci D - opět je to vzorec s funkcí

KDYŽ. Vzorec zjistí, jestli hodnota v buňce B16 je rovna logické hodnotě PRAVDA. Pokud

ano, vypíše cenu za sloupce C, pokud ne, vypíše hodnotu 0. Vzorec zkopírujeme tak jak je do

dalších dvou buněk pod ním, aby fungoval i pro další dvě položky. Vrátíme se nyní na list s

rozpracovaným formulářem, kde do buňky C19 zapíšeme už jenom jednoduchý vzorec pro

výpočet ceny označených položek, tedy =SUMA(ceny!D2:D18). Od této chvíle můžeme ve

formuláři měnit nastavení a cena se automaticky přepočítá. Také můžeme měnit ceny ve

sloupci C na listě ceny a výpočet bude stále v pořádku.

2.8 Závěr

Jak už bylo konstatováno v úvodu, tento program lze využít v mnoha směrech. Důležité je se

ho nebát a ani toho, že něco pokazíte. Pokud si jej předem uložíte, můžete klidně experimen-

tovat. Také zde existuje funkce zpět, pomocí které se lze vrátit o několik

kroků zpátky (pokud nejsme spokojeni s tím, co jsme zrovna udělali). Tato

funkce bohužel není stoprocentní. Další funkcí, kterou ovšem běžní uživate-

lé příliš nevyužijí, je tvorba Makra a programování ve Visual Basic.

Předchozí text není v žádném případě vyčerpávajícím popisem možností programu. Je pou-

hým stručným návodem k použití několika základních možností, jak využít program Excel

2010. Mnoho dalších užitečných tipů můžete získat přímo na stránkách Microsoft

(http://office.microsoft.com/cs-cz/excel-help), případně v literatuře. Vzhledem k podobnosti

lze využívat i literaturu určenou pro verzi 2007.

Obr. 71 Zápis funkce Když

Page 51: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

51

M. Bršlica, V. Pištěková, Informační a komunikační technologie

3 POWERPOINT

3.1 Tipy pro efektivní vytváření prezentací

Snažte se dodržet následující pravidla pro vytvoření atraktivní prezentace, která zaujme vaše

posluchače.

1. Minimalizujte počet snímků Pokud chcete sdělit jednoznačnou informaci a zajistit pozornost a zájem posluchačů, snažte se

minimalizovat počet snímků v prezentaci.

2. Zvolte velikost písma s ohledem na posluchače Výběrem nejvhodnější velikosti písma zvýšíte srozumitelnost toho, co chcete sdělit. Nezapo-

meňte, že posluchači musejí být schopni přečíst vaše snímky z dálky. Obecně platí, že veli-

kost písma menší než 30 může být pro posluchače špatně viditelná.

3. Snažte se text na snímcích zjednodušit Vaším záměrem je, aby posluchači poslouchali vaši prezentaci a nikoli, aby si četli informace

na obrazovce. Využijte odrážky nebo krátké věty a snažte se pro každou odrážku nebo větu

použít jeden řádek, to znamená bez zalomení textu.

Některé projektory mohou oříznout okraje snímků, takže dlouhé věty by mohly být oříznuté.

4. Své sdělení podpořte vizuálními prvky Obrázky, grafy, diagramy a obrázky SmartArt poskytují vizuální vodítka, na základě kterých

si posluchači mohou vaše sdělení zapamatovat. Přidejte smysluplné grafické prvky, které

doplní text a hlavní body na snímcích.

Stejně jako u textu však platí, že byste na snímek neměli vkládat příliš mnoha vizuálních po-

můcek.

5. Popisky grafů a diagramů by měly být snadno pochopitelné Používejte pouze nezbytné množství textu, pomocí kterého dosáhnete srozumitelnosti popisků

grafů a diagramů.

6. Použijte decentní a konzistentní pozadí snímků Zvolte zajímavou a konzistentní šablonu nebo motiv, který není příliš extravagantní. Není

žádoucí, aby pozadí nebo ozdobné prvky odváděly pozornost od vlastního sdělení.

Může však být vhodné vytvořit kontrast mezi barvou pozadí a barvou textu. V předdefinova-

ných motivech v aplikaci PowerPoint 2010 je nastaven kontrast mezi světlým pozadím a tma-

vým textem nebo tmavým pozadím a světlým textem.

7. Zkontrolujte pravopis a gramatiku Chcete-li si získat a udržet úctu posluchačů, nezapomeňte v prezentaci zkontrolovat pravopis

a gramatiku.

3.2 Umístění nejpoužívanějších příkazů na pásu karet

Umístění konkrétních příkazů na kartách a ve skupinách naleznete v následujících diagra-

mech.

Page 52: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

52

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Karta Soubor

Obr. 72 Karta Soubor

Na kartě Soubor můžete vytvořit nový soubor, otevřít nebo uložit existující soubor a vytisk-

nout prezentaci.

1. Uložit jako

2. Otevřít

3. Nový

4. Tisk

Karta Domů

Obr. 73 Karta Domů

Na kartě Domů můžete vkládat nové snímky, seskupovat objekty a formátovat text na sním-

ku.

1. Kliknete-li na šipku u tlačítka Nový snímek, můžete provést výběr z několika rozložení

snímku.

2. Skupina Písmo obsahuje tlačítka Písmo, Tučné, Kurzíva a Velikost písma.

3. Skupina Odstavec obsahuje tlačítka Zarovnat text doprava, Zarovnat text doleva,

Zarovnat do bloku a Zarovnat na střed.

4. Chcete-li vyhledat příkaz Seskupit, klikněte na tlačítko Uspořádat a v části Seskupit

objekty vyberte možnost Seskupit.

Karta Vložení

Page 53: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

53

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 74 Karta Vložení

Na kartě Vložení můžete vkládat do prezentace tabulky, obrazce, grafy, záhlaví nebo zápatí.

1. Tabulka

2. Obrazce

3. Graf

4. Záhlaví a zápatí

Karta Návrh

Obr. 75 Karta Návrh

Na kartě Návrh můžete přizpůsobit pozadí, návrh a barvy motivů nebo vzhled stránky pre-

zentace.

1. Kliknutím na tlačítko Vzhled stránky otevřete dialogové okno Vzhled stránky.

2. Chcete-li použít určitý motiv pro prezentaci, klikněte na něj ve skupině Motivy.

3. Klikněte na položku Styly pozadí a vyberte barvu a návrh pozadí prezentace.

Karta Přechody

Obr. 76 Karta Přechody

Na kartě Přechody můžete u aktuálního snímku použít, měnit nebo odebrat přechody.

1. Chcete-li použít určitý přechod na aktuálním snímku, klikněte na něj ve skupině Přechod

na tento snímek.

2. Ve skupině Zvuk můžete provést výběr z několika zvuků, které mají být přehrány během

přechodu.

3. V části Přejít na snímek můžete zaškrtnutím políčka Při kliknutí myší provést přechod

při kliknutí myší.

Karta Animace

Page 54: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

54

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 77 Karta Animace

Na kartě Animace můžete používat, měnit nebo odebírat animace u objektů na snímku.

1. Klikněte na tlačítko Přidat animaci a vyberte animaci, která se použije u vybraného ob-

jektu.

2. Kliknutím na tlačítko Podokno animací spustíte podokno úloh Podokno animací.

3. Skupina Časování obsahuje oblasti pro nastavení hodnot Zahájení a Doba trvání.

Karta Prezentace

Obr. 78 Karta Prezentace

Na kartě Prezentace můžete spustit prezentaci, upravit nastavení prezentace a skrýt jednotli-

vé snímky.

1. Skupina Spustit prezentaci, která obsahuje tlačítka Od začátku a Z aktuálního snímku.

2. Kliknutím na tlačítko Nastavit prezentaci otevřete dialogové okno Nastavení prezenta-

ce.

3. Skrýt snímek

Karta Revize

Obr. 79 Karta Revize

Na kartě Revize můžete zkontrolovat pravopis, změnit jazyk prezentace nebo porovnat změny

v aktuální prezentaci s jinou prezentací.

1. Tlačítko Pravopis pro spuštění kontroly pravopisu

2. Skupina Jazyk obsahující jazyk pro úpravy, ze které můžete vybrat příslušný jazyk

3. Ve skupině Porovnat můžete porovnat změny v aktuální prezentaci s jinou prezentací.

Karta Zobrazení

Obr. 80 Karta Zobrazení

Na kartě Zobrazení můžete zobrazit předlohu snímků, předlohu poznámek a řazení snímků.

Dále zde můžete zapnout či vypnout pravítko, mřížku a pokyny pro kreslení.

1. Řazení snímků

2. Předloha snímků

3. Skupina Zobrazit obsahující položky Pravítko a Mřížka

Page 55: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

55

M. Bršlica, V. Pištěková, Informační a komunikační technologie

3.3 Použití šablony v prezentaci

Jestliže má prezentace obsahovat promyšlené uspořádání prvků a barev, písem, efektů, stylu a

rozložení prostých snímků, použijte šablonu (soubor POTX). Tato šablona umožňuje ihned

začít vytvářet novou prázdnou prezentaci.

Můžete použít šablony předdefinované v aplikaci PowerPoint, vytvořené vlastní šablony,

které jste uložili do počítače, nebo šablony stažené z webu Microsoft Office.com či webů

jiných společností. Chcete-li šablony stáhnout z webu Microsoft Office.com, prohlédněte si

možnosti, které jsou k dispozici v kategoriích šablon aplikace PowerPoint na webu Offi-

ce.com.

Chcete-li použít šablonu, postupujte následujícím způsobem:

1. Na kartě Soubor klikněte na tlačítko Nový.

2. V části Dostupné šablony a motivy proveďte jednu z následujících akcí:

1. Chcete-li opět použít šablonu, kterou jste použili naposledy, klikněte na možnost Napo-

sledy otevřené šablony.

2. Chcete-li použít šablonu, která byla dříve nainstalována na místní jednotku pevného dis-

ku, klikněte na možnost Šablony, klikněte na požadovanou šablonu a potom klikněte na

tlačítko OK.

3. V části se šablonami na webu Office.com klikněte na kategorii šablon, vyberte šablonu

a potom kliknutím na tlačítko Stáhnout stáhněte danou šablonu z webu Office.com na

místní jednotku.

3.4 Motivy

Aplikace PowerPoint obsahuje velký výběr vzhledových motivů, které zahrnují koordinaci

barevných schémat, pozadí, stylů písma a umístění zástupných symbolů. Použití předem na-

vržených motivů usnadňuje provedení rychlé změny celkového vzhledu prezentace.

Ve výchozím nastavení je u nových prázdných prezentací aplikace PowerPoint použit jedno-

duchý motiv systému Office. Vzhled a chování prezentace je však možné snadno změnit pou-

žitím jiného motivu.

Obr. 81 Motivy

1. Ve výchozím nastavení je u prezentace použit výchozí motiv.

2. V galerii motivů je možné motiv změnit na Administrativní.

3. U prezentace je nyní použit motiv Administrativní.

Chcete-li použít jiný motiv prezentace, proveďte následující kroky:

Page 56: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

56

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Na kartě Návrh klikněte ve skupině Motivy na motiv dokumentu, který chcete použít.

Umístíte-li ukazatel myši na miniaturu vybraného motivu, zobrazí se náhled aktuálního sním-

ku s použitým příslušným motivem.

Chcete-li zobrazit další motivy, klikněte na kartě Návrh ve skupině Motivy na tlačítko Více

. Pokud neurčíte jinak, budou motivy použity v celé prezentaci aplikace PowerPoint.

3.5 Obrazce

Do souboru systému Microsoft Office 2010 můžete přidat samostatný obrazec nebo více ob-

razců tvořících kresbu nebo složitější obrazec. K dostupným obrazcům patří čáry, základní

geometrické obrazce, šipky, obrazce rovnic, obrazce diagramů, hvězdy, nápisy a popisky.

Po vložení jednoho nebo více obrazců k nim můžete přidat text, odrážky, číslování a rychlé

styly.

1. Na kartě Domů klikněte ve skupině Kreslení na tlačítko Obrazce.

Obr. 82 Karta domů, tlačítko Obrazce

2. Klikněte na požadovaný obrazec a poté jej umístěte kliknutím na libovolné místo ve

snímku a tažením myší.

3. Chcete-li vytvořit přesný čtverec nebo kružnici (nebo zachovat poměr stran u ostatních

obrazců), stiskněte a držte při tažení myší klávesu SHIFT.

Přidáním jednotlivých obrazců do grafu nebo horní části obrázku SmartArt můžete graf nebo

obrázek přizpůsobit.

Přidání více obrazců do souboru

Namísto skládání kresby přidáváním jednotlivých obrazců můžete vytvořit obrázek SmartArt.

V obrázcích SmartArt dochází při přidávání nebo odebírání obrazců a úpravách textu k auto-

matické aktualizaci uspořádání obrazců a velikosti písma v obrazcích.

1. Na kartě Domů klikněte ve skupině Kreslení na tlačítko Obrazce.

2. Klikněte pravým tlačítkem myši na obrazec, který chcete přidat, a poté klikněte na příkaz

Zamknout režim kreslení.

3. Umístěte obrazec kliknutím na libovolné místo ve snímku a tažením myší. Tento postup

opakujte pro všechny obrazce, které chcete přidat.

Po přidání všech požadovaných obrazců stiskněte klávesu ESC.

Přidání textu k obrazci

Klikněte na obrazec, ke kterému chcete přidat text, a zadejte požadovaný text.

Text, který k obrazci přidáte, se stane jeho součástí – pokud obrazec otočíte nebo překlopíte,

bude se otáčet nebo překlápět i text.

Přidání seznamu s odrážkami nebo číslovaného seznamu k obrazci

Page 57: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

57

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Vyberte text v obrazci, ke kterému chcete přidat odrážky nebo číslování.

Klikněte pravým tlačítkem myši na vybraný text a v místní nabídce proveďte jednu z následu-

jících akcí:

1. Chcete-li přidat odrážky, přejděte na příkaz Odrážky a zvolte požadované možnosti.

2. Chcete-li přidat číslování, přejděte na příkaz Číslování a zvolte požadované možnosti.

Přidání rychlého stylu k obrazci

Rychlé styly jsou kombinací různých možností formátování, které jsou zobrazeny ve formě

miniatur v galerii rychlých stylů ve skupině Styly obrazců. Umístěním ukazatele myši na

miniaturu rychlého stylu můžete zjistit, jak tento styl obrazce (neboli rychlý styl) ovlivní

daný obrazec.

Klikněte na obrazec, u kterého chcete použít nový nebo odlišný rychlý styl.

V části Nástroje kreslení na kartě Formát klikněte ve skupině Styly obrazců na požadovaný

rychlý styl.

Obr. 83 Karta Formát, část Nástroje kreslení

Chcete-li zobrazit více rychlých stylů, klikněte na tlačítko Více .

Změna jednoho obrazce na jiný

Klikněte na obrazec, který chcete změnit na jiný obrazec.

Chcete-li změnit více obrazců, podržte při výběru obrazců, které chcete změnit, stisknutou

klávesu CTRL.

V části Nástroje kreslení na kartě Formát ve skupině Vložit obrazce klikněte na tlačítko

Upravit obrazec , přejděte na příkaz Změnit obrazec a klikněte na požadovaný nový

obrazec.

Odstranění obrazce ze souboru

Klikněte na obrazec, který chcete odstranit, a poté stiskněte klávesu DELETE.

Chcete-li odstranit více obrazců, stiskněte a podržte klávesu CTRL, vyberte obrazce, které

chcete odstranit, a potom stiskněte klávesu DELETE.

3.6 Obrázek SmartArt

Obrázek SmartArt slouží k vizualizaci informací. Lze jej snadno a rychle vytvořit pomocí

mnoha různých rozložení, a účinně tak předat nějaké sdělení nebo myšlenky. Obrázek Smar-

tArt je možné vytvořit v aplikacích Excel, Outlook, PowerPoint a Word.

Page 58: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

58

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Základní informace o vytváření obrázků SmartArt

Používání ilustrací usnadňuje porozumění a zapamatovatelnost a podporuje aktivní přístup.

Přesto je většina obsahu vytvořeného pomocí aplikací systému Microsoft Office 2010 texto-

vá. Vytváření ilustrací s kvalitním designem může být náročné, zvláště pokud nejste profesio-

nální návrhář nebo si nemůžete dovolit využít služeb odborníka. Používáte-li starší verze sys-

tému Microsoft Office, než je Office 2007, může vám hodně času zabrat nastavování obrazců

na stejnou velikost, jejich správné zarovnání, získání správného vzhledu textu nebo ruční

formátování obrazců tak, aby odpovídaly celkovému stylu dokumentu. S obrázky SmartArt

můžete vytvářet ilustrace na profesionální úrovni pouhými několika kliknutími tlačítkem my-

ši.

Obrázek SmartArt lze vytvořit v aplikacích Excel, Outlook, PowerPoint a Word. Ačkoli ob-

rázky SmartArt nelze vytvářet ve většině ostatních aplikací Office 2010, lze je do těchto apli-

kací vkládat.

Při vytváření obrázku SmartArt se zobrazí výzva k výběru typu obrázku, jako je Proces, Hie-

rarchie, Cyklus nebo Relace. Každý typ obrázku SmartArt obsahuje několik různých rozlo-

žení. Po výběru rozložení lze jednoduše přepnout na jiné rozložení nebo typ obrázku Smar-

tArt. Většina textu a dalšího obsahu, jakož i barvy, styly, efekty a formátování textu je auto-

maticky přenesena do nového rozložení.

Přidáním a úpravou obsahu v podokně textu se obrázek SmartArt automaticky aktualizuje –

tvary jsou odstraňovány a přidávány dle potřeb uživatele.

Strukturu rozložení obrázku SmartArt také můžete upravit přidáním nebo odebráním obrazců.

I když se například rozložení Základní proces zobrazuje se třemi obrazci, může daný proces

vyžadovat jen dva obrazce nebo naopak pět. Přidáním nebo odebráním obrazců a úpravami

textu se uspořádání obrazců a množství textu uvnitř nich automaticky aktualizuje – tím je

zachován původní návrh a ohraničení rozložení obrázku SmartArt.

V aplikaci PowerPoint můžete obrázky SmartArt také animovat.

Vytvoření obrázku SmartArt a přidání textu

1. Na kartě Vložení klikněte ve skupině Ilustrace na tlačítko SmartArt.

Page 59: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

59

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Obr. 84 Karta Vložení, skupina Ilustrace

Příklad skupiny Obrázek na kartě Vložit v aplikaci PowerPoint 2010

V dialogovém okně Zvolit obrázek SmartArt klikněte na požadovaný typ a rozložení.

Zadejte text jedním z následujících způsobů:

1. Klikněte na položku [Text] v podokně textu a poté zadejte text.

2. Zkopírujte text z jiného umístění nebo programu, klikněte na položku [Text] v podokně

textu a poté vložte text.

Chcete-li přidat text do blízkosti horního okraje nebo přímo na horní okraj obrázku SmartArt,

vložte textové pole kliknutím na položku Textové pole ve skupině Text na kartě Vložení.

Pokud chcete, aby se zobrazil pouze text v textovém poli, klikněte na textové pole pravým

tlačítkem myši, klikněte na příkaz Formát obrazce nebo Formát textového pole a potom

nastavte textové pole tak, aby nemělo žádnou barvu pozadí a žádné ohraničení.

Klikněte na pole v obrázku SmartArt a poté zadejte text. Nejlepších výsledků dosáhnete, po-

kud tuto možnost použijete po přidání všech požadovaných polí.

Přidání nebo odstranění obrazců v obrázku SmartArt

Klikněte na obrázek SmartArt, do kterého chcete přidat další obrazec.

Klikněte na existující obrazec nacházející se nejblíže k místu, do kterého si přejete nový ob-

razec umístit.

V části Nástroje obrázku SmartArt klikněte na kartě Návrh ve skupině Vytvořit obrázek

na šipku u tlačítka Přidat obrazec.

Obr. 85 Nástroje obrázku, karta Návrh, skupina Vytvořit obrázek

Page 60: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

60

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Pokud nevidíte kartu Nástroje obrázku SmartArt nebo Návrh, přesvědčte se, že jste vybrali

obrázek SmartArt. Je možné, že otevření karty Návrh bude vyžadovat dvojité kliknutí na

obrázek.

Proveďte některou z následujících akcí:

1. Chcete-li vložit obrazec za vybraný obrazec, klikněte na možnost Přidat obrazec za.

2. Chcete-li vložit obrazec před vybraný obrazec, klikněte na možnost Přidat obrazec před.

Změna barev celého obrázku SmartArt

Pro obrazce v obrázku SmartArt můžete použít různé barevné varianty odvozené od barev

motivů v rozložení obrázku SmartArt.

Klikněte na obrázek SmartArt.

1. Na kartě Nástroje obrázku SmartArt klikněte na kartě Návrh na tlačítko Změnit barvy

ve skupině Styly obrázků SmartArt.

Obr. 86 Nástroje obrázku SmartArt, skupina Styly obrázků SmartArt

2. Pokud nevidíte kartu Nástroje obrázku SmartArt nebo Návrh, přesvědčte se, že jste

vybrali obrázek SmartArt. Je možné, že otevření karty Návrh bude vyžadovat dvojité

kliknutí na obrázek.

3. Klikněte na požadovanou barevnou variantu.

Použití stylu SmartArt Style u obrázku SmartArt

Styl SmartArt je tvořen kombinací různých efektů, jako jsou styl čáry, zkosené hrany nebo

prostorový efekt. Styl SmartArt lze použít pro tvary v obrázku SmartArt za účelem vytvoření

jedinečného a profesionálního vzhledu.

Klikněte na obrázek SmartArt.

Na kartě Nástroje obrázku SmartArt klikněte na kartě Návrh na požadovaný styl SmartArt

ve skupině Styly obrázků SmartArt.

Chcete-li zobrazit více stylů SmartArt, klikněte na tlačítko Více .

Chcete-li při vytváření prezentace začít s čistým snímkem bez grafických prvků, vymažte

zástupný text (například [Text]) v podokně textu nebo stiskněte kombinaci kláves CTRL+A a

poté klávesu DELETE.

Chcete-li změnit velikost celého obrázku SmartArt, klikněte na ohraničení obrázku SmartArt

a potom přetáhněte úchyty pro změnu velikosti, až obrázek SmartArt získá požadovanou ve-

likost.

Pokud již snímek aplikace PowerPoint obsahuje text, můžete jej převést na obrázek SmartArt.

Používáte-li aplikaci PowerPoint, můžete obrázek SmartArt animovat, a zdůraznit tak každý

obrazec nebo každou hierarchickou úroveň.

Page 61: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

61

M. Bršlica, V. Pištěková, Informační a komunikační technologie

3.7 Předvedení a distribuce prezentace

Po dokončení prezentace závisí další akce na tom, komu, kde a na jakém zařízení bude pre-

zentace předváděna:

Bude prezentace spuštěna v počítači, ve kterém byla vytvořena, nebo v jiném počítači? Nebo

bude předváděna prostřednictvím disku CD či síťového umístění?

Pokud jde o živou prezentaci, budete ji předvádět vy nebo někdo jiný? Nebo bude spuštěna

automaticky?

Privátní zobrazení poznámek lektora v průběhu prezentace na více

monitorech

Použití zobrazení předvádějícího představuje skvělý způsob zobrazení prezentace, kdy jsou

v jednom počítači (například ve vašem přenosném počítači) zobrazeny poznámky lektora a na

odlišném monitoru sledují posluchači prezentaci neobsahující poznámky (například v projek-

ci na větší obrazovku).

Aplikace PowerPoint podporuje použití pouze dvou monitorů v prezentaci. Je však možné

nakonfigurovat spuštění prezentace na třech či více monitorech připojených k jednomu počí-

tači.

Předpoklady používání zobrazení předvádějícího

Před použitím zobrazení předvádějícího je třeba provést následující akce:

Přesvědčte se, zda počítač, který používáte pro prezentaci, podporuje použití více monitorů.

Většina současných stolních počítačů obsahuje integrovanou podporu více monitorů. Nejed-

ná-li se však o tento případ, budete potřebovat dvě videokarty.

Aplikace PowerPoint podporuje použití pouze dvou monitorů v prezentaci. Je však možné

nakonfigurovat spuštění prezentace na třech či více monitorech připojených k jednomu počí-

tači. Informace o konfiguraci použití tří a více monitorů jsou uvedeny v části týkající se za-

pnutí podpory více monitorů.

Nakonfigurujte aplikaci PowerPoint pro použití zobrazení předvádějícího.

Konfigurace použití zobrazení předvádějícího v aplikaci Powe r-

Point se dvěma monitory

Na kartě Prezentace klikněte ve skupině Monitory na položku Použít zobrazení předvádějící-

ho.

V dialogovém okně Nastavení zobrazení klikněte na kartě Monitor na ikonu monitoru, který

chcete použít k zobrazení poznámek lektora, a poté zaškrtněte políčko Toto je můj hlavní

monitor.

Je-li políčko Toto je můj hlavní monitor zaškrtnuto a není dostupné, je daný monitor již ozna-

čen jako primární monitor. Pouze jeden monitor může být označen jako primární. Kliknete-li

na ikonu jiného monitoru, bude zaškrtnutí políčka Toto je můj hlavní monitor zrušeno a po-

líčko bude opět k dispozici.

Klikněte na ikonu monitoru pro druhý monitor, který budou sledovat posluchači, zaškrtněte

políčko Rozšířit plochu i na tento monitor a poté klikněte na tlačítko OK.

Zkontrolujte, zda je monitor, na kterém mají posluchači sledovat prezentaci, uveden v sezna-

mu Zobrazit na, jenž se nachází ve skupině Monitory na kartě Prezentace.

Page 62: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

62

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Předvádění prezentace na dvou monitorech

Na kartě Prezentace klikněte ve skupině Nastavení na tlačítko Nastavit prezentaci.

V dialogovém okně Nastavení prezentace vyberte požadované možnosti a klikněte na tlačít-

ko OK.

Chcete-li začít předvádět prezentaci, klikněte na kartě Zobrazení ve skupině Zobrazení pre-

zentací na položku Prezentace.

Zapnutí podpory více monitorů (pro tři a více monitorů)

Před předváděním prezentace v počítači, k němuž jsou připojeny tři nebo více monitorů, je

nutné zapnout podporu více monitorů.

Na kartě Prezentace klikněte ve skupině Monitory na položku Použít zobrazení předvádě-

jícího.

Je možné, že se zobrazí dialogové okno Nastavení zobrazení z Ovládacích panelů systému

Windows. Pokud se nezobrazí, vyhledejte možnost nastavení zobrazení systému Windows v

nápovědě k systému Windows.

V dialogovém okně Nastavení zobrazení klikněte na kartě Monitor na ikonu monitoru před-

vádějícího, a poté zaškrtněte políčko Toto je můj hlavní monitor.

Klikněte na ikonu monitoru pro každý další monitor, který budou sledovat posluchači, zaškrt-

něte políčko Rozšířit plochu i na tento monitor a poté klikněte na tlačítko OK.

Chcete-li podporu více monitorů vypnout, v dialogovém okně Nastavení zobrazení na kartě

Monitor vyberte druhý monitor a zrušte zaškrtnutí políčka Rozšířit plochu i na tento moni-

tor.

3.8 Tisk snímků nebo podkladů prezentace

Aplikace Microsoft PowerPoint 2010 umožňuje vytisknout poznámky. Tento článek se však

zabývá popisem tisku snímků (jednoho snímku na stránku) a tisku podkladů prezentace

(s jedním, dvěma, třemi, čtyřmi, šesti nebo devíti snímky na stránce), které mohou diváci

využít při sledování prezentace nebo je uchovat pro pozdější použití.

Podklad se třemi snímky na stránce obsahuje řádky, kam si diváci mohou dělat poznámky.

Nastavení velikosti snímku, orientace stránky a čísla počátečního

snímku

1. Na kartě Návrh klikněte ve skupině Vzhled stránky na tlačítko Vzhled stránky.

Page 63: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

63

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2. V seznamu Velikost snímků klikněte na formát papíru, na který chcete tisknout.

Jestliže kliknete na položku Vlastní, zadejte nebo vyberte požadované rozměry v číselnících

Šířka a Výška.

Chcete-li tisknout na průhlednou fólii, klikněte na položku Fólie.

3. Chcete-li pro snímky nastavit orientaci stránky, klikněte v části Orientace ve skupině

Snímky na přepínač Na šířku nebo Na výšku.

4. Do pole Číslovat snímky od zadejte číslo, které chcete vytisknout na prvním snímku nebo

stránce podkladů a podle něhož budou číslovány následující snímky.

Nastavení možností tisku a poté tisk snímků nebo podkladů

Chcete-li nastavit možnosti tisku (včetně počtu kopií, tiskárny, snímků, které se mají vytisk-

nout, počtu snímků na stránce, možností barev a dalšího nastavení) a potom snímky vytisk-

nout, postupujte takto:

1. Klikněte na kartu Soubor.

2. Klikněte na položku Tisk a potom v části Nastavení tisku zadejte do pole Kopie počet

kopií, které chcete vytisknout.

3. V části Tiskárna vyberte tiskárnu, kterou chcete použít.

4. V části Nastavení proveďte některou z následujících akcí:

Chcete-li vytisknout všechny snímky, klikněte na přepínač Tisk všech snímků.

Chcete-li vytisknout jeden či více vybraných snímků, klikněte na přepínač Vytisk-

nout výběr.

Chcete-li vytisknout pouze aktuálně zobrazený snímek, klikněte na přepínač Aktuál-

ní snímek.

Chcete-li vytisknout konkrétní snímky podle čísel, klikněte na přepínač Vlastní roz-

sah snímků a potom zadejte seznam jednotlivých snímků, jejich rozsah či obojí. K

oddělení čísel použijte čárky bez mezer, například 1,3,5-12.

Pokud okolo snímků chcete vytisknout orámování, vyberte položku Orámovat

snímky.

Chcete-li snímky vytisknout na papír, který jste vybrali u tiskárny, klikněte na polož-

ku Na velikost papíru.

Jestliže chcete zobrazit zdokonalení tiskových úloh, například zvýšené rozlišení, prů-

hlednou grafiku nebo vytištěné měkké stínování, klikněte na položku Vysoká kvali-

ta.

5. Klikněte na položku Barva a potom na některou z následujících možností:

Barva: Výběrem této možnosti vytisknete úlohu barevně na barevné tiskárně.

Pokud nechcete tisknout barevné pozadí, proveďte některou z následujících akcí:

Vytiskněte snímky ve stupních šedé. Další informace naleznete dále v části

Stupně šedé.

Z prezentace odeberte barevné pozadí. Na kartě Návrh klikněte ve skupině

Pozadí na položku Styly pozadí a vyberte možnost Styl 1.

Stupně šedé: Vyberete-li tuto možnost, budou vytištěny obrázky obsahující různé

odstíny šedé mezi černou a bílou. Výplně pozadí budou vytištěny jako bílé, aby byl

text dobře čitelný. (Tisk ve stupních šedé někdy vypadá stejně jako při vybrané mož-

nosti Jen černobíle.)

Jen černobíle: Podklady budou vytištěny bez šedých výplní.

6. Chcete-li vložit nebo změnit záhlaví a zápatí, klikněte na odkaz Upravit záhlaví a

Page 64: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

64

M. Bršlica, V. Pištěková, Informační a komunikační technologie

zápatí a potom v zobrazeném dialogovém okně Záhlaví a zápatí vyberte požadova-

né možnosti.

7. Klikněte na tlačítko Tisk.

Uložení nastavení tisku

Chcete-li resetovat možnosti tisku a uložit je jako výchozí nastavení, postupujte takto:

1. Klikněte na kartu Soubor.

2. Klikněte na položku Tisk a potom vyberte nastavení, jak je popsáno v tomto článku v

tématu Nastavení možností tisku a poté tisk snímků nebo podkladů.

3. V části Nápověda klikněte na položku Možnosti a potom klikněte na položku Upřesnit.

4. V části Při tisku tohoto dokumentu klikněte na položku Použít naposledy použité na-

stavení tisku a potom klikněte na tlačítko OK.

Vytváření poznámek

Chcete-li vytvořit poznámky ke snímkům, použijte v normálním zobrazení podokno pozná-

mek. Do normálního zobrazení přejdete tak, že na kartě Zobrazení ve skupině Zobrazení

prezentací kliknete na tlačítko Normální.

Obr. 87 Podokno poznámek

Poznámky je možné psát a formátovat při práci v normálním zobrazení. Pokud chcete zjistit,

jak budou poznámky vytištěny a jak se projeví formátování textu (například barvy písma),

přepněte do zobrazení Poznámky. V zobrazení Poznámky je také možné zkontrolovat a změ-

nit záhlaví a zápatí poznámek.

Na každé stránce poznámek je zobrazena miniatura snímku spolu s poznámkami k tomuto

snímku. V tomto zobrazení můžete poznámky doplnit grafy, obrázky, tabulkami nebo jinými

ilustracemi.

Page 65: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

65

M. Bršlica, V. Pištěková, Informační a komunikační technologie

1. Stránky obsahují poznámky a snímky prezentace.

2. Každý snímek se vytiskne na vlastní stránce.

3. Poznámky jsou připojeny ke snímku.

4. K poznámkám lze přidat různá data, například grafy nebo obrázky.

Obrázky a objekty, které přidáte v zobrazení Poznámky, se objeví na vytištěné stránce, avšak

nezobrazí se na obrazovce v normálním zobrazení.

Změny, přidání a odstranění provedené na stránce v zobrazení Poznámky se týkají pouze dané

stránky a textu poznámky v normálním zobrazení.

Jestliže chcete zvětšit, přemístit nebo formátovat oblast s obrázkem snímku nebo oblast po-

známek, proveďte požadované změny v zobrazení Poznámky.

V normálním zobrazení není možné v podokně poznámek kreslit a umísťovat obrázky. Je

třeba přepnout do zobrazení Poznámky a nakreslit nebo přidat obrázek tam.

Vytvoření většího prostoru pro poznámky

Výchozí stránka poznámek sestává z miniatury snímku v horní polovině stránky a oddílu

stejné velikosti pro zadávání poznámek v dolní polovině stránky.

Pokud polovina stránky nepředstavuje dostatek místa pro vaše poznámky, vytvořte pro ně

více místa provedením jedné z následujících akcí:

Chcete-li přidat více místa na jedné stránce poznámek, postupujte takto:

1. V normálním zobrazení klikněte na kartě Snímky (v podokně obsahujícím karty Osnova

a Snímky) na snímek, na kterém chcete přidat více místa pro poznámky.

2. Na kartě Zobrazení klikněte ve skupině Zobrazení prezentací na tlačítko Poznámky.

3. Proveďte některou z následujících akcí:

Chcete-li odstranit miniaturu snímku, klikněte na stránce poznámek na snímek a

stiskněte klávesu DELETE.

Chcete-li zmenšit miniaturu snímku na stránce poznámek, přetáhněte úchyt pro

změnu velikosti na miniatuře snímku.

Přetažením úchytu pro změnu velikosti na horním ohraničení zástupného symbolu poznámek

zvětšete tento objekt na potřebnou velikost.

Přidání grafiky nebo formátování na všechny stránky poznámek

Jestliže chcete přidat grafiku, jako je obrazec či obrázek, na všechny stránky poznámek

v prezentaci nebo chcete-li u nich použít formátování, změňte předlohu poznámek. Chcete-li

například na všechny stránky poznámek umístit logo společnosti nebo jiný symbol, přidejte

Page 66: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

66

M. Bršlica, V. Pištěková, Informační a komunikační technologie

jej do předlohy poznámek. Nebo pokud chcete změnit styl písma u všech poznámek, změňte

ho v předloze poznámek. Můžete také změnit vzhled a umístění oblasti snímku, oblasti po-

známek, záhlaví, zápatí, čísla stránky a data.

Tisk poznámek s miniaturami snímků

Stránky poznámek můžete vytisknout s miniaturou snímku, abyste mohli posluchačům nabíd-

nout podklady nebo abyste se mohli lépe připravit na prezentaci.

1. Otevřete prezentaci, pro kterou chcete vytisknout stránky poznámek s miniaturami sním-

ků.

2. Klikněte na kartu Soubor.

3. V levé části karty Soubor klikněte na položku Tisk.

4. V části Nastavení klikněte na šipku vedle položky Snímky na celou stránku a potom

v části Rozložení při tisku klikněte na položku Poznámky.

5. Chcete-li zvolit orientaci stránky, klikněte na šipku vedle položky Orientace na výšku a

potom ze seznamu vyberte položku Orientace na výšku nebo Orientace na šířku.

6. Pokud chcete poznámky a miniatury snímků vytisknout barevně, vyberte barevnou tis-

kárnu. Klikněte na šipku vedle položky Stupně šedé a potom v seznamu klikněte na po-

ložku Barva.

7. Klikněte na tlačítko Tisk.

Tisk poznámek bez miniatur snímků

Otevřete prezentaci, pro kterou chcete vytisknout stránky poznámek bez miniatur snímků.

1. Otevřete každý snímek v zobrazení Poznámky. Do zobrazení Poznámky přejdete tak, že

v nabídce Zobrazení ve skupině Zobrazení prezentace kliknete na položku Poznámky.

2. Odstraňte z každé stránky poznámek miniaturu snímku. Miniaturu snímku odstraníte tak,

že na stránce poznámek kliknete na miniaturu snímku a stisknete klávesu DELETE.

3. Klikněte na kartu Soubor.

4. V levé části karty Soubor klikněte na položku Tisk.

5. V části Nastavení klikněte na šipku vedle položky Snímky na celou stránku a potom

v části Rozložení při tisku klikněte na položku Poznámky.

6. Chcete-li zvolit orientaci stránky, klikněte na šipku vedle položky Orientace na výšku a

potom ze seznamu vyberte položku Orientace na výšku nebo Orientace na šířku.

7. Pokud chcete poznámky a miniatury snímků vytisknout barevně, vyberte barevnou tis-

kárnu. Klikněte na šipku vedle položky Stupně šedé a potom v seznamu klikněte na po-

ložku Barva.

Klikněte na tlačítko Tisk.

Page 67: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

67

M. Bršlica, V. Pištěková, Informační a komunikační technologie

4 TVORBA WWW STRÁNEK

4.1 Úvod

Mnoho z vás si možná už někdy položilo otázku, co se to skrývá za webovými stránkami, jak

se dají tyto stránky vytvořit a co přesně se s nimi dá dělat? V následujícím textu se Vám na

tyto otázky dostane, alespoň částečné odpovědi.

Je důležité si uvědomit, že pro tvorbu webových stránek je potřeba znalostí z různých oblastí.

Například pokud chcete mít na webu hezký obrázek, nestačí jej jen odněkud zkopírovat, ale je

také potřeba ho upravit a mít o něm i další informace (rozlišení, formát, barevná hloubka,

velikost souboru). Bez těchto znalostí se při tvorbě webu sice můžete obejít, ale značně Vás

to omezuje a výsledek je přinejmenším nejistý.

4.2 Vývoj jazyka HTML

První definici jazyka HTML vytvořil v roce 1991 Tim Berners-Lee jako součást projektu

WWW, který měl umožnit vědcům, zabývajícím se fyzikou vysokých energií, komunikaci

a sdílení výsledků výzkumu po celém světě. Ne náhodou proto celý projekt vznikal v CERNu

(Centre Européenne pour la Recherche Nucléaire, Evropské centrum jaderného výzkumu),

který leží na švýcarsko-francouzských hranicích nedaleko Ženevy. Jednalo se o výsledek

dvouletého projektu, který měl vyřešit problémy se sdílením informací ve velké instituci,

jakou CERN bezesporu je. Tato verze HTML byla popsána v dokumentu HTML Tags.

Umožňovala text rozčlenit do několika logických úrovní, použít několik druhů zvýraznění

textu a zařadit do textu odkazy a obrázky.

Software vyvinutý v CERNu, včetně specifikací jazyka HTML, byl veřejně uvolněn v roce

1991. Když Marc Anderssen se svými kolegy z NCSA (National Center for Supercomputing

Applications) psal dříve populární prohlížeč Mosaic, považoval za příliš obtížné implemento-

vat do programu rovnou i editor HTML. Požadavky uživatelů na WWW vzrůstaly, a tak pro-

ducenti různých prohlížečů obohacovali HTML o některé nové prvky. Aby byla zachována

kompatibilita mezi jednotlivými modifikacemi HTML, vytvořil Berners-Lee pod hlavičkou

IETF (Internet Engineering Task Force) návrh standardu HTML 2.0, který zahrnoval všechny

v té době běžně používané prvky HTML. Další rozšíření jazyka zahrnují zejména rozšíření

HTML o vytváření tabulek a matematických vzorců. Na jaře roku 1995 tak vznikl návrh stan-

dardu HTML 3.0. Vývoj standardů Webu v té době již koordinovalo konsorcium W3C, jehož

členy jsou mimo jiné přední softwarové firmy. Členové W3C se tedy shodli na vlastnostech,

o které rozšíří HTML 2.0, a vytvořili tak HTML 3.2. HTML 3.2 však zdaleka neobsahuje vše

z HTML 3.0. Z verze 3.0 zůstaly v podstatě jen okleštěné tabulky. Ostatní nové prvky HTML

3.2 jsou jen jakousi směskou, kterou v té době podporovaly nejnovější prohlížeče. Opakoval

se tedy v podstatě stejný postup jako při vzniku verze 2.0 – jazyk se sjednotil na průniku

možností těch nejrozšířenějších prohlížečů. Další podstatné rozšíření se týkalo podpory Java

appletů. HTML 3.2 neslo kódové označení Wilbur a od ledna 1997 bylo doporučením kon-

sorcia W3C – znamená to, že by jej měli všichni používat, aby byla ve Webu zajištěna kom-

patibilita. Většina prohlížečů však již od roku 1996/7 nabízela další rozšíření nad rámec

HTML 3.2. Jejich používaní však bylo dvousečné – na jednu stranu nebyla nijak standardizo-

vána a některé prohlížeče jim nerozuměly, na stranu druhou jsou mnohdy velmi užitečná

Page 68: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

68

M. Bršlica, V. Pištěková, Informační a komunikační technologie

a jejich používaní a rozšíření urychlilo jejich zařazení do standardu. Mezi takováto rozšíření

patří především rámy (frames) a klientské skriptovací jazyky (např. Javascript). Na jaře roku

1997 zveřejnilo W3C další plány na rozšíření HTML pod kódovým názvem Cougar. Cougar

v sobě zahrnuje HTML 3.2 společně s běžně používanými konstrukcemi, jako jsou rámy,

skripty a obecné vkládání objektů. Na začátku července 1997 uveřejnilo W3C návrh HTML

4.0, který vznikl drobnými úpravami Cougaru a vytvořením jediného komplexního dokumen-

tu popisujícího návrh standardu. V prosinci 1997 pak bylo HTML 4.0 přijato jako standard

W3C. Následovalo HTML 4.1, což ale byla jen poopravena verze předchozího HTML.

V roce 2007 byl vytvořen jazyk HTML 5. HTML 5 navazuje na HTML 4.01 a přidává pro

vývojáře webových aplikací spoustu užitečných funkcí, kvůli kterým je výhodné tuto nejno-

vější verzi jazyka používat. Zároveň zachovává možnost používat pro zápis stránek syntaxi

XML a používat tak de facto XHTML. Důležité je však vědět, že v tuto chvíli není HTML 5

hotové. Na jeho specifikaci se pořád pracuje. Některé její části jsou přitom již poměrně sta-

bilní a podporuje jej většina moderních prohlížečů. Naopak některé části HTML 5 jsou zatím

spíše experimentální a je otázkou, zda se časem prosadí a zůstanou ve finální verzi HTML 5,

jehož dokončení ani optimisté nečekají před rokem 2020.

4.3 Základní struktura HTML

Každý dokument má svou strukturu, kterou je potřeba dodržovat. V mnoha případech je vel-

mi důležitá, jindy se jedná jen o přehlednost. Svou strukturu má tedy i HTML.

Dokument začíná a končí tagem. Veškerý další obsah je uvnitř. Značka je nepovinná a větši-

na prohlížečů si ji domyslí. Tag html nemá žádné atributy.

Tag head je hlavička dokumentu, která se nezobrazuje. Obsahuje nepovinně další tagy (title,

meta, link, style, script aj.). Pokud v hlavičce použijete prostý text, v některých prohlížečích

se zobrazí na začátku stránky! Tento nemá žádné atributy.

Tělo dokumentu, tag body, obsahuje veškerý zobrazovaný obsah stránky.

Atribut tagu <body> Význam Hodnoty

bgcolor barva pozadí barva

background obrázek na pozadí URL obrázku

text barva popředí (textu) barva

link barva nenavštívených odkazů barva

vlink barva navštívených odkazů barva

alink barva klikaných odkazů (a pod tabulátorem) barva

Příklad: <body background="fotka.jpg" bgcolor="red" text="green" link="blue"

Page 69: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

69

M. Bršlica, V. Pištěková, Informační a komunikační technologie

vlink="black" alink="#008080"1>

Všechno, co je v HTML souboru obaleno značkami <!-- a -->, je považováno za poznámku a

nezobrazuje se. <!-- je tedy začátek poznámky, --> její konec. Poznámkám se také říká "ko-

mentáře".

Jednoduchá struktura html:

<html>

<head>

<title>Název stránky</title>

</head>

<body>

Veškeré obrázky, texty a odkazy.

</body>

</html>

Barevné odlišení se používá velmi často z důvodů přehlednosti a také kvůli hledání případ-

ných chyb (mezi nejčastější chyby patří neuzavření párových tagů).

4.4 Základy práce s textem

Fyzické formátování

Fyzické formátování říká, jak má který text přesně vypadat (tedy jak má být formátován).

Nezabývá se logickou rolí formátovaného textu (snad kromě sup a sub).

Tag Význam Párový

b tučné písmo ano

i kurzíva ano

u podtržení textu ano

small zmenšení textu ano

big zvětšení písma ano

font písmo ano

basefont základní font ne

1 Jedná se o kód barvy v našem případě o zelenou barvu.

Page 70: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

70

M. Bršlica, V. Pištěková, Informační a komunikační technologie

blink blikání písma ano

br Zalomení řádku ne

wbr volitelné zalomení řádku ne

B

Tučný text (z angl. "bold"). Používá se velmi často ke zvýraznění.

I

Kurzíva (z angl. "italic"). Používá se velmi často odlišení textu, zejména při citacích.

U

Podtržení (a angl. "underline"). Raději nepoužívat, podtržený text se plete s odkazy

Odkazy se v normálním případě podtrhávají samy, není nutno to nastavovat.

Small

Zmenšení písma o jeden stupeň.

Možno použít vícekrát za sebou:

<small><small>maličký text</small></small>

Big

Zvětšení písma o jeden stupeň.

Možno použít vícekrát za sebou.

Font

Nastavení barvy, velikosti a fontu písma.

Atribut tagu <font> Význam Hodnoty

color barva písma barva

size velikost, stupeň písma 1 až 7 | +1 | -1 (+-1 až 6))

face font, druh písma jména fontů oddělená čárkami

Příklad: <font color="red" face="Arial, Helvetica">červené písmo Arialem</font>

Je doporučováno tag <font> nepoužívat (je zastaralý). Lze jej nahradit tagem <span> s atribu-

tem style.

Příklad: <span style="color: red; font-family: Arial, Helvetica">červené písmo Aria-

lem</span>

Size

Velikost písma se v HTML nenastavuje v bodech jako všechny ostatní rozměry, ale ve stup-

ních. Stupně jsou jakési imaginární jednotky vytvořené pouze pro účel HTML. Stupňů písma

je sedm. Od vysloveně „mrňavého“ stupně jedna, které se skoro nedá číst, až po obrovskou

velikost 7. Běžné písmo je stupeň číslo 3.

Page 71: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

71

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Přesné velikosti písem nejsou nijak konkrétně stanoveny. Uživatel si může písmo zvětšovat a

zmenšovat v prohlížeči. Dělá se to příkazem Zobrazit - Velikost písma (nebo podobně - v

každém prohlížeči to může být jinak). Kromě přímého nastavení stupně písma se může použít

relativní zápis +-, např. size="+1" znamená zvětšení písma o jeden stupeň.

Basefont

Základní, přednastavený font pro celou stránku. Musí se deklarovat bezprostředně za tagem

<body>. Nepárový tag. Má stejné atributy jako <font>, ale u velikosti nelze použít relativní

stupeň. Používání tohoto tagu se nedoporučuje, protože se jeho vlastnosti nevztahují na tabul-

ky a občas ani na nadpisy. Podpora v moderních prohlížečích je vágní a nejistá. Prostě je za-

staralý.

Příklad: <body><basefont face="arial" color="navy">Tmavomodrý Arial bude na celé strán-

ce.

Blink

Blikající písmo (z angl. blink = mrkat).

Br

Odřádkuje text podobně jako Enter. Nemění se odstavec. Vhodné pro použití v rámci odstav-

ců, kdy chceme nějaký text oddělit od zbytku odstavce, ale zároveň jej nechceme z odstavce

vyčlenit.

Wbr

Volitelné zalomení řádku. Je užitečné v situacích, kdy je v textu příliš dlouhé slovo, které by

mohlo způsobit rozpad designu stránky. V takovém případě se doprostřed slova může vložit

tag <wbr>.

Potom:

má-li slovo dost místa, zobrazí se pohromadě

nevešlo-li by se do svého prostoru, slovo se zalomí a rozdělí na dva řádky

Logické formátování

Vymezuje význam elementu. Přitom vůbec neříká, jak má vymezený text vypadat. Původně

mělo mít logické vymezení mnohem větší význam, než jaký mu přisoudil dnešní web, kde se

používá zejména formátování fyzického. Dnes se logických značek používá velmi zřídka,

navíc často s fyzickým významem.

Tag Význam Párový

span úsek textu ano

strong zvýraznění (tučně) ano

em zvýraznění (kurzíva) ano

cite citace ano

Page 72: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

72

M. Bršlica, V. Pištěková, Informační a komunikační technologie

code výpis kódu ano

kbd vstup z klávesnice ano

samp ukázka ano

var formátování proměnné ano

del smazaný obsah ano

ins přidaný text ano

Span

Logické vymezení části textu, která bude jinak formátována nebo na ni bude vázán skript. U

tagu span lze použít pouze obecné atributy. Ale mají zde velký význam, zejména atributy

style, class a id.

Strong

Silné zvýraznění (z angl. strong = silný, mocný). Prohlížeče pro něj používají tučné písmo,

proto bývá zaměňován s tagem <b>. Je ale dobré uvědomit si rozdíl:

tagem <b> říkám, že je něco tučným písmem

tagem <strong> říkám, že je něco důležité, zvýrazněné.

Em

Zvýraznění (emphasis). Prohlížeče vykreslují kurzívou. Nejsprávnější tag pro zvýrazňování (a

pro tento účel jen zřídka používaný).

Totéž co u <strong>:

<i> je kurzíva,

<em> je zvýraznění, které se náhodou vykresluje kurzívou.

Další tagy logického formátování nejsou prakticky vůbec používané. Jedna část je zastaralá,

druhá část je zase relativně nová.

Code

Výpis kódu, například programu. Prohlížeče používají neproporcionální písmo (strojopis).

Velmi zřídka používaný tag.

Kbd

Vstup z klávesnice zobrazený strojopisem. Nepoužívaný tag.

Samp

"Vzorek", což znamená výstup programu. Zobrazováno strojopisem.

Var

Proměnná. Zobrazováno kurzívou. Použití snad jen mezi programátory pro formátování zdro-

jového kódu.

Následující tagy přišly až v HTML 4.

Del

Page 73: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

73

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Odstraněný text. Prohlížeče jej zobrazují jako přeškrtnutý, staré prohlížeče jej zobrazí nor-

málně. Novinka v HTML 4.0. Většinou se starý text maže, ale jsou případy, kdy se vyplatí tag

del používat – například při změnách zákonů, aby bylo vidět co bylo změněno.

Ins

Přidaný text. Zobrazováno podtržením. Atribut datetime vyjadřuje čas, kdy došlo k přidání.

Datetime má formát rrrr-mm-ddThh:mm:ssTZD. Používá se zřídka, nejčastěji ve zpravodaj-

ství a na blozích -- ani v těch případech se stejně většinou neuvádí čas.

Tagy del a ins mohou obsahovat další blokové tagy, aniž by zalamovaly řádek.

Odkazy

A

Odkaz (z angl.anchor). Vše, co je mezi značkami <a> a </a> bude sloužit jako odkaz.

Příklad: <a href="index.html">Hlavní stránka</a>

se zobrazí jako klikatelný nápis Hlavní stránka.

Uvnitř elementu se může objevit skoro cokoliv (např. obrázek, který tak bude celý sloužit

jako odkaz). Uvnitř odkazu nesmí být další odkaz (tag <a>), formulář (tag <form>). Tabulka

(tag <table>) uvnitř odkazu nefunguje jako odkaz a podobně se mohou chovat i jiné složité

tagy.

Atribut Význam Hodnota

href cíl odkazu URL

name jméno záložky libovolné jméno

target cílový rám jméno rámu

Href

Nejdůležitější atribut, cíl odkazu. Zjednodušeně pojato tato hodnota říká, jaká stránka se ob-

jeví po kliknutí. Href se zapisuje jako URL.

Příklad: <a href="http://www.seznam.cz">Portál Seznam</a>

Name

Jméno záložky. Tag <a> může sloužit kromě odkazu i jako záložka. Záložka je dobrá k tomu,

že definuje místo v dokumentu, na které může mířit odkaz (jiný tag a s

href="#jmenoZalozky"). Po kliknutí na takový odkaz se stránka odroluje na pozici záložky.

K tomu, aby se na stránku dostal odkaz na záložku, musíme udělat dvě věci:

1. Vložit záložku do textu a pojmenovat ji.

Příklad: <a name=zalozka></a> - místo kde chceme mít záložku .

Tag Význam Párový Výskyt

a odkaz, hyperlink, záložka ano kdekoliv kromě <a>

Page 74: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

74

M. Bršlica, V. Pištěková, Informační a komunikační technologie

2. Udělat odkaz, který bude na záložku mířit.

Příklad<a href="#zalozka">Odkaz na založku.</a>

Target

Cílové okno, iframe nebo také rám, ve kterém se obsah zobrazí. Pokud se ve stránkách použí-

vají rámy, má každý z nich jméno. Jméno rámu je obsaženo v atributu name v tagu <frame>

(případně iframe).

Příklad: <a href="index.html" target="okenko">hlavní stránka</a>, se

otevře v rámu nebo okně "okenko".

Kromě jmen existujících rámů se jako hodnota atributu target mohou použít speciální jména

virtuálních rámů:

Jména virtuálních rámů

target= kde se to otevře

_blank nové okno nebo nový tab

_top nejvyšší okno hierarchie rámů

_parent nadřazený rám

_self tentýž rám

Příklad: <a href="www.seznam.cz" target="_blank">Seznam</a>, zde se

stránka otevře v novém okně.

Pokud se v atributu target objeví jméno neexistujícího okna nebo rámu, otevře se nové okno.

Je to velmi podobné hodnotě _blank s tím rozdílem, že nové okno (nebo tab) si svoje jméno

podrží, takže případné další podobné odkazy se budou zobrazovat v tomto novém okně (nebo

tabu).

Mezery v textu

Prohlížeče podtrhávají text odkazu včetně mezer.

Pokud text odkazu mezerou začíná, mezera se nepodtrhne.

Pokud text odkazu mezerou končí, mezera se podtrhne.

Další varianty odkazů

Prvky stránky, které se chovají jako odkazy, lze vytvořit i jinými způsoby:

Obrázky s klikacími mapami (tag <img> s atributy ismap a usemap při použití tagu <map>).

Potvrzovacím tlačítkem formuláře (tag <form>, který má atribut action nastaven na cílovou

stránku).

Obrázky

Tag Význam Párový Výskyt

Page 75: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

75

M. Bršlica, V. Pištěková, Informační a komunikační technologie

img obrázek ne

map klikací mapa ano

area oblast v klikací mapě ne <map>

Img

Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného souboru.

Tag <img> má kromě obecných atributů spoustu dalších:

Atribut Význam Hodnoty

src umístění souboru s obrázkem URL

alt alternativní popis libovolný text

lowsrc náhradní obrázek pro malé displeje URL

width šířka délka nebo procento

height výška délka nebo procento

border tloušťka rámečku délka

vspace vertikální okraj délka

hspace horizontální okraj délka

align zarovnání obrázku

left, right, top, texttop,

middle, absmiddle,

baseline, bottom, absbottom

usemap použití klikací mapy "#" + jméno mapy, nebo URL

ismap přidání souřadnic kliknutí bez hodnoty

longdesc dlouhý popisek text nebo URL

Src

Zdroj obrázku neboli cesta k tomu souboru (angl. source = zdroj). Cesta k obrázku se udává

jako klasické URL absolutně nebo relativně. Přípustné jsou soubory typu *.gif, *.jpg, v nověj-

ších prohlížečích také *.png a v Internet Exploreru *.bmp. Pokud soubor obrázku nebude

nalezen, zobrazí se ve stránce zástupný symbol nenalezeného obrázku (nejčastěji červený

křížek) se zástupným textem.

Příklad vložení obrázku obrazek.jpg, který se nachází ve stejném adresáři (relativní ces-

ta):<img src=" obrazek.jpg " alt="obrazek">

Page 76: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

76

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Příklad vložení obrázku absolutní cestou:

<img src="http://www.mojestranky/obrazek.jpg" alt="moje stranky">

Pokud je src zadané špatně, objeví se místo obrázku červený křížek.

Alt

Zástupný text (alternative text). Zobrazuje se ve stránce v oblasti nenačteného obrázku.

Spousta lidí prochází web s vypnutými obrázky (třeba kvůli slabému připojení), mnoho uži-

vatelů webu je slabozrakých, slepci si nechávají stránky předčítat čtečkami nebo převádět do

braila. Pro všechny tyto uživatele jsou obrázky neviditelné. Oni vědí, že na stránce je obrázek,

ale nevědí, co na něm je. A proto (a nejen proto) se tam píše alt.

Příklad zástupného textu "strom":<img src=" obrazek.jpg " alt="obrazek">

Pokud je obrázek načten, zobrazuje se v Internet Exploreru hodnota altu při přejíždění obráz-

ku ve žluté bublině. Chceme-li udělat žlutou bublinu standardně, funkční v Exploreru i v ji-

ných prohlížečích, nepoužíváme na to alt, ale atribut title. Pokud chceme zadat alt, ale ne-

chceme, aby jej Explorer zobrazoval ve žluté bublině, přebijeme alt prázdným title, bublina v

Exploreru nebude.

Lowsrc

Zástupný obrázek pro malé displeje. Nepoužívá se.

Width, Height

Šířka (width) a výška (height) obrázku. Udává se v pixelech (normální číslo) nebo procen-

tech. Pokud rozměry nejsou uvedeny, zobrazí se obrázek ve své normální velikosti. V praxi se

doporučuje výšku a šířku u obrázku zadávat i v případě, že obrázek bude přirozeně veliký. To

kvůli rychlejšímu a lepšímu načítání stránky.

Pokud se zadají jiné rozměry, než má obrázek ve skutečnosti, pak se ve výsledku obrázek

zvětší, zmenší nebo zdeformuje. V případě, že je uveden jenom jeden rozměr (šířka nebo

výška), upraví se druhý rozměr tak, aby obrázek zachovával proporce (takže může být jinak

velký, ale nebude deformovaný).

Příklad: máme obrázek strom.gif o šířce 50 a výšce 100 pixelů. Nejlépe je zadat jej tak-

to:<img src=" obrazek.jpg" width="50" height="100">

V případě, že rozměry nezadáme, obrázek se nakonec načte stejně velký. Jenomže při načítání

si nevyhradí místo a způsobí, že dokument po načtení obrázku poskočí.

V případě, že zadáte do width nebo height nulové hodnoty, Internet Explorer stejně vykreslí

1px velký obrázek.

Border

Tloušťka rámečku. Lze zadat nula, pak nebude obrázek orámečkovaný. Různé prohlížeče se

liší v tom, zda zobrazují rámeček u obrázku, u kterého border nebyl zadán.

Příklad nejčastějšího použití: je-li obrázek v odkazu, přirozeně se kolem něj tvoří barevný

rámeček: <a href="stranka.html"><img src="obrazek.jpg“></a>

Nejprostším řešením je zadat obrázku nulový okraj border="0":

<a href="stranka.html"><img src="obrazek.jpg" border="0"></a>

Vspace, Hspace

Page 77: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

77

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Vertikální a horizontální okraje, prostě prázdné místo okolo. Zadává se v pixelech (tedy bez

hodnoty a znamená to pixely) nebo v procentech. Procenta se počítají z rozměru obrázku.

Align

Zarovnání obrázku s okolím.

Tag <img>, atribut align

align= Význam

Obtékání obrázku

left Obrázek je umístěn k levému okraji a obtékán zpra-

va.

right Obrázek je umístěn k pravému okraji a obtékán zle-

va.

Vertikální umístění

obrázku na řádku

top Vršek obrázku je zarovnán s nejvyšším bodem libo-

volného objektu řádku.

texttop Vršek obrázku je zarovnán s nejvyšším bodem textu

(většinou je to totéž, co top).

middle Střed obrázku je zarovnán s účařím písma řádku.

absmiddle Střed obrázku je zarovnán se středem řádku.

baseline Spodek obrázku je zarovnán na účaří.

bottom Spodek obrázku je zarovnán na spodek písma

absbottom Spodek obrázku bude zarovnán na nejnižší místo

řádku.

Velký obrázek se v praxi většinou nechává obtékat nebo umisťuje do samostatného odstavce.

Chceme-li obrázek umístit na střed, přes atribut align to nejde. Obalíme obrázek nějakým

blokovým prvkem (třeba tagem <div>) a zarovnání na střed zadáme tomuto „obalovacímu“

prvku.

Usemap

Přítomnost tohoto atributu dělá z obrázku klikací mapu. Hodnotou atributu je křížek # plus

jméno mapy. Mapa je element vyznačený tagem <map> obsahující definici aktivních oblastí.

Popis mapy je umístěn v tomtéž HTML dokumentu. Jméno mapy je určeno atributem name u

tagu <map> .

Ismap

V praxi se nepoužívá.

Longdesc

Dlouhý popisek se používá málo.

Page 78: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

78

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Map

Klikací mapa obrázku. V dokumentu se tento element nijak nezobrazuje, pouze způsobuje, že

obrázek bude na některých místech klikat jako odkaz. Mapa obsahuje popis aktivních oblastí,

které jsou reprezentovány tagy <area>. Pomocí jména -- atributu name -- je mapa spojena s

obrázkem (atribut usemap u <img>). Name může být libovolný název. Jedna mapa může být

teoreticky přiřazena k více obrázkům, nenapadá mě ale situace, kdy je to užitečné.

Příklad: <map name="ctverecky">

<area href="prvni.htm" shape="rect" coords="80, 80, 130, 130">

<area href="druha.htm" shape="rect" coords="20, 20, 50, 50">

</map>

<img src="obrazek.gif" usemap="#ctverecky" width="150" height="150">

Area

Aktivní oblast v mapě. Nepárový tag. Nezobrazuje se. Může se vyskytovat pouze v elementu

<map>. Area vymezuje oblast obrázku, na kterou se dá kliknout jako na odkaz. V jednom

elementu <map> může být neomezeně elemetů <area>, každá pro jednu aktivní oblast.

Atributy tagu <area>

Atribut Význam Hodnoty

href cíl odkazu URL

target cílový rám jméno rámu

coords souřadnice oblasti čísla oddělená čárkami

nohref oblast není odkazem bez hodnot

alt alternativní text libovolný text

Atributy href a target jsou stejné jako u odkazů. Z obecných atributů stojí za pozornost atribut

title, který v novějších prohlížečích zobrazuje u myši nad oblastí bublinu s textem (podobně

jako alt u obrázků). Atribut alt takto nefunguje, ten má význam pouze pro negrafické klienty.

Atrribut coords obsahuje souřadnice v pixelech, přičemž počátek souřadnic je levý horní roh

mapy (tedy obrázku) a y roste směrem dolů.

4.5 Tvorba rámů a formulářů

Rámy

Tag Význam Párový Výskyt

Page 79: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

79

M. Bršlica, V. Pištěková, Informační a komunikační technologie

frameset skupina rámů ano za <head>

frame rám ne <frameset>

noframes alternativa pro vyhledávače ano <frameset>

iframe vložený rám ano

Frameset

Skupina rámů. Rozděluje stránku do dvou nebo více obdélníkových oblastí (rámů), do kte-

rých se načítají jiné stránky. Tag <frameset> se vyskytuje za hlavičkou místo tagu <body>.

Pokud se před <frameset> uvede <body>, rámy nebudou fungovat. Frameset může obsahovat

pouze tagy <frame> a další <frameset>.

Atributy tagu <frameset>

Atribut Význam Hodnoty

cols rozdělení stránky do sloup-

cových rámů

čárkami oddělené délky, procenta nebo *

určující šířku rámů

rows rozdělení do řádkových

rámů

čárkami oddělené délky, procenta nebo *

určující výšku rámů

border šířka rámečku mezi strán-

kami pixely

Naprosto nejdůležitější jsou atributy Cols a Rows. V jednom tagu <frameset> může být jen

jeden z těchto atributů. Vyčleňují prostor pro následující rámy (tagy <frame>). Speciální hod-

nota * přitom znamená, že rám bude mít takovou velikost, jaká na něj zbude (podle velikosti

okna).

Atributy pro zobrazení rámečku se vesměs chovají pochybně. Doporučuje se používat pouze

atribut Border, který se zobrazuje stejně ve většině prohlížečů.

Příklad dvou rámů vedle sebe (cols jsou sloupce), ten levý je pevně široký (150), zbytek (*)

doplní druhý rám:

<frameset cols="150, *">

<frame name="sloupek" src="menu.html">

<frame name="obsah" src="uvod.html">

</frameset>

Příklad tří rámů pod sebou (jako rows = řádky), ten rám s hlavičkou má výšku 100 pixelů,

Page 80: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

80

M. Bršlica, V. Pištěková, Informační a komunikační technologie

patička má výšku 10% a prostřední rám zabírá zbytek výšky (*).

<frameset rows="100, *, 10%">

<frame name="hlavicka" src="hlavicka.html">

<frame name="obsah" src="uvod.html">

<frame name="patka" src="patka.html">

</frameset>

Frame

Rám. Vymezuje prostor pro načtení jiné stránky. Každý <frame> je vložen v elementu <fra-

meset>, jenž mu udává rozměry pro zobrazení. Nepárový tag.

Atributy tagu <frame>

Atribut Význam Hodnoty

src zobrazovaná stránka URL

name jméno rámu pro zacílení odkazů jméno rámu

scrolling umožnění rolování (zobrazení lišt) auto | no | yes

noresize znemožnění šoupání velikosti rámů myší bez hodnoty

marginheight vertikální prázdný okraj rámu pixely

marginwidth horizontální prázdný okraj rámu pixely

bordercolor barva rámečku barva

Noframes

Alternativní obsah pro vyhledávače. Některé prohlížeče a vyhledávače nechápou rámovou

strukturu, v těch se pak zobrazí obsah elementu <noframes>.

Iframe

Plovoucí rám vložený do libovolné stránky. V dokumentu se zobrazí jako obdélník s načtenou

další stránkou.

<iframe> je tag párový. Když ho zapomenete uzavřít, zbytek stránky zmizí.

Problémy rámů

špatně se ukládají

špatně se odkazují, nezobrazují adresu

nestabilní při otevírání v novém okně

znesnadňují ovládání (aktivní rám je jen jeden)

Page 81: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

81

M. Bršlica, V. Pištěková, Informační a komunikační technologie

hůře se tisknou

nezobrazují se v Lynxu a spol.

překážejí robotům

zabírají místo na čtení

stránky snadno osiří

Neviditelná adresa

V řádku adresy se zobrazuje pořád stejná základní adresa rámu, i když jsme se dostali někam

hlouběji. Pokud někde v hloubce rámovaného webu nalezneme zajímavou stránku, na kterou

bychom chtěli udělat odkaz, máme problém zjistit její adresu. Stejný problém se vyskytne u

stránky, kterou chceme uložit mezi oblíbené, i zde nám uloží jenom tu první rámovanou

stránku.

Otevírání v novém okně

Kromě začátečníků se na internetu objevují i zkušení uživatelé, kteří vědí, že svou práci mo-

hou zrychlit, pokud budou používat otevírání odkazů v nových oknech. V tu chvíli se ale

všechny pečlivě budované rámové struktury nadobro rozpadnou.

Aktivní rám

Pro operace jako jsou tisk, posouvání okna šipkami nebo přeskakování tabulátorem je vždy

aktivní jenom jeden rám. To dokáže pěkně znesnadnit ovládání, zejména těm, kdo jsou zvyklí

používat trochu více klávesnici.

Indexovací roboti

Indexovací roboti si při procházení webem zaindexují obsah všech stránek kvůli dalšímu vy-

hledávání. Přitom i skáčou po odkazech. Pokud ale narazí na definici rámů, někteří starší ro-

boti se na vnitřek těch rámů nedokážou (nebo nechtějí) podívat.

Proč rámy používat

1. Jednoduchost - chceme-li vytvořit jednoduchou webovou stránku, jsou rámy skvělým

řešením. Na kraj dáme odkazy a napravo skutečný obsah. Není co řešit.

2. Efektnost - vypadá to zajímavě, když rolujeme dolů a část stránky přesto zůstává na mís-

tě.

3. Efektivnost – například rám s tlačítky pro jednodušší pohyb na www stránkách

Formuláře

Tag Atribut type= Význam Ukázka Párový Výskyt

form formulář ano

input

text textový vstup text

ne <form>

password heslo *****

Page 82: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

82

M. Bršlica, V. Pištěková, Informační a komunikační technologie

radio přepínače

checkbox zatrhávací políčko

submit odesílací tlačítko odeslat

další v textu

select výběrové pole

ano <form>

option volba v selectu ne <select>

textarea velké vstupní pole

dole

ano <form>

label popis pole ano <form>

fieldset skupina polí ano <form>

legend popis pole ano <fieldset>

optgroup skupina voleb ano <select>

button tlačítko button ano <form>

Form

Formulář. Párový tag. Uzavírá skupinu ovládacích polí do jednoho formuláře, který bude

najednou odeslán.

Atributy tagu <form>

Atribut Význam Hodnoty

action skript, který bude zpracovávat data URL

method způsob předávání dat get | post

enctype způsob zakódování dat application/x-www-form-urlencoded | multi-

part/form-data | libovolná mime deklarace

target cílové okno nebo rám _self, _blank, _top, _parent, nebo jméno rámu

nebo okna

Page 83: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

83

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Input

Vstupní pole. Nepárový tag.

Obecné atributy tagu <input>

Atribut Význam Hodnoty

type druh vstupního pole

text | password | hidden | radio |

checkbox | submit | reset | image |

file | button

name jméno pole, které se odesílá s daty libovolné jméno

value hodnota pole (původní hodnota pole nebo

text zobrazovaný na tlačítku) libovolná hodnota

disabled

políčko bude šedé a nepůjde měnit

(jen v některých prohlížečích)

v IE se neodesílá

bez hodnoty

readonly obsah pole nepůjde měnit

(fachá jen v některých prohlížečích) bez hodnoty

align zarovnání (jako u obrázku) right, left + těch dalších x mož-

ností

Další atributy jsou přípustné na základě hodnoty atributu type. Mohou to být size, maxlength,

checked, autocomplete, src a accept (vizte níže).

Atribut type určuje typ políčka.

Input v sobě zahrnuje celou škálu různých kolonek, tlačítek a přepínačů -- to všechno závisí

na atributu type.

Tag <input>, atribut type. Různá vstupní pole.

type= Druh vstupního pole Další atributy

text obyčejné textové pole

size= šířka ve znacích

maxlength = nejvyšší možný počet

zadaných znaků, autocomplete =

doplňování známých hodnot

password textové pole s hvězdičkami size= šířka ve znacích

maxlength- maximum znaků

Page 84: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

84

M. Bršlica, V. Pištěková, Informační a komunikační technologie

hidden skryté pole s předem nastavenou

hodnotou

radio

přepínač puntíků (několik tagů <input

type=radio> stejného jména (name) s

různými hodnotami tvoří skupinu

možností)

checked -- atribut bez hodnoty způ-

sobí stisknutí puntíku

checkbox zatrhávací tlačítko checked -- atribut bez hodnoty způ-

sobí zatržení

submit potvrzující tlačítko způsobující ode-

slání formuláře

reset tlačítko na smazání všech polí (na

přednastavenou hodnotu)

image

potvrzující tlačítko odesílající navíc

souřadnice kliknutí (name.x a name.y

(php je dostává jako name_x a na-

me_y ))

src= URL obrázku

(navíc nepoužitelné dynsrc, lowsrc

jako u <img>)

file umožní zadat soubor accept = MIME typ nabízených

souborů

button tlačítko ovládané skriptovými atribu-

ty

Příklady použití tagu input:

Obyčejné textové pole:

<input type="text" name="jmeno"> nebo <input name="jmeno">

Obyčejné textové pole dlouhé 10 znaků:

<input type="text" size="10" name="jmeno">

Textové pole s předvyplněnou hodnotou ahoj:

<input type="text" name="jmeno" value="ahoj">

ahoj

Pole pro heslo:

<input type="password" name="heslo"> bude se hvězdičkovat, zkuste si.

Page 85: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

85

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Skryté pole pro předávání skrytých parametrů:

<input type="hidden" name="skryte" value="ahoj">

(nezobrazí se, ale je tam)

Tři přepínací tečky (radio buttony), první vybraná:

<input type="radio" name="stejne_jmeno" value="první" checked="checked">

<input type="radio" name="stejne_jmeno" value="druhá">

<input type="radio" name="stejne_jmeno" value="třetí">

Zaškrtávací čtvereček (zaškrtnutý):

<input type="checkbox" name="ctverecek" checked="checked">

Odesílací tlačítko:

<input type="submit" value="Odeslat">

Odeslat

Select

Výběr zobrazí obdélníček s možnostmi nebo roletkové menu. Párový tag, jeho obsahem jsou

jednotlivé volby -- tagy <option>.

Atributy tagu <select>

Atribut Význam Hodnoty

name jméno pole odesílatné s daty libovolné jméno

multiple umožnění hromadného výběru (s Ctrl) bez hodnoty

size počet zobrazených řádků číslo

disabled políčko bude šedé a nepůjde měnit

(jen v některých prohlížečích) bez hodnoty

Pokud je size 1, bude to roletkové menu. Při size 2 a vyšší se <select> zobrazí jako obdélní-

ček s rolovací lištou. Bude-li hodnot stejně nebo méně než size, nebudou tam ani rolovací

lišty.

Page 86: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

86

M. Bršlica, V. Pištěková, Informační a komunikační technologie

Šířka selectu, jak se vykreslí na stránce, se odvozuje od nejširší option. Vzhled šedivé šipky s

nabídkou nelze v Internet Exploreru nijak změnit.

Příklad:

<select name="ovoce">

<option value="jb">jablko</option>

<option value="hs" selected="selected">hruška</option>

</select>

hruška

Option

Položka výběru. Nepárový tag (třebaže se může zadávat párově), obsahem elementu je text za

tagem až do dalšího tagu.

Atributy tagu <option>

Atribut Význam Hodnoty

value řetězec odesílaný jako hodnota pole řetězec

selected položka je předem vybrána bez hodnoty nebo s libovolnou

disabled položka je vidět, ale je zašedlá a nelze ji vybrat disabled

Obsah tagu, tedy text za tagem <option> se zobrazí ve výběru.

Textarea

Rozsáhlé vstupní pole (textarea = angl. prostor pro text). Zobrazuje rámeček s lištou. Párový

tag. Nemá atribut value, za implicitní hodnotu se považuje obsah elementu. Jinak řečeno, tag

<textarea> obklopuje text, který se zpočátku zobrazí uvnitř </textarea>.

Atributy tagu <textarea>

Atribut Význam Hodnoty

name jméno odesílané s daty jméno

cols šířka pole ve znacích číslo

rows výška pole v řádcích číslo

disabled políčko bude šedé a nepůjde měnit

(jen v některých prohlížečích, tehdy se neodesílá) bez hodnoty

Page 87: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

87

M. Bršlica, V. Pištěková, Informační a komunikační technologie

readonly obsah pole nepůjde měnit

(fachá to jen v některých prohlížečích) bez hodnoty

wrap zalamování slov a řádků hard, soft, off

Příklad na textarea:

<textarea name="promenna" cols="40" rows="3">

Text, který bude v textovém poli předvyplněný

</textarea>

Label

Štítek, popisek pole. Vyskytuje se nejlépe před políčkem, ke kterému se vztahuje, aby to i v

prohlížečích, které label nepodporují, dávalo smysl. Výhodou je aktivace pole formuláře,

pokud se klikne na štítek, a lepší automatizace (accesskey, css). Vlastní text štítku se zadává

jako obsah elementu -- jde o tag párový.

Atribut tagu <label>

Atribut Význam Hodnoty

for svázání s polem stejného identifikátoru hodnota atributu id u svázaného pole

Příklad: <label for="drak">Zadej jméno draka:</label> <input type="text" id="drak">

Zadej jméno draka:

Fieldset

Skupina polí. Párový tag, který opticky sdruží několik prvků formuláře a vykreslí kolem nich

slabý rámeček. Čáru rámečku může přerušit text tagu <legend>. <fieldset> nemá žádné atri-

buty kromě obecných.

Legend

Popisek skupiny polí (tagu <fieldset>). Zobrazuje se nad skupinou polí přes horní čáru field-

setu. Musí být zapsána hned za značkou <fieldset>.

Atribut tagu <legend>

Atribut Význam Hodnoty

Page 88: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

88

M. Bršlica, V. Pištěková, Informační a komunikační technologie

align zarovnání popisku left | right | center

Příklad:

<fieldset>

<legend>Milá zvířátka</legend>

Kočičky: <input name="kocky"><br>

Dráčci: <input name="draci">

</fieldset>

Milá zvířátka Kočičky:

Dráčci:

Optgroup

Skupina voleb ve výběrovém prvku <select>. Párový tag, kterým se obklopí skupinky tagů

<option>. V šestkových verzích prohlížečů se potom takové skupinky zobrazí odsazené a

budou mít nadpis tučnou kurzívou. Ten nadpis se zadává jako atribut label tagu <optgroup>.

Pětkové a nižší verze prohlížečů tento tag ignorují a zobrazují volby normálně pod sebou.

Příklad:

<select size="3">

<optgroup label="nadpis skupinky">

<option>první</option>

<option>druhá</option>

</optgroup>

</select>

první

druhá

Button

Tlačítko. Jedinou a hlavní výhodou buttonu oproti tagu <input> je, že se do něj dá vložit libo-

volný HTML kód, který se na tlačítku zobrazí. Takže se mezi <button> a </button> dají vklá-

dat obrázky, nadpisy, prostě cokoliv. Je to prostě tag párový.

Příklad:

<button name="cokoliv" value="cokoliv">tlačítko s <b>tučným textem</b></button>

tlačítko s tučným textem

V praxi se button chová hodně podobně jako <input> se stejným type, v praxi se moc nepou-

žívá.

Page 89: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

89

M. Bršlica, V. Pištěková, Informační a komunikační technologie

4.6 Co to je PHP a CSS

CSS vzniklo někdy kolem roku 1997. Je to kolekce metod pro grafickou úpravu webových

stránek. Ta zkratka znamená Cascading Style Sheets, česky "kaskádové styly". Kaskádové,

protože se na sebe mohou vrstvit definice stylů, ale platí jenom ta poslední. CSS zatím ne-

podporují mobilní zařízení, například prohlížeče Ipaqů. I v nich ale jde text přečíst. CSS ne-

podporují ani velmi staré prohlížeče (Explorer 2 a Navigator 3), které se však už snad nikde

nevyskytují.

Kdy používat CSS

V první řadě je potřebná znalost HTML (alespoň částečná). Existuje pouze pět případů, kdy

se opravdu vyplatí zajímat se o CSS styly:

buďto si chceme dát na stránku nějaký formátovací „špek“, který se nedá udělat nor-

málně,

často píšeme texty určené pro Internet a nechceme ztrácet čas složitým formátová-

ním,

zabýváme se skriptováním, zejména Javascriptem,

spravujeme (či zatím jen plánujeme) větší web s mnoha stránkami, které by měly vy-

padat podobně,

nebo prostě chceme být informováni, když se mluví o stavbě stránek.

Nástin možností CSS

Co vše lze pomocí CSS udělat:

nastavit libovolnou a přesnou velikost písma, p r o k l á d á n í , KAPITÁLKY,

udělat odsazení prvního řádku odstavce, zvětšit řádkování,

zrušit nebo zvětšit prázdný prostor po odstavci,

automaticky formátovat nadpisy (například je všechny udělat zelené),

zvýrazňovat odkazy po přejetí myší,

udělat automaticky grafické odrážky,

určité části textu zneviditelnit, zprůhlednit nebo nezobrazit,

předefinovat grafický význam běžných tagů (například všechno, co je kurzívou, udě-

lat i tučně),

nastavit pozadí čehokoliv, stránky, tabulky ale třeba i odstavce; pozadí se nemusí

opakovat a může mít přesnou pozici,

umístit nějaký objekt (třeba kus textu) kamkoliv do stránky, může se to i překrývat,

přidat k čemukoli rolovací lišty, oříznout to, orámovat, nastavit okraje,

v kombinaci se skripty je dnes CSS nejmocnější zbraň pro "rozhýbání" stránek,

hlavní význam CSS spočívá v tom, že fungují hodně automaticky, přičemž se vzhled

celého webu deklaruje jedním souborem.

PHP jako jeden z programovacích jazyků se zpracovává pouze na straně serveru, na rozdíl od

např. JavaScriptu, se kterým se pracuje přímo v prohlížeči. Prakticky to funguje tak, že klient

zadá svůj požadavek, server jej zpracuje a klientovi odešle výsledek v podobě čistého html.

Page 90: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

90

M. Bršlica, V. Pištěková, Informační a komunikační technologie

PHP skripty se nedají odcizit, protože ke klientovi dorazí vždy jen čisté html.

Příklad:

Napíšeme si jednoduchý php skript:

<?echo"<h1>A tady máme nadpis v PHP!</h1>"; ?>

Server to vyhodnotí a do prohlížeče dorazí jen čisté html:

<h1>A tady máme nadpis v PHP!</h1>

Co bude potřeba

Textový editor jako pro psaní klasického html.

Podpora php na straně serveru.

Nainstalovat si doma třeba PHPTriad (Apache, PHP a MySQL) na testování skriptů.

Využití PHP

PHP má velké možnosti např:

vkládání stejného kódu do více stránek,

kniha návštěv,

diskusní fórum,

bezpečné zaheslování,

ankety,

počítadla návštěv (zobrazení i unikátních návštěvníků),

odesílání e-mailu přes formulář,

spolupráce s databázemi (např. MySQL),

redakční systémy,

kvízy, testy aj. využití.

Bohužel udělat si například diskusní fórum není vůbec jednoduché, naštěstí je spousta dis-

kusních fór zdarma ke stažení, které se mohou upravovat podle vlastní potřeby (na to postačí

jen základní znalosti php). Stránky, ve kterých jsou nějaké php skripty, musí mít jinou kon-

covku než *.html nebo *.htm. Jaká koncovka tam má být záleží na nastavení serveru, v praxi

se nejčastěji používá *.php.

Vzorový příklad

<html>

<head>

<title>Jednoduchý příklad</title>

</head>

<body style="background-color: yellow; color: blue">

<!—nastavení barvy pozadí a barvy písma, toto platí pro celý dokument -->

<h1>Moje milé koťátko</h1>

<!—nadefinovaný hlavní nadpis -->

<p>Moje malé koťátko se jmenuje <b>Mikeš</b>,

<i>(podle jména koucoura od pana Lady)</i>.</p>

Page 91: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

91

M. Bršlica, V. Pištěková, Informační a komunikační technologie

<span style="color: red;">Je celé mourovaté a moc krásné</span>

<!—nadefinovaný tučný text, dale kurziva a změněná barva na červeno, pouze pro vybraný

text -->

<p>A co je na něm nejkrásnější? <i><b>No přece oči.</b></i><br>

Ale celé je krásné a roztomilé. Hlavně když si hraje.</p>

<h2>Odkazy a fotografie</h2>

<p>Tady najdete par <a href="http://kamaradi-zviratka.blog.cz/0708/roztomila-

kotatka">Mikešových kamarádů</a>. </p>

<p><a href="Kote.html">A tady je návod jak o kotě pečovat</a></p>

<h2><span style="color: green;">A tady konečně jak vypadá</span></h2>

<img src="kotatko.jpg" width="100" height="75" alt="male koťátko"

align="right"><br><br><br>

<img src="kotatko.jpg" alt="velké koťátko" border="5"><br>

</body>

</html>

4.7 Závěr

Programování nebo zápis v html kódu není jednoduchý. Při troše dobré vůle se ale zvládnout

dá. Je dobré si při tvorbě webové stránky zapnout internetový prohlížeč a veškeré jednotlivé

Page 92: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

92

M. Bršlica, V. Pištěková, Informační a komunikační technologie

kroky si v něm prohlížet. Uvidíte svůj pokrok a zároveň hned můžete zjistit případné chyby

nebo najít prostor pro zlepšení. Důležité je opravdu zkoušet. Jednotlivé tagy a jejich atributy

je potřeba si vyzkoušet, protože ani při sebelepším popisu nedokážete přesně pochopit, co

dělají. Při pohledu a vlastním vyzkoušení Vám to bude jasné hned. Existuje i celá řada editorů

html, případně se dají udělat jednoduché stránky i ve wordu, nebo jiném textovém editoru.

Opravdoví programátoři však dávají přednost poznámkovému bloku, případně co nejjedno-

duššímu html editoru, a to z následujících dvou důvodů:

Velikost (při dnešních kapacitách serverů a sítí už podružná záležitost) – web tvořený

v textovém nebo html editoru měl i několikanásobnou velikost a ukrýval v sobě velmi

složité struktury.

Čistota kódu a přehlednost – z tohoto důvodu programátoři a tvůrci webových stránek

používají velmi jednoduché html editory, nebo pouze poznámkový blok. Kód, ve kterém

píšeme, není programem ovlivňován a je zcela čistý. Jiné programy mohou do kódu vklá-

dat věci, které tam mít nechceme, nebo náš zápis dokonce upravuje a v konečné fázi zjis-

tíme, že z toho co jsme zamýšleli, zbylo jen málo. Přehlednost je taková, jakou ji autor

udělá.

Pokud s html začínáte je opravdu lepší používat poznámkový blok, protože kód, ve kterém

píšete, pak v konečném výsledku odpovídá tomu, co jste skutečně napsali. Nezapomeňte, že

všechny obrázky musí být ve stejném adresáři s webovou stránkou, případně musíte zachovat

stejnou cestu.

DALŠÍ ZDROJE

PECINOVSKÝ, J. , PECINOVSKÝ, R. Office 2010 podrobný průvodce. 1. vyd. Pra-

ha : Grada Publishing, 2011. ISBN 978-80-247-3620-4

www.jakpsatweb.cz

Page 93: Informaní a komunikaní technologie a... · 2.4 Tvorba a úprava graf ... Backstage, SmarArt atd.). V samot-ném závěru mu budou vysvětleny základy používání jazyka HTML

93

M. Bršlica, V. Pištěková, Informační a komunikační technologie

SEZNAM POUŽITÝCH ZNAČEK, SYMBOLŮ A ZKRATEK

INFORMATIVNÍ, NAVIGAČNÍ, ORIENTAČNÍ KE SPLNĚNÍ, KONTROLNÍ, PRACOVNÍ

Průvodce studiem

Kontrolní otázka

Průvodce textem, podnět, otázka, úkol

Samostatný úkol

Shrnutí

Test a otázka

Tutoriál

Řešení a odpovědi, návody

Čas potřebný k prostudování

Korespondenční úkoly

Nezapomeň na odměnu a odpočinek

VÝKLADOVÉ NÁMĚTY K ZAMYŠLENÍ, MYŠLENKOVÉ,

PRO DALŠÍ STUDIUM

K zapamatování

Úkol k zamyšlení

Řešený příklad

Část pro zájemce

Definice

Další zdroje

Věta