SIPVZ Tvorba www stránek

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á

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

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

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 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

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

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

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

Práce se styly 1. Styl

Práce se styly 1. Styl Práce se styly 1. Styl Styl se používá, pokud chceme, aby dokument měl jednotný vzhled odstavců. Můžeme si nadefinovat styly pro různé úrovně nadpisů, jednotlivé popisy, charakteristiky a další odstavce.

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

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

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka Projekt Využití ICT ve výuce na gymnáziích, registrační číslo projektu CZ.1.07/1.1.07/02.0030 MS Power Point Metodický

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

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

Microsoft Office Word 2003

Microsoft Office Word 2003 Microsoft Office Word 2003 č. 6 název anotace očekávaný výstup druh učebního materiálu druh interaktivity Microsoft Office Word 2003 - Cesta k základním úpravám Prezentace je zaměřena na úpravy textu v

Více

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

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

Více

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

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

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

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

M E T O D I K A W I K I

M E T O D I K A W I K I M E T O D I K A W I K I STŘEDNÍ ŠKOLY INFORMATIKY A SPOJŮ, BRNO, ČICHNOVA 23 NÁPOVĚDA OBSAH Webové stránky Střední školy informatiky a spojů, Brno, Čichnova 23... 3 Moje stránka... 6 Přihlášení... 6 Po

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

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

Gabriela Janská. Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz

Gabriela Janská. Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz PŘÍRUČKA KE KURZU: ZÁKLADY PRÁCE NA PC MS WORD 2003 Gabriela Janská Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz Obsah: 1. Písmo, velikost písma, tučně, kurzíva, podtrhnout

Více

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE CMS Aladin CMS Aladin je modulární a otevřený publikační systém pro jednoduchou a uživatelsky přívětivou správu webových stránek. PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE VERZE 3.0 ZÁŘÍ 2012 Obsah CMS

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

Základní škola Hluk výukové texty MS Word 2007

Základní škola Hluk výukové texty MS Word 2007 MS Word je textový editor (program pro tvorbu a editaci textových dokumentů). Ve verzi 2007 došlo k zásadní změně v grafickém prostředí a tedy i ovládání programu. Základní ovládací prvky aplikace: RÁM

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

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

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

Více

Manuál k editoru TinyMCE

Manuál k editoru TinyMCE Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,

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

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

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako. Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako. Otevře se tabulka, v které si najdete místo adresář, pomocí malé šedočerné šipky (jako na obrázku), do kterého

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

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

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ý 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

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace.

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

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

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

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

Příloha 6. Palety nástrojů

Příloha 6. Palety nástrojů Příloha 6. Palety nástrojů Palety nástrojů v IDE poskytují zkrácení pro příkazy nabídky. Příkazy jsou rozděleny do několika palet nástrojů, které mohou být nezávisle přeskupeny nebo vloženy do plovoucích

Více

MS SQL Server 2008 Management Studio Tutoriál

MS SQL Server 2008 Management Studio Tutoriál MS SQL Server 2008 Management Studio Tutoriál Vytvoření databáze Při otevření management studia a připojením se ke konkrétnímu sql serveru mám v levé části panel s názvem Object Explorer. V tomto panelu

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

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

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

Formátování pomocí stylů

Formátování pomocí stylů Styly a šablony Styly, šablony a témata Formátování dokumentu pomocí standardních nástrojů (přímé formátování) (Podokno úloh Zobrazit formátování): textu jsou přiřazeny parametry (font, velikost, barva,

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

Ú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

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

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

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

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

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

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

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

Více

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

Nápověda ke cvičení 8

Nápověda ke cvičení 8 Nápověda ke cvičení 8 Word přechod na další stránku: napíšeme text Motoristické časopisy vložíme 3x Enter pak klávesová zkratka CTRL+Enter Stejným způsobem přejdeme i na třetí stránku. PowerPoint vložit

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

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

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

Více

K 2 - Základy zpracování textu

K 2 - Základy zpracování textu Radek Maca Makovského 436 Nové Město na Moravě 592 31 tel. 0776 / 274 152 e-mail: rama@inforama.cz http://www.inforama.cz K 2 - Základy zpracování textu Mgr. Radek Maca Word I 1 slide ZÁKLADNÍ POJMY PRVKY

Více

Vytvoření tiskové sestavy kalibrace

Vytvoření tiskové sestavy kalibrace Tento návod popisuje jak v prostředí WinQbase vytvoříme novou tiskovou sestavu, kterou bude možno použít pro tisk kalibračních protokolů. 1. Vytvoření nového typu sestavy. V prvním kroku vytvoříme nový

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

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

ZÁKLADY POŘIZOVÁNÍ TEXTU

ZÁKLADY POŘIZOVÁNÍ TEXTU Úvod do problematiky ZÁKLADY POŘIZOVÁNÍ TEXTU Na začátku psaní je vhodné nastavit vzhled stránky. Důležitá je především orientace stránky. Můžeme si vybrat mezi uspořádáním textu na výšku stránky (většinou

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

1. Nastavení dokumentu

1. Nastavení dokumentu Obsah as a asta 2. Okno / více dokumentů otevírání, zavírání, vytváření nového, přepínání, ukládání 3. Barevný režim dokumentu 4. Zobrazení, vlastní pohledy 5. Objekty vkládání 1. Nastavení dokumentu Uprostřed

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

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

PRÁCE S DOKUMENTEM. Autor: Mgr. Dana Kaprálová. Datum (období) tvorby: srpen 2013. Ročník: šestý. Vzdělávací oblast: Informatika a výpočetní technika

PRÁCE S DOKUMENTEM. Autor: Mgr. Dana Kaprálová. Datum (období) tvorby: srpen 2013. Ročník: šestý. Vzdělávací oblast: Informatika a výpočetní technika PRÁCE S DOKUMENTEM Autor: Mgr. Dana Kaprálová Datum (období) tvorby: srpen 2013 Ročník: šestý Vzdělávací oblast: Informatika a výpočetní technika 1 Anotace: Žák se orientuje v prostředí aplikace WORD.

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

6. Formátování: Formátování odstavce

6. Formátování: Formátování odstavce 6. Formátování: Formátování odstavce Obrázek 1: Formát / Odstavec Odstavec je text mezi dvěma znaky konce odstavce. Konec odstavce je skrytý znak a vkládáme jej během psaní při každém stisknutí klávesy

Více

Instalace SW VIS z internetu - Nová instalace. Spuštění instalačního programu. Podrobný popis nové instalace SW VIS

Instalace SW VIS z internetu - Nová instalace. Spuštění instalačního programu. Podrobný popis nové instalace SW VIS Instalace SW VIS z internetu - Nová instalace Novou instalací SW VIS rozumíme instalaci do adresáře, která doposud neobsahuje žádnou starší instalaci programu VIS. V naprosté většině případů se jedná o

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

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

Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: 3. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: 3. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 5. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 3. 10. 2012 Webové Strana: 1/11 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Pracovní plocha. V první kapitole se seznámíme s pracovním prostředím ve Photoshopu.

Pracovní plocha. V první kapitole se seznámíme s pracovním prostředím ve Photoshopu. Obsah 1. Pracovní plocha 2. Paleta nástrojů, Paletky, Pruhy voleb 3. Paletka Navigator (Navigátor), nástroj Zoom (Lupa) 4. Práce s dokumentem - otevírání, zavírání, ukládání 1. Pracovní plocha V první

Více

Operační systém MS Windows XP Professional

Operační systém MS Windows XP Professional Operační systém MS Windows XP Professional Operační systém základní programové vybavení počítače zprostředkovává komunikaci uživatele s počítačem s technickým vybavením počítače s aplikačním programovým

Více

FORMÁTOVÁNÍ 2. Autor: Mgr. Dana Kaprálová. Datum (období) tvorby: září, říjen 2013. Ročník: sedmý. Vzdělávací oblast: Informatika a výpočetní technika

FORMÁTOVÁNÍ 2. Autor: Mgr. Dana Kaprálová. Datum (období) tvorby: září, říjen 2013. Ročník: sedmý. Vzdělávací oblast: Informatika a výpočetní technika Autor: Mgr. Dana Kaprálová FORMÁTOVÁNÍ 2 Datum (období) tvorby: září, říjen 2013 Ročník: sedmý Vzdělávací oblast: Informatika a výpočetní technika 1 Anotace: Žáci se seznámí se základní obsluhou tabulkového

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

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

Možnosti tisku v MarushkaDesignu

Možnosti tisku v MarushkaDesignu 0 Možnosti tisku v MarushkaDesignu OBSAH 1 CÍL PŘÍKLADU...2 2 PRÁCE S PŘÍKLADEM...2 3 UKÁZKA DIALOGOVÉHO OKNA...3 4 STRUČNÝ POPIS PŘÍKLADU V MARUSHKADESIGNU...5-1 - 1 Cíl příkladu V tomto příkladu si ukážeme

Více

Windows 10 (5. třída)

Windows 10 (5. třída) Windows 10 (5. třída) Pracovní plocha: takto vypadá Pracovní plocha u nás ve škole - pozadí Pracovní plochy - ikony na Pracovní ploše ikona Student 17 (se jménem přihlášeného uživatele) ikona Tento počítač

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

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

Instalace SW VIS z internetu - Opakovaná instalace, instalace upgrade

Instalace SW VIS z internetu - Opakovaná instalace, instalace upgrade Instalace SW VIS z internetu - Opakovaná instalace, instalace upgrade Opakovanou instalací SW VIS rozumíme instalaci do adresáře, který již obsahuje starší instalaci programu VIS. Většinou se provádí ze

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

Návod k ovládání aplikace

Návod k ovládání aplikace Návod k ovládání aplikace Tento návod se zabývá ovládáním aplikace PDF Annotation 1, která je založena na aplikaci AVP PDF Viewer a umožňuje nejen PDF dokumenty prohlížet, ale také do těchto dokumentů

Více

II. Elektronická pošta

II. Elektronická pošta II. Chceme-li si přečíst poštu, klikneme v levém sloupci na nápis Doručená pošta. Máme před sebou seznam e-mailů seřazených podle data a času přijetí. Pokud máme zapnuto zobrazení náhledu, ve spodní nebo

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

Základy Windows. Základní pojmy. Školení počítačové gramotnosti. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti

Základy Windows. Základní pojmy. Školení počítačové gramotnosti. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti Školení počítačové gramotnosti AUTOR: PETR VADLEJCH Základy Windows ZÁKLADNÍ POJMY, OKNA, IKONY, PLOCHA, SOUBORY Základní pojmy Operační systém základní programové vybavení počítače, které umožňuje jeho

Více

KASKÁDOVÉ STYLY - PÍSMO

KASKÁDOVÉ STYLY - PÍSMO KASKÁDOVÉ STYLY - PÍSMO Název školy Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu Kaskádové styly písmo Autor Zdeněk Hrdina Datum

Více

Zvyšování kvality výuky technických oborů

Zvyšování kvality výuky technických oborů Zvyšování kvality výuky technických oborů Klíčová aktivita lll.2 Inovace a zkvalitnění výuky směřující k rozvoji odborných kompetencí žáků středních škol Pracovní list pro téma lll.2.5 Rastrová grafika

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

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