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

Práce v programu Word 2003

Práce v programu Word 2003 Práce v programu Word 2003 Prostředí programu WORD 2003 Program WORD 2003 slouží k psaní textů, do kterých je možné vkládat různé obrázky, tabulky a grafy. Vytvořené texty se ukládají, jako dokumenty s

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

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

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

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

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

Více

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www Číslo projektu Název školy Název Materiálu Autor Tematický okruh Ročník CZ.1.07/1.5.00/34.0499 Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www Ing. Pavel BOHANES

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

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

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

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

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

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

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

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

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

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

Základní nastavení textového editoru Word 8.0 (Microsoft Office 97)

Základní nastavení textového editoru Word 8.0 (Microsoft Office 97) Základní nastavení textového editoru Word 8.0 (Microsoft Office 97) V následujícím textu jsou zapsány nabídky, příslušné podnabídky a záložky, které je nutné volit a hodnoty nastavení, které je třeba nastavit.

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

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

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

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

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

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

Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje

Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje Jazykové nástroje se nachází na pásu karet Revize. Obrázek 1 - Pás karet Revize Nastavení jazyka Nastavení jazyka,

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

František Hudek. červen ročník

František Hudek. červen ročník VY_32_INOVACE_FH18_WIN Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek červen 2013

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

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

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

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

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

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

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

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

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

1. Otevřete dokument, který chcete číst. 2. Na kartě Zobrazení klikněte ve skupině Zobrazení dokumentů na položku Čtení na celé obrazovce.

1. Otevřete dokument, který chcete číst. 2. Na kartě Zobrazení klikněte ve skupině Zobrazení dokumentů na položku Čtení na celé obrazovce. 2. lekce Čtení dokumentů 1. Otevřete dokument, který chcete číst. 2. Na kartě Zobrazení klikněte ve skupině Zobrazení dokumentů na položku Čtení na celé obrazovce. 3. Přecházení mezi stránkami v dokumentu:

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

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

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

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

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

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

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

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

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

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

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

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

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

Vítězslav Bártl. Leden 2013

Vítězslav Bártl. Leden 2013 VY_32_INOVACE_VB18_W Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, vzdělávací obor, tematický okruh, téma Anotace Vítězslav

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

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

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

Ú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

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

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

Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT

Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT Číslo projektu CZ.1.07/1.5.00/34.0556 Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT klíčové aktivity Označení materiálu VY_32_INOVACE_ST_IKT_01 Název školy Střední průmyslová

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

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

Plugin TIS pro SketchUp. Návod k použití

Plugin TIS pro SketchUp. Návod k použití Plugin TIS pro SketchUp Návod k použití Pavel Tobiáš ČVUT v Praze Fakulta stavební Obor Geodézie a kartografie 27. listopadu 2013 Obsah 1 Popis programu 2 2 Systémové požadavky 2 3 Instalace programu 2

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

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

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

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

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

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

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

František Hudek. květen 2012

František Hudek. květen 2012 VY_32_INOVACE_FH07 Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek květen 2012 8. ročník

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

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

Sada 2 Microsoft Word 2007

Sada 2 Microsoft Word 2007 S třední škola stavební Jihlava Sada 2 Microsoft Word 2007 02. Písmo, fonty, formátování textu Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284

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

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

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

Styly písma - vytvoření vlastního stylu, zápatí a záhlaví stránek

Styly písma - vytvoření vlastního stylu, zápatí a záhlaví stránek VY_32_INOVACE_In 6.,7.08 Styly písma - vytvoření vlastního stylu, zápatí a záhlaví stránek Anotace: Žák se seznamuje vytvářením vlastního stylu písma a jeho výhodami. Vkládá a mění zápatí a záhlaví stránek

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

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

Integrovaná střední škola, Kumburská 846, Nová Paka. NetStorage. Webový přístup k souborům uložených na serveru Novell NetWare

Integrovaná střední škola, Kumburská 846, Nová Paka. NetStorage. Webový přístup k souborům uložených na serveru Novell NetWare Integrovaná střední škola, Kumburská 846, 509 01 Nová Paka e-mail: issnp@issnp.cz www.issnp.cz NetStorage Webový přístup k souborům uložených na serveru Novell NetWare Pomocí služby NetStorage a internetu

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

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

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

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML

Více

Manuál k tvorbě absolventské práce

Manuál k tvorbě absolventské práce Manuál k tvorbě absolventské práce VLOŽENÍ ČÍSLA STRÁNKY... 2 OBRÁZKOVÝ NÁVOD PRO VKLÁDÁNÍ ČÍSEL STRÁNEK... 2 ŘÁDKOVÁNÍ 1,5... 3 OBRÁZKOVÝ NÁVOD PRO ŘÁDKOVÁNÍ... 3 ZAROVNÁNÍ TEXTU DO BLOKU... 4 OBRÁZKOVÝ

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

Digitální kartografie 5

Digitální kartografie 5 Digitální kartografie 5 strana 2 Zadání atributů pro jednotlivé plochy při vytvoření nového souboru shapefile se nám automaticky vytvoří také databázový soubor *.dbf, který obsahuje atributovou tabulku

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

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

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

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