SIPVZ Tvorba www stránek

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "SIPVZ Tvorba www stránek"

Transkript

1 SIPVZ Tvorba www stránek RNDr. Jana Reslová SPŠE a VOŠ Pardubice V čem vytvářet HTML stránky... 2 Editor 1stPage... 4 Instalace...4 Prostředí editoru 1stPage...4 Úprava prostředí 1stPage...5 Základy HTML... 7 Základní části textu...7 Obrázky...7 Odkazy...8 Tabulky...8 Styly css Definice stylu společná pro více dokumentů...11 Definice stylu přímo v dokumentu...11 Příprava obrázků pro internet Velikost obrázku...12 Příprava obrázků pro internet program IrfanView verze Příprava obrázků program IrfanView verze Jak zkontrolovat bezchybnost Kontrola HTML kódu...20 Umístění souborů na internet Přenos souborů na internet...21 FTP Transfer programu 1stPage...21 SIPVZ Publikování na www 1/22 RNDr. Jana Reslová

2 V čem vytvářet HTML stránky Wysiwyg editory (FrontPage, Macromedia DreamViewer, apod.) umožňují psát stránky bez znalosti html kódu, stránky se vytvářejí a formátují podobně jako dokumenty ve Wordu (wysiwyg = what you see is what you get = co vidíš, to dostaneš). Program sám generuje výsledný html kód. kvalitní wysiwyg editory jsou komerční produkty, cena programu FrontPage je něco přes jeden tisíc korun, cena Macromedia Dreamweaver přesahuje deset tisíc korun. výhodou je, že stránky vytvoříte poměrně snadno. při práci s těmito programy je třeba dodržovat určité zásady a postupy, aby vygenerový kód nebyl chaotický a byl úsporný, aby stránky byly formátovány pomocí stylů. Je třeba se vyvarovat jednoduchých postupů přílišného formátování pomocí tlačítek. Máte-li k dispozici pro svoji tvorbu program Microsoft FrontPage, či uvažujete o jeho zakoupení, prohlédněte si články o tvorbě www pomocí Microsoft FrontPage. HTML editory (HomeSite, 1stPage, GoldenHTML, apod.) umožňují přímo zapisovat a editovat html kód stránek, přičemž barevně odlišují html značky od vlastního textu stránky. HTML tagy není nutné přesně znát, je možné je vkládat pomocí tlačítek panelů nástrojů editoru, či pomocí jeho menu. Při vytváření hlml kódu stránky umožňují editory průběžně zobrazovat její výslednou podobu v náhledovém okně. veškerý potřebný software (editor pro tvorbu html, editor stylů, grafický editor pro přípravu obrázků) je free (zdarma). hlml kód vytváříte přesně podle svých představ. musíte se naučit rozumět html kódu Chcete-li se naučit základy html a dozvědět se, jak vytvářet co nejefektivnější stránky, či prostě nemáte k dispozici program Microsoft FrontPage, přihlašte se na kurz Publikování na www - s HTML editorem 1stPage. Chcete-li se podívat, co se naučíte v tomto kurzu, přečtěte si další kapitoly o tvorbě www pomocí 1stPage. Zvolíte-li tvorbu www stránek prostřednictvím free software, budete potřebovat: HTML editor 1stPage editor stylů Top Style Lite editor obrázků IrfanView internetové prohlížeče Microsoft Internet Explorer a Mozila Všechen potřebný software najdete na CD, které obdržíte k našemu kurzu. SIPVZ Publikování na www 2/22 RNDr. Jana Reslová

3 Co to je HTML HTML stránky obsahují text doplněný html značkami, tzv. tagy: HTML stránky jsou uloženy jako soubory s příponou htm nebo html. Je vhodné zvolit jednu z těchto možností a tu pak používat pro všechny stránky. Hlavní stránku, která má být zobrazena po zadání internetové adresy uložíme jako soubor index.htm (nebo index.html). Obrázky jsou uloženy samostatně jako soubory jpg, gif nebo png. Stránky, které je zobrazují, obsahují pouze html značku s přesným určením místa a názvu souboru s obrázkem. Další soubory (pdf, zip, xls, apod.) jsou rovněž uloženy samostatně, stránky obsahují odkaz s přesným určením místa a názvu těchto souborů. Některé typy souborů mohou být po kliknutí na odkaz otevřeny přímo internetovým prohlížečem, jiné jsou určeny ke stažení (uložení na disk). SIPVZ Publikování na www 3/22 RNDr. Jana Reslová

4 Editor 1stPage Instalace Soubory k instalaci 1stPage spolu s dalšími materiály jsou na CD, které obdržíte na našem kurzu nebo na internetových stránkách sipvz.spse.cz. Editor 1stPage verze 2000 můžete instalovat ze samorozbalovacího archivního souboru 1st_page.exe, který obsahuje jak českou, tak anglickou verzi programu. Součástí této instalace je i nástroj pro FTP přenos souborů na internetový server. Nejnovější verzi programu 1stPage najdete na stránkách K dispozici je i čeština, kterou najdete na internetových stránkách timer.wz.cz Čeština bohužel funguje pouze na některých operačních systémech. Prostředí editoru 1stPage Nový soubor, otevřít, uložit, uložit všechny soubory Zobrazení kódu Zobrazení náhledu Panely nástrojů Zavření souboru Zapnutí trvalého náhledu Otevření souboru 2x kliknout Výběr složky Přepínání mezi otevřenými stránkami SIPVZ Publikování na www 4/22 RNDr. Jana Reslová

5 Úprava prostředí 1stPage Pokud není správně zobrazen text v okně Edit (písmena s diakritikou), nastavíme písmo pomocí menu Options Editing Preferences Vybereme East Europe SIPVZ Publikování na www 5/22 RNDr. Jana Reslová

6 Úprava panelů nástrojů Pokud si zavřeme některý z panelů nástrojů, klikneme pravým tlačítkem myši na kterémkoliv panelu a zapneme zobrazení požadovaného panelu. Pokud některý panel vytáhneme myší na plochu, stane se z něj samostatný plovoucí panel, můžeme jej myší přetáhnout zpět mezi ostatní panely, pořadí jejich záložek upravíme pomocí Organize palete. Další tlačítka lze na panely přidávat pomocí Customize. Není-li na panelech například tlačítko pro odstavec (Paragraph), přidáme jej např. na panel Standard následujícím způsobem: 2) Vybereme tlačítko a myší jej přetáhneme na zvolené místo na ukázce panelu 1) Označíme požadovaný panel 3) Stiskneme Save SIPVZ Publikování na www 6/22 RNDr. Jana Reslová

7 Základy HTML O vytváření HTML kódu již byla napsána řada učebnic, mnohé najdete na internetu (např. na stránkách nebo Na CD, které obdržíte k našemu kurzu, najdete cvičení s odkazy na vybrané kapitoly rozsáhlé elektronické učebnice Jak psát web, která je se souhlasem autora součástí CD. V následující tabulce jsou uvedeny základní html značky (tzv. tagy), které potřebujete k vytvoření svých prvních internetových stránek. Další spolu s popisem jejich významu a jejich parametrů najdete ve zmíněných učebnicích. Základní části textu HTML tag Význam Panel nástrojů 1stPage Tlačítko 1stPage <h1>...</h1> Hlavní nadpis Standard <h2>...</h2> Podnadpis Standard <p>...</p> Odstavec nutno přidat na některý panel Nedělitelná mezera Standard < Znak menší (např. x<0) menu Insert - Special Character Symbols > Znak větší (např. y>x) menu Insert - Special Character Symbols <strong>...</strong> <em>...</em> Zvýrazněné písmo (obvykle tučné) Zvýrazněné písmo (obvykle kurzíva) Fonts Fonts <b>...</b> Tučné písmo (bold) Fonts <i>...</i> Kurzíva (italic) Fonts <sup>...</sup> Horní index Fonts <sub>...</sub> Dolní index Fonts <br> Konec řádku Standard Obrázky <img src=" "> Obrázek Standard <img src="olympia1.jpg" width="200" height="150" border="0" alt="olympia" align="left"> <img src=" "> Obrázek přetažením souboru s obrázkem z levého panelu do okna Edit <img src="olympia1.jpg" width="200" height="150" border="0" alt=""> SIPVZ Publikování na www 7/22 RNDr. Jana Reslová

8 Odkazy <a href=" "> </a> Odkaz Standard <a href="historie.htm">historie olympijských her</a> <a href="galerie/foto.jpg" target="_blank" title="zvětšit obrázek"><img src="galerie/n_foto.jpg" width="200" height="150" border="0" alt=""></a> <a href=" "> </a> Odkaz přetažením souboru html z levého panelu do okna Edit <a href="historie.htm"></a> <a href="mailto: "> </a> Odkaz na mail Standard nebo <a <a href=" "> </a> Odkaz na soubor <a href="navody.pdf" title="soubor ke stažení">návod</a> nebo Tabulky <tables> </tables> Tabulka s řádky i buňkami Tables <tr> </tr> Řádek tabulky Tables nebo <td> </td> Buňka tabulky Tables <th> </th> Buňka tabulky pro nadpis Tables Na CD, které obdržíte k tomuto kurzu, najdete cvičení s odkazy na vybrané kapitoly elektronické učebnice Jak psát web, kde jsou podrobně popsány výše jmenované tagy. SIPVZ Publikování na www 8/22 RNDr. Jana Reslová

9 Dialogová okna vložení odkazu po stisknutí tlačítka : Dialogové okno vložení obrázku po stisknutí tlačítka : Relativní adresa URL se vytvoří po kliknutí na tlačítko a označení souboru. Odkaz může být na stránku v jiné složce pak zde bude uvedena cesta do této složky. Výběr obrázku Text, který je zobrazován při ukázání myší na obrázek a který se zobrazuje v místě obrázku, dokud se celý obrázek nenačte do stránky. Text, který se bude zobrazovat u odkazu po nastavení ukazatele myši nad odkaz. Obdobně jako parametr alt u obrázku. Stisknutím tlačítka Recalculate se zapíše šířka avýška obrázku. Zarovnání obrázku vzhledem k textu odstavce. Odkaz bude otevřen v novém okně. Obvykle používáme u odkazů na "cizí" internetové stránky. SIPVZ Publikování na www 9/22 RNDr. Jana Reslová

10 Styly css Pomocí stylů definujeme vzhled jednotlivých prvků html stránky. V obsahu dokumentu pak necháváme HTML tagy bez atributů pro formátování (align, bgcolor, apod.), nepoužíváme formátovací tagy (font, apod.). Přehled css stylů najdete v učebnicích na internetu (např. nebo Styly můžete vytvářet pomocí programu Top Style Lite. Pokud není součástí instalace vašeho html editoru (instalace 1stPage jej neobsahuje), najdete jej např. na nebo na CD, které obdržíte k tomuto kurzu. V panelu vlastností volíme nastavení stylu vybíráme některou z možností, nemusíme d á ř SIPVZ Publikování na www 10/22 RNDr. Jana Reslová

11 Definice stylu společná pro více dokumentů Definici stylu uložíme do samostatného souboru (např. main.css). Tuto definici pak použijeme pro všechny stránky. Výhodou tohoto řešení je jednotný vzhled všech stránek a snadná úprava vzhledu, kterou provedeme v jediném souboru s definicí stylu (main.css). V dokumentech html v části head zapíšeme připojení souboru se styly (v programu 1stPage přetáhneme soubor main.css z levého panelu, kde se nám zobrazují soubory z vybrané složky, do okna editoru html do části head): <link rel="stylesheet" type="text/css" href="main.css"> Obsah souboru main.css může například vypadat takto: body {background-color: #FFFFCC;} h1,h2 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: Maroon; } h2 {font-size: larger; font-style: italic;} p { font-family: "Times New Roman", Times, serif; font-size: 12pt; text-align: justify; a } {color: Purple; text-decoration: none; } a:hover { text-decoration: underline; } HTML tagy: body... tělo stránky (nastavujeme pozadí, okraje) h1... hlavní nadpis (písmo, barvy, tučné, kurzíva, zarovnání textu) h1,h2... společný zápis vlastností pro h1 a h2 p... odstavec (písmo, barvy, zarovnání textu) a... odkaz (barva, tučné, kurzíva, podtržení) a:hover... při přetí myší přes odkaz (změna barvy, podtržení) a:visited... již navštívený odkaz (jiná barva) Vlastnosti: background-color: color: font-family: font-size: font-weight: font-style: text-decoration: text-align: barva pozadí barva písma druh písma velikost písma tučné písmo kurzíva podtržené písmo zarovnání textu Definice stylu přímo v dokumentu Definici stylu přímo v dokumentu používáme zpravidla pouze na určitých stránkách po připojení stylů ze souboru. Provedeme tak změnu obecně platného stylu definovaného v souboru pouze pro tuto určitou stránku (např. barvu pozadí, velikost či zarovnání nadpisu). V části head zapíšeme např.: <link rel="stylesheet" type="text/css" href="main.css"> <style type="text/css"> <! - body {background-color: #B0C4DE;} H1 {font-size: 18px; text-align: center;} --> </style> SIPVZ Publikování na www 11/22 RNDr. Jana Reslová

12 Příprava obrázků pro internet Pro internet můžete použít obrázky ve formátu jpeg, gif nebo png. Soubory s obrázky jsou uloženy samostatně, internetové stránky pak obsahují html značku s přesným umístěním a názvem souboru s obrázkem. Formát Vlastnosti JPG Plné barvy (16 miliónů), kvalitu obrázku lze nastavit mírou komprese. Fotografie, malby velký počet barev a plynulé přechody mezi nimi. GIF PNG Velikost obrázku Pouze 256 základních barev, bezztrátová komprese. Animované obrázky. Náhrada GIFu (pouze neumožňuje animované obrázky). Plné barvy, lze nastavit. Podporují jej moderní internetové prohlížeče. Použití Kresby, grafy, nápisy, mapy menší počet barev, ostré hrany. Obrázky s průhledným pozadím. Animované obrázky. Kresby, grafy, nápisy, mapy menší počet barev, ostré hrany. Obrázky s průhledným pozadím. Obrázky připravíme v takových rozměrech, v jaké velikosti je chceme mít na internetové stránce. Rozměry by neměly přesáhnout 600pix. Takto velké obrázky obvykle neumísťujeme na stránky přímo, ale připravíme jejich zmenšené kopie ( pix) jako náhledy, které na stránce fungují jako odkazy, po kliknutí na malý náhled obrázku se zobrazí velký obrázek. Obrázky doplňující text stránky mohou mít rozměry pix. Velikost souboru Velikost souboru v kb je přímo úměrná velikosti rozměrů obrázku. U běžných obrázků by neměla přesáhnout 20kB. Dále je velikost souboru závislá na množství barev a míře komprese. SIPVZ Publikování na www 12/22 RNDr. Jana Reslová

13 Příprava obrázků pro internet program IrfanView verze 3.92 K přípravě obrázků pro internetové stránky (změna velikosti, přejmenování, apod.) můžete použít jakýkoliv grafický editor. Free prohlížeč obrázků IrfanView verze 3.92 můžete nainstalovat ze souboru iview392.exe. Po nainstalování zkopírujte soubor cestina.dll do složky Languages (obvykle C:\ProgramFiles\IrfanView\Languages). Po spuštění programu IrfanView v menu Options Change language vyberete češtinu. Nastavení zobrazení obrázku menu View Display options Fit only big images to window [česky Zobrazit Možnosti zobrazení Přizpůsobit pouze velké obrázky oknu] Přejmenování obrázku menu File Rename File (F2) [česky Soubor Přejmenovat soubor] Dávkové přejmenování obrázků menu File Batch Conversion/Rename (B) [česky Soubor Dávková konverze/přejmenování] Vpravo označíme soubory, které chceme přejmenovat a stiskneme tlačítko Přidat. Chceme-li přejmenovat všechny, nemusíme je označovat, stiskneme Přidat vše. Zaškrtneme Dávkové přejmenování a stiskneme tlačítko Nastavit. V zobrazeném okně zaškrtneme Přejmenovat vstupní soubory a zadáme jméno. Stiskneme OK. Stiskneme Spustit. SIPVZ Publikování na www 13/22 RNDr. Jana Reslová

14 Zmenšení velikosti obrázku menu Image Resize/Resample (Ctrl R) [česky Obrázek Změnit velikost/rozlišení] Dávkové zmenšení velikosti obrázků menu File Batch Conversion/Rename (B) [česky Soubor Dávková konverze/přejmenování] Vybereme soubory a stiskneme Přidat nebo Přidat vše. Stiskneme Použít současnou složku jako výstupní. Zaškrtneme Dávkovou konverzi, zaškrtneme Pužít pokročilé možnosti a stiskneme Nastavit pokročilé možnosti. V zobrazeném okně zaškrtneme Změnit velikost a zadáme požadovaný rozměr. Zaškrtneme Zachovat poměr stran a Přepsat existující soubory. Stiskneme Spustit. Zde je možné nastavit míru komprese (kvalitu). SIPVZ Publikování na www 14/22 RNDr. Jana Reslová

15 Vytvoření náhledů (malých obrázků - obvykle lze na ně na stránkách kliknout a zobrazit větší obrázek): Původní obrázky zkopírujeme pod novými názvy (např. n_foto01.jpg, n_foto02.jpg, atd.) a zmenšíme jejich velikost (např. šířka 150 pix). Dávkové zkopírování s novými názvy menu File Batch Conversion/Rename (B) [česky Soubor Dávková konverze/přejmenování] Vybereme soubory a stiskneme Přidat nebo Přidat vše. Stiskneme Použít současnou složku jako výstupní. Zaškrtneme Dávkovou konverzi s přejmenováním výsledných souborů, nastavíme vzor jména, zaškrtneme Použít pokročilé možnosti a stiskneme Nastavit pokročilé možnosti. V zobrazeném okně zaškrtneme Změnit velikost a zadáme požadovaný rozměr. Zaškrtneme Zachovat poměr stran. Stiskneme Spustit. SIPVZ Publikování na www 15/22 RNDr. Jana Reslová

16 Vytvoření výřezu obrázku obrázek zobrazíme ve 100% velikosti [menu Zobrazit Původní velikost (Ctrl+H)], myší označíme požadovanou část obrázku a provedeme menu Edit Crop selection (Ctrl+Y) [česky Úpravy Vystřihnout výběr (Ctrl+Y)] Zobrazení všech obrázků ze zvolené složky menu File Thumbnails (klávesa T) [ česky Soubor Miniatury] otevře se nové okno Zvětšení rozměrů miniatur menu Options Set thumbnail options [česky Nastavení Nastavit možnosti miniatur] Obnovení miniatur (např. po dávkovém přejmenování obrázků) menu View Refresh (F5) [česky Zobrazit Obnovit (F5)] SIPVZ Publikování na www 16/22 RNDr. Jana Reslová

17 Příprava obrázků program IrfanView verze 3.85 K přípravě obrázků pro internetové stránky (změna velikosti, přejmenování, apod.) můžete použít jakýkoliv grafický editor. Návod k používání progranu IrfanView 3.85: Zobrazení náhledů všech obrázků ze zvolené složky menu File Thumbnails (T) Přejmenování obrázku menu File Rename File (F2) Dávkové přejmenování obrázků menu File Batch Conversion/Rename (B) Vpravo označíme soubory, které chceme přejmenovat a stiskneme tlačítko Add. Chceme-li přejmenovat všechny, nemusíme je označovat, stiskneme Add all Zaškrtneme Batch rename a stiskneme tlačítko Set rename options. V zobrazeném okně zaškrtneme Rename input files a zadáme název. SIPVZ Publikování na www 17/22 RNDr. Jana Reslová

18 Zmenšení velikosti obrázku menu Image Resize/Resample (Ctrl R) Dávkové zmenšení velikosti obrázků menu File Batch Conversion/Rename (B) Zaškrtneme Resize, nastavíme požadovanou velikost, např. výšku 400 pixelů, zaškrtneme Preserve aspect ratio (zachovat poměr výšky a šířky) Zaškrtneme Overwrite existing files (přepsat původní soubory) a stiskneme OK Vybereme soubory a stiskneme Add nebo Add all. Stiskneme Use this directory as ouput. Zaškrtneme Batch conversion a stiskneme Set advanced options V zobrazeném okně nastavíme požadovanou změnu velikosti. SIPVZ Publikování na www 18/22 RNDr. Jana Reslová

19 Vytvoření náhledů (malých obrázků). Obvykle lze na ně na stránkách kliknout a zobrazit větší obrázek. Původní obrázky zkopírujeme pod novými názvy (např. n_foto01.jpg, n_foto02.jpg, atd.) a zmenšíme jejich velikost (např. šířka 150 pix). Dávkové zkopírování s novými názvy menu File Batch Conversion/Rename Vybereme soubory a stiskneme Add nebo Add all. Stiskneme Use this directory as ouput. Zaškrtneme Batch rename a stiskneme Set rename options. V zobrazeném okně zadáme název, zaškrtneme Copy input files to output directory. Pak pomocí dávkového zpracování zmenšíme velikost souborů n_foto01.jpg, n_foto02.jpg, atd. SIPVZ Publikování na www 19/22 RNDr. Jana Reslová

20 Jak zkontrolovat bezchybnost Kontrola HTML kódu Vytvořené stránky zkontrolujeme prostřednictvím validátoru World Wide Web Consortia. Na internetové stránce zadáme postupně všechny svoje stránky. Pokud máme dokument HTML 4.0 a dostaneme takovouto odpověď, je náš html kód správný. Pomocí tlačítka Procházet vybereme html soubor na svém počítači, který chceme zkontrolovat a stisknete Check. Takto postupně zkontrolujeme všechny soubory. SIPVZ Publikování na www 20/22 RNDr. Jana Reslová

21 Umístění souborů na internet Závěrečné práce absolventů našich kurzů umístíme na naše internetové stránky Pro svoje potřeby si můžete zřídit prostor na některé internetovém serveru, přehled freehostingových serverů, které tuto službu poskytují zdarma, najdete na Přenos souborů na internet Soubory je možné kopírovat na internet prostřednictvím některých internetových stránek nebo pomocí FTP. Pro FTP přenos potřebujeme program, který tuto službu umožňuje (např. Windows Comander). HTML editor 1stPage rovněž tuto službu poskytuje, je však potřeba doplnit soubor transfer.exe. FTP Transfer programu 1stPage Pokud jste k instalaci 1stPage použili soubor 1st_ page.exe z našich internetových stránek nebo z CD k našemu kurzu, který již FTP Transfer obsahuje, nemusíte tedy již nic instalovat. Pokud jste použili jinou instalaci, najdete doplňující nástroj programu 1stPage pro FTP přenos souborů na Stažený soubor transfer.exe umístíme do složky s programem 1stPage (obvykle C:\Program Files\1stPage2000\ nebo např. C:\Prac\1stPage200\). V editoru 1stPage jej spustíme pomocí menu Tools - 1st Transfer FTP Klikneme pravým tlačítkem myši do prázdného pravého okna a z menu zvolíme Create Server SIPVZ Publikování na www 21/22 RNDr. Jana Reslová

22 Definujeme připojení k serveru Vybereme složky a soubory. Šipkou nebo přetažením myší zahájíme přenos souborů. ******* SIPVZ Publikování na www 22/22 RNDr. Jana Reslová

22. Tvorba webových stránek

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

Více

absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru.

absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru. Základy www Jak vytvořit webové stránky Návody a příklady najdete na adrese webowebu.phorum.cz Podrobný popis a další možnosti najdete na stránkách owebu.org Potřebný software Html editor PSPad, který

Více

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

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

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého

Více

Tvorba fotogalerie v HTML str.1

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

Více

Tvorba webových stránek

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

Více

Přehled základních html tagů

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

Více

EDITOR ADMINISTRACE WEBU PF UJEP

EDITOR ADMINISTRACE WEBU PF UJEP EDITOR ADMINISTRACE WEBU PF UJEP 2 Práce s editorem v redakčním systému stránek PF UJEP Obsah 1 Editor - obecně... 3 2 Ikony pro jednoduché formátování:... 4 3 Roletky pro přednastavené formátování...

Více

Webové stránky. 4. Tvorba základní HTML webové stránky. Datum vytvoření: 25. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

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

Více

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.

NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o. NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace.

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage 1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou

Více

WEBOVÉ STRÁNKY www.krestanskevanoce.cz

WEBOVÉ STRÁNKY www.krestanskevanoce.cz WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

Více

ZSF web a intranet manuál

ZSF web a intranet manuál ZSF web a intranet manuál Verze pro školení 11.7.2013. Návody - Jak udělat...? WYSIWYG editor TinyMCE Takto vypadá prostředí WYSIWYG editoru TinyMCE Jak formátovat strukturu stránky? Nadpis, podnadpis,

Více

Microsoft Word - Styly, obsah a další

Microsoft Word - Styly, obsah a další Microsoft Word - Styly, obsah a další Definice uživatelských stylů Nový - tzv. uživatelský styl - se vytváří pomocí panelu Styly a formátování stiskem tlačítka Nový styl. Po stisknutí tlačítka se objeví

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,

Více

Stránka se dá otevřít dvěma způsoby

Stránka se dá otevřít dvěma způsoby Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá

Více

Word 2007 pro začátečníky

Word 2007 pro začátečníky Word 2007 pro začátečníky 1 Word OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Word Cíl kurzu

Více

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT

Více

Kapitola 11: Formuláře 151

Kapitola 11: Formuláře 151 Kapitola 11: Formuláře 151 Formulář DEM-11-01 11. Formuláře Formuláře jsou speciálním typem dokumentu Wordu, který umožňuje zadávat ve Wordu data, která lze snadno načíst například do databázového systému

Více

8. Formátování. Úprava vzhledu tabulky

8. Formátování. Úprava vzhledu tabulky 8. Formátování Úprava vzhledu tabulky Výšku řádku nastavíme tak, že kurzorem najedeme na rozhraní mezi políčky s čísly řádků. Kurzor se změní na křížek s dvojšipkou. Stiskneme levé tlačítko a tahem myší

Více

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

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

Více

GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek

GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek Projekt Využití ICT ve výuce na gymnáziích, registrační číslo projektu CZ.1.07/1.1.07/02.0030 MS Word Metodický materiál pro základní

Více

Microsoft Office PowerPoint 2003

Microsoft Office PowerPoint 2003 Microsoft Office PowerPoint 2003 Školení učitelů na základní škole Meteorologická Maturitní projekt SSPŠ 2013/2013 Vojtěch Dušek 4.B 1 Obsah 1 Obsah... 2 2 Seznam obrázků... 4 3 Základy programu PowerPoint...

Více

Microsoft Word - Záhlaví a užití stylů

Microsoft Word - Záhlaví a užití stylů Microsoft Word - Záhlaví a užití stylů Záhlaví a zápatí Záhlaví a zápatí jsou oblasti umístěné na horním a dolním okraji každé stránky v dokumentu. Do záhlaví a zápatí můžete vložit text nebo grafiku (obrázek,

Více

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

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

Více

Internetové technologie, cvičení č. 5

Internetové technologie, cvičení č. 5 Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a

Více

Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce

Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce Styly odstavců V textu, který přesahuje několik stránek a je nějakým způsobem strukturovaný (což znamená, že se dá rozdělit na části (v knize jim říkáme kapitoly) a jejich podřízené části (podkapitoly),

Více

HTML Hypertext Markup Language

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

Více

Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

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

Více

WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ

WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ Zpracováno na základě podkladů poskytnutých organizátory akce Lange Nacht der Kirchen, Rakousko. Domovská stránka Noci kostelů je založena na databázi, která vedle běžných

Více

Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6.

Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6. Úprava stránek Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6. Média 1. Popis ikon editoru použitých v šabloně krátký popis detaily

Více

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

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

Více

MS WORD ZÁKLADY UKÁZKA ŠKOLÍCÍCH MATERIÁLŮ

MS WORD ZÁKLADY UKÁZKA ŠKOLÍCÍCH MATERIÁLŮ MS WORD ZÁKLADY UKÁZKA ŠKOLÍCÍCH MATERIÁLŮ Centrum služeb pro podnikání s.r.o. 2014, I. Verze, TP Obsah 1 MICROSOFT WORD 2010... 1 1.1 ÚVOD DO WORDU... 1 1.2 OTEVŘENÍ WORDU... 1 1.3 PÁS KARET... 2 1.4

Více

6. Textové editory konečná úprava dokumentu

6. Textové editory konečná úprava dokumentu 6. Textové editory konečná úprava dokumentu Formát stránky Ještě než začneme tvořit nový dokument, je namístě nastavit rozměry stránky. Pokud nechceme použít výchozí rozměr A4, nastavíme rozměry papíru

Více

Stručný manuál k ovládání programu STATISTICA. Mgr. Petra Beranová

Stručný manuál k ovládání programu STATISTICA. Mgr. Petra Beranová Stručný manuál k ovládání programu STATISTICA Mgr. Petra Beranová Copyright StatSoft CR s.r.o. 2008, 1. vydání 2008 StatSoft CR Podbabská 16 CZ-160 00 Praha 6 tel.: +420 233 325 006 fax: +420 233 324 005

Více

Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování

Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování (nejen pro editaci STI v systému SINPRO, aktualizováno: 25. 6. 2015) v 2.0 Obsah TABULKY Úprava tabulek...

Více

1. Základní pojmy, používané v tomto manuálu. 2. Stránky

1. Základní pojmy, používané v tomto manuálu. 2. Stránky Redakční systém manuál 1. Základní pojmy, používané v tomto manuálu Hlavní menu Menu v horní světlemodré liště obsahující 7 základních položek: Publikovat, Správa, Vzhled, Komentáře, Nastavení, Pluginy,

Více

ZEBU webdesign s.r.o. Technologická 372/2 +420 597 305 937 70800 Ostrava Pustkovec info@zebu.cz

ZEBU webdesign s.r.o. Technologická 372/2 +420 597 305 937 70800 Ostrava Pustkovec info@zebu.cz DIČ: CZ24704091 Strana: 1 / 18 Obsah 1. Úvod... 3 2. Přihlášení... 4 2.1. Zapomenuté heslo... 4 3. Redakční systém... 5 3.1. Sekce Stránky... 5 3.1.1. Přidání přesměrování... 6 3.1.2. Přidání překladu...

Více

Webový editor MARKET INOVATOR verze 1.0.0.0

Webový editor MARKET INOVATOR verze 1.0.0.0 Webový editor MARKET INOVATOR verze 1.0.0.0 Uživatelská příručka Úprava hotových webových prezentací 1.krok stáhnout web ze serveru Chceme-li provádět úpravy na webových stránkách, které jsou na internetovém

Více

Google Apps. dokumenty 2. verze 2012

Google Apps. dokumenty 2. verze 2012 Google Apps dokumenty verze 0 Obsah Obsah... Úvod... Textový dokument... Popis prostředí... Tvorba dokumentu a jeho základní formátování... Vložení a úprava obrázku... Vložení a úprava tabulky... Vložení

Více

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto

Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT

Více

Tvorba stránek v HTML ve Wordu

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

Více

Windows 8.1 (5. třída)

Windows 8.1 (5. třída) Windows 8.1 (5. třída) Pracovní plocha: takto vypadá Pracovní plocha u nás ve škole - pozadí Pracovní plochy - ikony na pracovní ploše - Hlavní panel - ikony na Hlavním panelu (zvýrazněná ikona spuštěné

Více

Export tabulky výsledků

Export tabulky výsledků StatSoft Export tabulky výsledků Jelikož prezentace výsledků je důležitou součástí naší každodenní práce, ukážeme si tentokrát, jak exportovat tabulky výsledků nejen do MS Wordu. Také se může hodit vědět,

Více

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

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

Více

Administrace webu Postup při práci

Administrace webu Postup při práci Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se...

Více

Uživatelský manuál aplikace. Dental MAXweb

Uživatelský manuál aplikace. Dental MAXweb Uživatelský manuál aplikace Dental MAXweb Obsah Obsah... 2 1. Základní operace... 3 1.1. Přihlášení do aplikace... 3 1.2. Odhlášení z aplikace... 3 1.3. Náhled aplikace v jiné úrovni... 3 1.4. Změna barevné

Více

Zakládání nové nebo úprava existující stránky

Zakládání nové nebo úprava existující stránky NÁVOD KTERAK UPRAVOVATI OBSAH WEBU PP. PRO PLZEŇSKÉ PANENKY VYROBIL PŘEMEK 2008 Zakládání nové nebo úprava existující stránky Např. když je nový program na měsíc nebo aktualita, nebo když je někde něco

Více

HTML - Úvod. Zpracoval: Petr Lasák

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

Více

Google Apps. dokumenty 4. verze 2012

Google Apps. dokumenty 4. verze 2012 Google Apps dokumenty verze 0 Obsah Obsah... Úvod... Tabulky... Popis prostředí... Menu a panely nástrojů... Uložení a nastavení sešitu... Tvorba a formátování tabulky... Vložení vzorce a funkce... Pravé

Více

Hromadná korespondence

Hromadná korespondence Hromadná korespondence Teoretická část: Typickým příkladem použití hromadné korespondence je přijímací řízení na školách. Uchazeči si podají přihlášku, škola ji zpracuje a připraví zvací dopis k přijímací

Více

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4 MANUÁL Jak používat administraci webových stránek Obsah ZÁKLAD... 2 PŘIHLÁŠENÍ DO ADMINISTRACE... 2 HLAVNÍ MENU... 2 VÝBĚR POLOŽKY... 2 ÚPRAVY POLOŽKY... 3 DETAIL POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY...

Více

Elektronické formuláře a jejich vyplnění pomocí aplikace 602XML Filler

Elektronické formuláře a jejich vyplnění pomocí aplikace 602XML Filler Obsah Elektronické formuláře a jejich vyplnění pomocí aplikace 602XML Filler Obsah...1 Úvod...2 Práce s elektronickým formulářem...2 Instalace programu...2 Popis prostředí programu 602XML Filler...3 Nástrojová

Více

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

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

Více

Nová struktura souborů a složek

Nová struktura souborů a složek Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky

Více

Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie

Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Word prostředí, základní editace textu Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Office balík aplikací používaných v kancelářské i jiné práci Word textový

Více

WORD. (zobecněno pro verzi 2007)

WORD. (zobecněno pro verzi 2007) WORD (zobecněno pro verzi 2007) Program MS Word patří softwarově do skupiny uživatelských aplikací, které se nazývají textové editory. Slouží především k editacím či-li úpravám textů vč. vkládání grafických

Více

Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!

Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku! Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími

Více

Excel 2007 pro začátečníky

Excel 2007 pro začátečníky Excel 2007 pro začátečníky 1 Excel OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Excel Cíl kurzu

Více

Úvod do ovládání programu Enterprise Architect

Úvod do ovládání programu Enterprise Architect Úvod do ovládání programu Enterprise Architect Vytvoření projektu Projekt je tvořen jedním souborem nebo slouží jako úložiště pro jeden nebo více modelů. Prvním krokem je buď otevřít existující projekt

Více

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní

Více

TAOX Konfigurátor potisku seznam funkcí

TAOX Konfigurátor potisku seznam funkcí TAOX Konfigurátor potisku seznam funkcí Úvod Celý systém se dělí na několik částí. A to jak z pohledu uživatele (zákazníka), tak z pohledu administrátora. Konfigurátor aplikace na tvorbu potisku (dělí

Více

Stručný návod k HTML editoru v CMS Portia 4

Stručný návod k HTML editoru v CMS Portia 4 Stručný návod k HTML editoru v CMS Portia 4 2 03/2015 Představení HTML editor je jednoduchý textový editor pro webové stránky. Nabízí většinu hlavních funkcí jako mají velké editory typu Word pro použití

Více

KAPITOLA 8 TABULKOVÝ PROCESOR

KAPITOLA 8 TABULKOVÝ PROCESOR KAPITOLA 8 TABULKOVÝ PROCESOR FORMÁT BUNĚK Parametry formátu buněk a tabulky můžeme nastavit pomocí celkem šesti karet v nabídce Domů/Buňky FORMÁT BUNĚK - OKNO FORMÁT BUNĚK Karta Číslo - nastavuje formát

Více

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

Manuál k programu KaraokeEditor

Manuál k programu KaraokeEditor Manuál k programu KaraokeEditor Co je KaraokeEditor? Program slouží pro editaci tagů v hudebních souborech formátu mp3. Tagy jsou doprovodné informace o písni, uložené přímo v mp3. Aplikace umí pracovat

Více

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

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

Více

METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI Základní rozložení plochy Výchozím stavem při práci je normální zobrazení. pás karet - základní nabídka příkazů Pořadí jednotlivých snímků Základní plocha

Více

Úvod do problematiky ÚPRAVY TABULKY

Úvod do problematiky ÚPRAVY TABULKY Úvod do problematiky ÚPRAVY TABULKY Zaměříme se na úpravy, které určují finální grafickou úpravu tabulky (tzv. formátování.). Měnit můžeme celou řadu vlastností a ty nejdůležitější jsou popsány v dalším

Více

Návod na práci se systémem ŠKOLNÍWEB.CZ

Návod na práci se systémem ŠKOLNÍWEB.CZ Návod na práci se systémem ŠKOLNÍWEB.CZ www.skolniweb.cz - ŠKOLNÍ WEBOVÉ STRÁNKY Projekt společnosti Agerit s.r.o. 1 Úvod...3 Seznámení s prostředím...4 Základní údaje...6 Správa rubrik...7 Správa obrázků...11

Více

Programování webových stránek

Programování webových stránek Gymnázium J. K. Tyla Programování webových stránek Seminární práce z IVT Autor: Roman Lamberský Třída: 2.B Hradec Králové 2012 Prohlášení: Prohlašuji, že jsem tuto seminární práci vypracoval samostatně

Více

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o.

zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. zoom-driver Manuál k redakčnímu systému zoom-driver created by virtual-zoom s.r.o. 1 Obsah 1. Přihlášení 2. Výpis sekcí 3. Vytvoření nové sekce 4. Editace sekce 4.1. Výběr sekce k editaci 5. Editace hlavičky

Více

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

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

Více

Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš

Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš Formátování Formátováním rozumíme změnu vlastností daného objektu, dle našich představ a možností programu MS Excel. Formátovat můžeme texty v buňkách, můžeme formátovat buňky, listy i celý sešit a měnit

Více

SOFTWARE pojmem software rozumíme programové vybavení počítače jsou to všechna data, programy,

SOFTWARE pojmem software rozumíme programové vybavení počítače jsou to všechna data, programy, SOFTWARE pojmem software rozumíme programové vybavení počítače jsou to všechna data, programy, Dělení software do skupin: 1. Operační systémy 2. Aplikační programy 3. Programovací jazyky 4. Hry ad1.) OPERAČNÍ

Více

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací

Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací Školení Wordpress Nainstalované pluginy: WPML Multilingual CMS Adminize Capability Manager Contact Form 7 Wordpress Download Monitor Google Analytics for WordPress Simple Google Sitemap XML Seznámení s

Více

Pracujeme s programem Excel (interní učební text pro potřeby školy) (verze 1.0)

Pracujeme s programem Excel (interní učební text pro potřeby školy) (verze 1.0) SSOŠ A SOU BEAN, ČESKOBRODSKÁ 32a, 190 01 PRAHA 9 Pracujeme s programem Excel (interní učební text pro potřeby školy) (verze 1.0) Ing. Cyril Kotulič 2003-2004 Excel učební text Tento učební text jenom

Více

MS Word 2007 Šablony programu MS Word

MS Word 2007 Šablony programu MS Word MS Word 2007 Šablony programu MS Word Obsah kapitoly V této kapitole se seznámíme s: Možností využití šablon při vytváření nových dokumentů Vytvářením vlastních šablon Studijní cíle Po absolvování této

Více

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

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

Více

2. cvičení: Základní kroky v programu ArcGIS GIS1 tvorba map

2. cvičení: Základní kroky v programu ArcGIS GIS1 tvorba map Klasifikace dat 1. Změna symbolu Změnu symboliky lze provést dvěma způsoby. Buď klikneme na název vrstvy v části Obsah pravým tlačítkem myši a zvolíme Properties. Zobrazí se nám nová tabulka, kde se přepneme

Více

Výukový materiál KA č.4 Spolupráce se ZŠ

Výukový materiál KA č.4 Spolupráce se ZŠ Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012

Více

Průvodce při vyplňování elektronických formulářů pomocí aplikace 602XML Filler

Průvodce při vyplňování elektronických formulářů pomocí aplikace 602XML Filler Obsah Průvodce při vyplňování elektronických formulářů pomocí aplikace 602XML Filler Obsah... 1 Úvod... 2 Práce s elektronickým formulářem... 2 Instalace programu... 2 Popis prostředí programu 602XML Filler...

Více

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ KLÍČOVÉ POJMY Internet World Wide Web FTP, fulltext e-mail, IP adresa webový prohlížeč a vyhledávač CÍLE KAPITOLY Pochopit, co je Internet

Více

Návod k použití programu Business Plan

Návod k použití programu Business Plan Návod k použití programu Business Plan Osnova Po spuštění programu... 3 Otevření existujícího projektu... 4 Prostředí programu... 5 Váš obchodní plán... 6 Náhled a tisk... 6 Uložení... 6 Vážený uživateli,

Více

Excel 2007 praktická práce

Excel 2007 praktická práce Excel 2007 praktická práce 1 Excel OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Excel Cíl kurzu

Více

Práce se souborem EU peníze středním školám Didaktický učební materiál

Práce se souborem EU peníze středním školám Didaktický učební materiál EU peníze středním školám Didaktický učební materiál Anotace Označení DUMU: VY_32_INOVACE_IT4.02 Předmět: IVT Tematická oblast: Microsoft Office 2007 Autor: Ing. Vladimír Šauer Škola: Gymnázium, Polička,

Více

Práce s administračním systémem internetových stránek Podaných rukou

Práce s administračním systémem internetových stránek Podaných rukou Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní

Více

MS Word základy. Úvod do MS Word. Nový dokument. Vytvoření zástupce programu na ploše. Otevření dokumentu a popis prostředí: Ukládání souboru:

MS Word základy. Úvod do MS Word. Nový dokument. Vytvoření zástupce programu na ploše. Otevření dokumentu a popis prostředí: Ukládání souboru: MS Word základy Úvod do MS Word. Vytvoření zástupce programu na ploše. Start Programy PK na Microsoft Word Odeslat Plocha Vytvořit zástupce Otevření dokumentu a popis prostředí: Spuštění programu Start

Více

Práce s CMS JOOMLA. Tvorba článků a jejich zveřejnění s editorem JCE. MANUÁL č. 1 verze 0

Práce s CMS JOOMLA. Tvorba článků a jejich zveřejnění s editorem JCE. MANUÁL č. 1 verze 0 Práce s CMS JOOMLA Tvorba článků a jejich zveřejnění s editorem JCE MANUÁL č. 1 verze 0 1 Obsah Obecné informace o tomto dokumentu Práce s obrázky Obecné informace o CMS Joomla Vložení obrázku do textu

Více

Manuál k administraci

Manuál k administraci Manuál k administraci webových stránek WeWeb WeWeb řešení pro každého WeWeb řešení pro každého V tomto podrobném návodu se dozvíte, jakým způsobem upravovat vaše webové stránky, pomocí administračního

Více

KAPITOLA 4 ZPRACOVÁNÍ TEXTU

KAPITOLA 4 ZPRACOVÁNÍ TEXTU KAPITOLA 4 ZPRACOVÁNÍ TEXTU TABULÁTORY Jsou to značky (zarážky), ke kterým se zarovná text. Můžeme je nastavit kliknutím na pravítku nebo v dialogovém okně, které vyvoláme kliknutím na tlačítko Tabulátory

Více

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1. Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam

Více

Proč tomu tak je? Řešení První cesta Druhou možností Postup

Proč tomu tak je? Řešení První cesta Druhou možností Postup Proč tomu tak je? Společnost RWE používá pro své servery služby certifikační autority provozované společností První certifikační autorita a.s. (I.CA, http://www.ica.cz/). Standardně instalované prohlížeče

Více

Návod pro instalaci a ovládání aplikace Evidence kaktusů a jiných sukulentů verze 0.85

Návod pro instalaci a ovládání aplikace Evidence kaktusů a jiných sukulentů verze 0.85 Návod pro instalaci a ovládání aplikace Evidence kaktusů a jiných sukulentů verze 0.85 Autor: Ing. Jiří Mikolášek, www.kaktusyunas.cz, e-mail: kaktusy@kaktusyunas.cz (Všechny návody byly vytvářeny v operačním

Více

Excel tabulkový procesor

Excel tabulkový procesor Pozice aktivní buňky Excel tabulkový procesor Označená aktivní buňka Řádek vzorců zobrazuje úplný a skutečný obsah buňky Typ buňky řetězec, číslo, vzorec, datum Oprava obsahu buňky F2 nebo v řádku vzorců,

Více

Pokročilé vyhledávání ve Wordu a Excelu

Pokročilé vyhledávání ve Wordu a Excelu Pokročilé vyhledávání ve Wordu a Excelu Word Asi většina z nás zpracovávala nějaký textový dokument. Po jeho dokončení jsme přešli k poslední revizi, při které jsme zjistili určité nedostatky. Některé

Více

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM Manuál pro administrátory Verze 1.0 2012 AutoCont CZ a.s. Veškerá práva vyhrazena. Tento

Více