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

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

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

Transkript

1 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ý najdete na Css editor TopStyle Lite, budete-li chtít měnit vzhled webu, nebo vytvářet nový web. Najdete jej na Editor obrázků, např. IrfanView, budete-li na web dávat fotografie. Najdete jej na FTP program, např. FileZila, pro zkopírování souborů na internetový server. Najdete jej na Vytvoření struktury webu, uložení webových souborů na disk Struktura webu a názvy souborů Webová adresa, např. nebo kurzwww.ic.cz představuje na internetovém serveru hlavní složku webu. Do ní autor webu uloží úvodní stránku, která musí mít název index. Zadáme-li v internetovém prohlížeči webovou adresu, je v hlavní složce webu vyhledána html stránka s názvem index. Ostatní stránky, na které se dostaneme kliknutím na odkaz, mají různé názvy, obvykle podle jejich obsahu, např. plemena_psu, apod. Mohou být uloženy také v hlavní složce webu, nebo v jejích podložkách. Vytvoření složek se říká vytvoření struktury webu. Přípona souboru může být html nebo jen htm. Aby nedošlo k chybám při vytváření odkazů, používejte stále stejný druh přípony. Názvy souborů pište bez diakritiky a bez mezer, tedy např. kocky.html, nikoli kočky.html. Internetové servery nejsou schopny pracovat s českými názvy souborů. Malá a velká písmena jsou na serverech odlišována, bude-li tedy v odkazu uvedeno kocky.html, bude nalezen pouze soubor s názvem kocky.html, nikoliv Kocky.html či kocky.html. Má-li být na stránce zobrazen obrázek domecek.jpg, nebude zobrazen, bude-li se soubor jmenovat Domecek.jpg či domecek.jpg. Ve Windows malá a velká písmena v názvech souborů rozlišována nejsou, při vytváření stránek a zobrazení stránek z disku vašeho počítače na tento problém nepřijdete, vše bude vypadat v pořádku, k chybám dojde až po zkopírování stránek a ostatních souborů na server. Pište tedy názvy souborů a jejich přípon malými písmeny. Soubory webu Web je tvořen různými soubory: html či htm soubory vlastní html stránky obsahující text s odkazy na další html stránky a také odkazy na vložené obrázky či soubory ke stažení. css soubory obsahující definici stylů pro nadpisy, odstavce, odkazy apod. Pomocí stylů se určuje písmo, velikost, barva, apod. jpg, png, gif vložené obrázky pdf, doc, xls, zip, apod. soubory ke stažení, některé typy jsou po kliknutí na odkaz otevřeny přímo v internetovém prohlížeči (chceme-li je otevřít v jejich aplikaci, např. xls v Excelu, klikneme na odkaz pravým tlačítkem myši a uložíme soubor). Cesta k souborům může být: absolutní (úplná) začíná lomítkem nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru. Jak vytvořit www stránky 1/21 RNDr. Jana Reslová

2 Jazyk html Webové stránky mohou být psány v jazyce HTML nebo XHTML: jazyk HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN"> jazyk XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> V čem se liší jazyky HTML a XHTML Html tagy značky, které označují co je nadpis, co je normální odstavec, určují odkazy, zajišťují vložení obrázku apod., jsou buď párové, nebo nepárové. Párové tagy jsou ty, které musí určovat začátek a konec té části textu, která má představovat např. nadpis, či fungovat na kliknutí jako odkaz, nebo určují začátek a konec každého odstavce. <h1>domácí mazlíčci</h1> <a href="kontakty.html">chovatelské stanice </a> <p>vše, co se týká chovu, stravy a zdraví. Seznam chovatelských stanic psů, koček a ostatních domácích zvířátek. </p> Párové tagy se zapisují v html i v xhtml stejně. Nepárové tagy jsou ty, které určují jeden objekt, např. obrázek. V XHTML mají nepárové tagy před ukončovací závorkou mezeru a lomítko: <img src="foto/budova.jpg" width="200" height="130" alt="chovatelská stanice" /> V HTML nepárové tagy toto lomítko nemají: <img src="foto/budova.jpg" width="200" height="130" alt="chovatelská stanice"> Struktura html stránky připojení stylů css titulek kódování češtiny <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title>domácí mazlíčci</title> <link rel="stylesheet" href="css/styly.css" type="text/css"> </head> nadpis odstavec <body> <h1>domácí mazlíčci</h1> <p>máme rádi zvířata, protože jsou chlupatá...</p> <p>některé lidské vlastnosti jsou často přirovnávány ke zvířecím. Když o někom prohlásíme: <i>mají se rádi jako pes a kočka</i>, nemyslíme tím, že spolu mají zrovna harmonický vztah, přesto pes s kočkou mohou být kamarádi. kurzíva </p> <img src="foto/kocky_a_pejsek.jpg" alt="kočky a pejsek" width="360" </body> </html> height="270"> obrázek další odstavec Jak vytvořit www stránky 2/21 RNDr. Jana Reslová

3 Hlavička a tělo stránky head hlavička stránky obsahuje informace o kódování, titulek okna, připojení souborů css se styly Kódování musí být uvedeno v html kódu, např.: <meta http-equiv="content-type" content="text/html; charset=windows-1250"> nebo <meta http-equiv="content-type" content="text/html; charset=utf-8"> Podle kódování zvolíme HTML editor: Středoevropské jazyky Windows (windows-1250) můžeme použít libovolný editor, např.: 1stPage, PSPad, apod. Kódování Unicode (UTF-8) musíme použít editor, který umí pracovat v tomto kódování, např. PSPad. Titulek okna se zobrazuje v titulkovém pruhu okna internetového prohlížeče: <title> Domácí mazlíčci </title> V hlavičce musí být uvedena cesta k souboru se styly. např.: <link rel="stylesheet" href="css/styly.css" type="text/css"> body tělo stránky obsahuje vlastní text stránky, uzavřený mezi jednotlivé html tagy, např.: <h1>domácí mazlíčci</h1> <p>máme rádi zvířata, protože jsou chlupatá...</p> <p>některé lidské vlastnosti jsou často přirovnávány ke zvířecím. Když o někom prohlásíme: <i> Mají se rádi jako pes a kočka </i>, nemyslíme tím, že spolu mají zrovna harmonický vztah, přesto pes s kočkou mohou být kamarádi. </p> Začátek a konec tagu může být před a za textem, nebo nad a pod textem, podle toho, co je pro nás přehlednější. Celý odstavec může být v editoru na jednom řádku, dlouhý odstavec můžeme rozdělit na víc řádků, na výsledné zobrazení v internetovém prohlížeči to nebude mít žádný vliv, odstavec se bude automaticky zalamovat podle velikosti okna prohlížeče. Výsledek pak může vypadat takto: Nebo po úpravě stylů např. takto: Tagy se mohou vnořovat do jiných tagů, např. obrázek do odkazu, odkaz do odstavce. Při vnořování se párové tagy nesmí křížit, tzn., že začátek i konec vnořeného tagu musí být uvnitř vnějšího tagu. Odkaz uvnitř položky seznamu s odrážkami: Správně: <li><a href="kocky.html">kočky</a></li> Špatně: <li><a href="kocky.html">kočky</li></a> Jak vytvořit www stránky 3/21 RNDr. Jana Reslová

4 Layout rozvržení stránky bloky <div> </div> Stránka bývá složena z několika částí - obdélníkových bloků, které jsou vytvořeny párovým tagem div. Jednotlivé bloky bývají po skupinách uzavřeny v tzv. obalovací bloky. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title>domácí mazlíčci</title> <link rel="stylesheet" href="css/styly.css" type="text/css"> </head> <body> <div id="stranka"> <div id="logo"> <table id="topmenu"> <tr> <td><a href="index.html">home</a></td> <td><a href="rady.html">rady</a></td> <td><a href="foto.html">foto</a></td> <td><a href="kontakty.html">kontakty</a></td> </tr> </table><!-- konec tabulky topmenu --> </div><!-- konec loga --> <div id="menu"> <!-- upravte menu --> <h1>home</h1> <ul> <li><a href="psi.html">psi</a></li> <li><a href="kocky.html">kočky</a></li> <li><a href="ostatni.html">ostatní</a></li> </ul> </div><!-- konec levého menu --> <div id="obsah"> <!-- zde zapište vlastní obsah stránky --> <h1>domácí mazlíčci</h1> <p>máme rádi zvířata, protože jsou chlupatá...</p> <p>některé lidské vlastnosti jsou často přirovnávány ke zvířecím. Když o někom prohlásíme: <i>mají se rádi jako pes a kočka</i>, nemyslíme tím, že spolu mají zrovna harmonický vztah, přesto pes s kočkou mohou být kamarádi. </p> <p class="stred"><img src="foto/kocky_a_pejsek.jpg" alt="kočky a pejsek" width="360" height="270"></p> </div><!-- konec obsahu --> <div id="pata"> 2009 </div><!-- konec paty --> </div><!-- konec stranky --> </body> </html> Jak vytvořit www stránky 4/21 RNDr. Jana Reslová

5 div stranka div logo div topmenu div menu div obsah div pata Jak vytvořit www stránky 5/21 RNDr. Jana Reslová

6 Html editor PSPad Vytvoření html stránky na základě šablony Šablony můžeme najít na internetu, např. na Otevřeme stránku šablony: menu Soubor Otevřít Uložíme pod jiným názvem: Soubor Uložit jako (název souboru bez diakritiky, malými písmeny) Vytvoření html stránky na základě jiné stránky Otevřeme stránku webu: menu Soubor Otevřít Uložíme pod jiným názvem: Soubor Uložit jako (název souboru bez diakritiky, malými písmeny, příponu html nebo htm podle původní stránky) Vytvoření nové html stránky Provedeme menu Soubor Nový, vybereme HTML dokument nebo XHTML dokument (viz rozdíly mezi html a xhtml jazykem) Soubor uložíme do vytvořené složky, kterou si připravíme na disku jako hlavní složku celého webu, nebo přímo na disk C:, budeme-li psát úplné, absolutní cesty k souborům. Zápis html tagů v PSPadu Pro zapsání html tagu můžeme v PSPadu vyžít nabídku seznamu tagů, která se objeví, stiskneme-li klávesy Ctrl a mezerník. Umístíme tedy kurzor tam, kam chceme vložit nový tag, nebo označíme tu část textu, kterou chceme uzavřít do tagu, stiskneme Ctrl+mezerník a napíšeme začátek názvu tagu (bez <), např. st, v seznamu tagů se zobrazí tagy začínající písmeny st (pokud ne, posuneme posuvníkem seznamu tagů ručně), vybereme strong a stiskneme klávesu Enter nebo na tag strong v seznamu 2x klikneme myší. Jak vytvořit www stránky 6/21 RNDr. Jana Reslová

7 Přehled html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy 3. úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva u... podtržené písmo ol... číslovaný seznam li... položka seznamu ul... seznam s odrážkami li... položka seznamu a... odkaz img... obrázky table... tabulka tr... řádek tabulky td... buňka tabulky th... buňka záhlaví tabulky br... zalomení řádku Vysvětlení základních tagů najdete na stránkách Podrobnější výklad najdete na Jak vytvořit www stránky 7/21 RNDr. Jana Reslová

8 Základní html tagy Nadpisy hlavní nadpisy <h1>nadpis první úrovně</h1> Nadpis první úrovně podnadpisy <h2>nadpis druhé úrovně</h2> Nadpis druhé úrovně podnadpisy podnadpisů <h3>nadpis třetí úrovně</h3> Nadpis třetí úrovně Někdy jsou na stránkách použity nadpisy nižších úrovní, např. h3, h5. Odstavce <p>text odstavce</p> Část textu odstavce může být zvýrazněna tučným písmem nebo kurzívou: tučné písmo <p>text odstavce<strong>tučný text</strong>text odstavce</p> nebo také <p>text odstavce<b>tučný text</b>text odstavce</p> kurzíva <p>text odstavce<em>kurzíva</em>text odstavce</p> nebo také <p>text odstavce<i>kurzíva</i>text odstavce</p> Odstavec se automaticky zalamuje podle velikosti okna. Chceme-li v určitém místě rozdělit odstavec na dva řádky, použijeme konec řádku br (vždy zvažte, zda není logičtější vytvořit dva samostatné odstavce). Zalomení řádku se může použít k vytvoření sloupcového menu odkazů. konec řádku <br> Nechceme-li, aby se na konci řádku oddělila předložka od slova (např. s kočkou) nebo den, měsíc a rok v datumu (např. 5. leden 2009) apod., použijeme pevnou mezeru místo obyčejné (V editoru PSPad ji napíšete stisknutím Ctrl+Shift+mezerník) pevná mezera <p>přednáška o tom, jak může žít pes s kočkou, se koná 5. ledna 2009.</p> Seznamy číslované seznamy <ol> <li>první položka seznamu</li> <li>druhá položka</li> <li>třetí položka</li> </ol> seznamy s odrážkami <ul> <li>první položka seznamu</li> <li>druhá položka</li> <li>třetí položka</li> </ul> 1. Psi 2. Kočky 3. Ostatní Psi Kočky Ostatní Lze vytvářet vnořené seznamy: <ul> <li>první položka seznamu</li> <li>druhá položka <ul> <li>první položka podseznamu</li> <li>druhá položka podseznamu</li> </ul> </li> <li>třetí položka hlavního seznamu</li> </ul> Psi Kočky Plemena Rady Chovatelské stanice Výstavy Ostatní Jak vytvořit www stránky 8/21 RNDr. Jana Reslová

9 Odkazy cílem odkazu může být další stránka téhož webu <a href="kocky.html">kočky</a> <a href="dokumenty/vystavy.html">výstavy</a> odkaz může vést na jinou internetovou adresu <a href="http://webowebu.ic.cz/">základy html</a> cílem odkazu může být také soubor ke stažení <a href="dokumenty/propozice.pdf" title="propozice soutěže">informace o soutěži</a> odkaz může vytvořit nový mail se zadanou adresou, pro funkčnost je však nutné, aby na počítači byl správně nastavený mailový program (z důvodu spamu nedoporučuji používat) Tabulky <a nám</a> začátek a konec tabulky <table> </table> začátek a konec řádku <tr> </tr> začátek a konec buňky <td> </td> <table> <tr> <td>1. buňka prvního řádku</td> <td>2. buňka prvního řádku</td> <td>3. buňka prvního řádku</td> </tr> <tr> <td>1. buňka druhého řádku</td> <td>2. buňka druhého řádku</td> <td>3. buňka druhého řádku</td> </tr> </table> Pro buňky záhlaví tabulky se používá th místo td: začátek a konec buňky záhlaví <th> </th> <tr> <th>1. buňka záhlaví</th> <th>2. buňka záhlaví</th> <th>3. buňka záhlaví</th> </tr> Datum Místo Propozice Pardubice všechna plemena propozice pořádá ZO Pardubice Praha národní výstava pouze CAC/CAP všechna plemena Rozdělení textu v buňce na dva řádky: konec řádku <br> <td> všechna plemena<br> <a href="dokumenty/propozice.pdf">propozice</a><br> pořádá <a href="http://schk-pardubice.pc.cz">zo Pardubice</a> </td> Sloučení buněk: sloučení buněk vedle sebe <th colspan="4">běh 100m</th> <th colspan="2">závodník</th> sloučení buněk pod sebou <td rowspan="2">2. 3.</td> Běh 100m Závodník Čas Umístění Václav Malý 10:53 1 Jarda Dlouhý 11:05 Karel Bystrý 11: Jak vytvořit www stránky 9/21 RNDr. Jana Reslová

10 Obrázky <img src="foto/kocky_a_pejsek.jpg" width="360" height="270" alt="kočky a pejsek"> Parametry obrázku: src cesta k souboru s obrázkem width šířka obrázku height výška obrázku alt popisek zobrazuje se při najetí myší na obrázek, nechceme-li popisek, uvedeme alt="" Obrázek je třeba zmenšit do takové velikosti, jakou potřebujeme pro web. Šířku a výšku pak zadáváme podle zmenšeného obrázku. Obrázek pak uložíme do příslušné složky na webu. Typy souborů: jpg fotografie gif mapy, grafy, apod png obdobně jako gif Jak vytvořit www stránky 10/21 RNDr. Jana Reslová

11 Formátování webových stránek pomocí css stylů Pro všechny stránky webu vytvoříme společný soubor css stylů. V hlavičce všech html stránek musí být uvedena cesta k souboru css: <link rel="stylesheet" href="css/styly.css" type="text/css"> Definice stylů V souboru css definujeme styly: a) pro jednotlivé tagy, např. h1, h2, p, apod. h1 { font-size: 22px; } b) některé tagy mohou mít přiřazeny speciální styl pomocí id, např. <div id="menu"> #menu { width: 150px; float: left; background-color: transparent; border: 1px solid #314971; padding: 10px 0px 5px 0px; } nebo pomocí class, např. <p class="vpravo">.vpravo { text-align: right; } stejnou vlastnost lze nastavit pro několik tagů najednou td, th { text-align: left; } vlastnosti lze nastavit pro určitou podskupinu tagů, např. pro h1 uvnitř menu #menu h1 { padding-left: 10px; } Různý zápis stylů Některé vlastnosti lze zapsat různým způsobem. a) stručný zápis img { border: 1px solid red; } b) rozepsané jednotlivé vlastnosti img { border-width: 1px; border-style: solid; border-color: red; } Některé vlastnosti mohou být různé pro horní, pravou, dolní a levou část. a) různé hodnoty pro jednotlivé části border-top-color: red; border-right-color: orange; border-bottom-color: red; border-left-color: orange; lze zapsat též stručně (pořadí hodnot je horní, pravý, dolní, levý) border-color: red orange red orange; b) stejné hodnoty pro jednotlivé části border-color: red; Jak vytvořit www stránky 11/21 RNDr. Jana Reslová

12 Dědičnost stylů Styly se dědí, např. nastavíme-li pro tělo stránky druh písma body { font-family: Arial; } pak toto písmo převezmou všechny tagy, nenastavíme-li pro ně jiné písmo. Nastavíme-li např. písmo pro menu #menu { font-family: Tahoma; } pak toto písmo převezmou tagy umístěné v menu. Dědičnost však probíhá do určité míry. Nastavíme-li např. velikost a barvu písma pro tělo stránky, zdědí tuto velikost odstavce i seznamy, nadpisy však budou velké a také text v tabulkách tuto velikost nepřevezme. Barvu zdědí nadpisy i odstavce, ale nezdědí ji odkazy. Pořadí stylů Na pořadí stylů nezáleží, pokud neurčujeme hodnotu téže vlastnosti pro stejný tag, class či id. V tom případě platí pozdější definice, která překryje dřívější hodnotu. Např., nastavíme-li modrou barvu pro nadpisy 1. až 3. úrovně h1, h2, h3 {color: blue;} a později zapíšeme h3 {color: red;} budou mít nadpisy h1 a h2 modrou barvu a h3 červenou. Editor css stylů TopStyle Lite Úprava použitých stylů Upravíme-li v souboru css styl některého tagu, projeví se změna ve všech stránkách webu. V tom spočívá hlavní význam stylů zajišťují jednotný vzhled všech stránek a rychlou úpravu. V programu TopStyle Lite otevřeme soubor css: File Open Klikneme na řádek s vlastností, kterou chceme upravit a v okně vpravo vybereme hodnotu z nabízených možností. Jak vytvořit www stránky 12/21 RNDr. Jana Reslová

13 Přidání nové vlastnosti Klikneme do té části stylů, kam chceme přidat novou vlastnost. V okně vpravo najdeme požadovanou vlastnost a vybereme z nabízených hodnot (používejte vlastnosti CSS Level 2 viz předchozí obrázek). Můžeme také použít způsob nám známý z PSPadu. Vytvoříme si volný řádek mezi vlastnostmi upravovaného tagu, stiskneme Ctrl+mezerník, zapíšeme začátek názvu vlastnosti a vybereme ji ze seznamu vlastností. Přidání nového stylu Klikneme na volný řádek v levém okně, stiskneme tlačítko. V okně New Selector označíme tag, který chceme formátovat, budeme-li chtít nastavit stejné vlastnosti pro víc tagů, např. písmo pro h1, h2, h3, klikneme po označení tagu na šipku vpravo. Chceme-li vytvořit nový styl pro class nebo id, přepneme přepínač a zapíšeme název do políčka pod přepínačem. Některé tagy mají tzv. pseudoelementy, např. a:hover představuje odkaz při najetí myší. Jak vytvořit www stránky 13/21 RNDr. Jana Reslová

14 Přehled vybraných vlastností css background-color... barva pozadí background-image... obrázek na pozadí background-position... umístění obrázku na pozadí background-repeat... opakování obrázku na pozadí border... rámeček border-width... tloušťka rámečku border-style... typ čáry rámečku border-color... barva rámečku border-collapse... pouze pro table rámečky buněk oddělené nebo sloučené color... barva písma font... písmo font-family... druh písma font-size... velikost písma font-style... kurzíva nebo bez kurzívy font-weight... tučné nebo netučné text-decoration... podtržené nebo bez podtržení list-style-type... tvar odrážek nebo typ číslování seznamu margin... vnější okraj padding... vnitřní okraj text-align... zarovnání textu vertical-align... vertikální zarovnání width... šířka height... výška Přehled základních css vlastností najdete na Další vlastnosti najdete na Jednotky velikosti: a) absolutní konstantní px... pixely obrazové body používá se nejvíce mm, cm, apod.... milimetry, centimetry používá se málo b) relativní em... šířka velkého písmene M ex... výška malého písmene x large... velké medium... střední small... malé c) procenta 80%... 80% normální velikosti Barvy Příklady: img { border-width: 1px; } h1 { font-size: 22px; } p { font-size: 1em; } td { font-size: 90%; } Některé barvy mohou být zadány názvem: body {background-color: white;} všechny barvy, tedy i ty, které mají název, mohou být zadány kódem: a {color: #2e4569;} Jak vytvořit www stránky 14/21 RNDr. Jana Reslová

15 Editor obrázků IrfanView Změna velikosti obrázku Pro internet je třeba uložit obrázky v přiměřené velikosti, např. 800x600px, kdy se velikost souboru pohybuje okolo 70kB. Otevřeme obrázek: menu Soubor Otevřít Zmenšíme jeho rozměry: Obrázek Změnit velikost/rozlišení Soubor uložíme: Soubor Uložit Všechny obrázky uložíme do podsložky hlavní složky webu. Jak vytvořit www stránky 15/21 RNDr. Jana Reslová

16 Vytvoření náhledových obrázků Ke každému obrázku vytvoříme jeho zmenšený náhled s rozměry 100 až 200px. Název souboru s náhledem zvolíme např. tak, že přidáme n_ před původní název obrázku. Máme-li obrázků málo, vytvoříme náhledy jednotlivě předchozím způsobem, tj. zmenšíme rozměry a pomocí menu Soubor Uložit jako uložíme s novým názvem souboru. Máme-li obrázků více, využijeme hromadného provedení úprav pomocí menu Soubor Dávková konverze/přejmenování: 1. Zvolíme konverzi s přejmenováním 3. Stiskneme tlačítko Možnosti a nastavíme vzor jména viz dále 2. Zaškrtneme Použít pokročilé možnosti a stiskneme tlačítko Pokročilé viz dále 4. Stiskneme tlačítko Přidat vše 5. Stiskneme tlačítko Použít současnou složku jako výchozí 6. Stiskneme tlačítko Spustit dávku Jak vytvořit www stránky 16/21 RNDr. Jana Reslová

17 ad 2. Nastavení pokročilých možností ad 3. Nastavení jména Jak vytvořit www stránky 17/21 RNDr. Jana Reslová

18 Umístění stránek na internet Pro začátek si zaregistrujeme webovou adresu na některém ze serverů, nabízejících umístění našich stránek zdarma, zpravidla pouze za cenu zobrazení reklamy. Přehled těchto serverů najdete na Z těchto serverů vyberte ty, které nabízejí doménu III. řádu, tzn. nikoliv zcela vlastní adresu (placená doména II. řádu), ale vlastní název, např. webowebu s určitou možností výběru zbytku adresy, např. phorum.cz, ic.cz, chytrak.cz apod. Budete-li chtít na web dávat větší množství obrázků, vybírejte servery nabízející větší prostor. Počítejte asi 100KB na jednu fotografii o rozměrech 800x600 až 1000x750px a její zmenšený náhled, tedy 10MB představuje prostor pro asi 100 fotografií. Reklama, kterou nám server na naše stránky automaticky přidá, může být malý reklamní proužek nebo také do očí bijící, nevkusný blok. Příklad registrace na Zapište jméno webu a vyberte v seznamu vhodnou doménu. Některé kombinace již mohou být obsazeny, zkuste jinou doménu nebo jiný název. Jak vytvořit www stránky 18/21 RNDr. Jana Reslová

19 Uložení stránek na server Vytvoření struktury složek na serveru a uložení html stránek a ostatních souborů na server, můžeme provést prostřednictvím webových stránek serveru prostřednictvím ftp programu, např. TotalCommanderu Uložení stránek na server prostřednictvím webových stránek serveru Přihlásíme se na adrese nebo přímo na user.ic.cz Po přihlášení klikněte na odkaz Pak musíte vyplnit přihlašovací údaje ještě jednou. Máte-li jinou doménu než ic.cz, je vaším uživatelským jménem název webu i s doménou. Je-li vaší doménou ic.cz, zapište uživatelské jméno bez domény. Všechny údaje vám server zašle po registraci na váš mail. Nyní pomocí tlačítka Nový adresář vytvoříme strukturu webu. Pomocí tlačítka Nahrát pak zkopírujeme do příslušné složky všechny potřebné soubory. Přejdeme do příslušné složky, stiskneme tlačítko Procházet, najdeme soubor, dalším tlačítkem Procházet můžeme přidat další soubor, pak stiskneme. Po zkopírování souborů na server stiskneme návrat do složky. pro Takto zkopírujeme všechny html soubory, css a obrázky. Změníme-li některou html stránku, musíme ji na server znovu nahrát, starý soubor bude přepsán novou verzí. Jak vytvořit www stránky 19/21 RNDr. Jana Reslová

20 Uložení stránek na server pomocí programu FileZilla Spustíme program FileZilla a stiskneme tlačítko. Provedeme nastavení připojení k serveru. Stiskneme tlačítko New connection a vyplníme údaje podle zaregistrované adresy. Pak stiskneme tlačítko Spojit. Označíme soubory a složky a pomocí pravého tlačítka myši nebo přetažením zkopírujeme na server: Jak vytvořit www stránky 20/21 RNDr. Jana Reslová

21 Uložení stránek na server pomocí programu TotalCommander Spustíme program TotalCommander, v jednom okně se přepneme do složky, v níž máme uložené html stránky a ostatní soubory, klikneme do druhého okna a stiskneme tlačítko. Provedeme nastavení připojení k serveru. Stiskneme tlačítko New connection a vyplníme údaje podle zaregistrované adresy: Po dokončení stiskneme tlačítko Connect. V okně se objeví náš server s automaticky vytvořeným souborem index.html V prvním okně označíme všechny potřebné složky a soubory a stiskneme tlačítko F5 Copy. Jak vytvořit www stránky 21/21 RNDr. Jana Reslová

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

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

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

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

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

O CSS podrobněji. Box model Document flow Layout

O CSS podrobněji. Box model Document flow Layout O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html

Více

Mgr. Vlastislav Kučera lekce č. 2

Mgr. Vlastislav Kučera lekce č. 2 Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se

Více

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s

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

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

Mgr. Vlastislav Kučera přednáška č. 2

Mgr. Vlastislav Kučera přednáška č. 2 Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS

Více

Hlavička dokumentu. mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka</a> </h3> <p> <img alt="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" title="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" class="news-block-img pull-right" src="/thumbs/48/23934103.jpg"> 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným </p> <a href="/23934103-Hlavicka-dokumentu-mezi-head-a-head-obsahuje-informace-vztazene-k-dokumentu-metadata-title-nazev-stranky-povinna-parova-znacka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30294836-Zaklady-informatiky-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html">Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela</a> </h3> <p> <img alt="Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" title="Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" class="news-block-img pull-right" src="/thumbs/52/30294836.jpg"> 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 </p> <a href="/30294836-Zaklady-informatiky-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1517294-Kapitola-4-zpracovani-textu.html">KAPITOLA 4 ZPRACOVÁNÍ TEXTU</a> </h3> <p> <img alt="KAPITOLA 4 ZPRACOVÁNÍ TEXTU" title="KAPITOLA 4 ZPRACOVÁNÍ TEXTU" class="news-block-img pull-right" src="/thumbs/22/1517294.jpg"> 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 </p> <a href="/1517294-Kapitola-4-zpracovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2841893-Zsf-web-a-intranet-manual.html">ZSF web a intranet manuál</a> </h3> <p> <img alt="ZSF web a intranet manuál" title="ZSF web a intranet manuál" class="news-block-img pull-right" src="/thumbs/24/2841893.jpg"> 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, </p> <a href="/2841893-Zsf-web-a-intranet-manual.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5862951-Gabriela-janska-stredocesky-vzdelavaci-institut-akademie-j-a-komenskeho-www-sviajak-cz.html">Gabriela Janská. Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz</a> </h3> <p> <img alt="Gabriela Janská. Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz" title="Gabriela Janská. Středočeský vzdělávací institut akademie J. A. Komenského www.sviajak.cz" class="news-block-img pull-right" src="/thumbs/25/5862951.jpg"> 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 </p> <a href="/5862951-Gabriela-janska-stredocesky-vzdelavaci-institut-akademie-j-a-komenskeho-www-sviajak-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html">HTML. ICT_01., 02. konzultace; 2. ročník 1/6</a> </h3> <p> <img alt="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" title="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" class="news-block-img pull-right" src="/thumbs/20/597264.jpg"> 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, </p> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595419-22-tvorba-webovych-stranek.html">22. Tvorba webových stránek</a> </h3> <p> <img alt="22. Tvorba webových stránek" title="22. Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/20/595419.jpg"> 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 </p> <a href="/595419-22-tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595959-Sipvz-tvorba-www-stranek.html">SIPVZ Tvorba www stránek</a> </h3> <p> <img alt="SIPVZ Tvorba www stránek" title="SIPVZ Tvorba www stránek" class="news-block-img pull-right" src="/thumbs/20/595959.jpg"> 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... </p> <a href="/595959-Sipvz-tvorba-www-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24561248-Prace-v-programu-word-2003.html">Práce v programu Word 2003</a> </h3> <p> <img alt="Práce v programu Word 2003" title="Práce v programu Word 2003" class="news-block-img pull-right" src="/thumbs/48/24561248.jpg"> 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 </p> <a href="/24561248-Prace-v-programu-word-2003.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8773051-6-formatovani-formatovani-odstavce.html">6. Formátování: Formátování odstavce</a> </h3> <p> <img alt="6. Formátování: Formátování odstavce" title="6. Formátování: Formátování odstavce" class="news-block-img pull-right" src="/thumbs/26/8773051.jpg"> 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 </p> <a href="/8773051-6-formatovani-formatovani-odstavce.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595492-Tvorba-webovych-stranek.html">Tvorba webových stránek</a> </h3> <p> <img alt="Tvorba webových stránek" title="Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/20/595492.jpg"> 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 </p> <a href="/595492-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3441112-8-formatovani-uprava-vzhledu-tabulky.html">8. Formátování. Úprava vzhledu tabulky</a> </h3> <p> <img alt="8. Formátování. Úprava vzhledu tabulky" title="8. Formátování. Úprava vzhledu tabulky" class="news-block-img pull-right" src="/thumbs/24/3441112.jpg"> 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ší </p> <a href="/3441112-8-formatovani-uprava-vzhledu-tabulky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18492427-Prirucka-pro-redaktory-univerzity-pardubice.html">PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE</a> </h3> <p> <img alt="PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE" title="PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE" class="news-block-img pull-right" src="/thumbs/39/18492427.jpg"> 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 </p> <a href="/18492427-Prirucka-pro-redaktory-univerzity-pardubice.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3287190-1-zakladni-pojmy-pouzivane-v-tomto-manualu-2-stranky.html">1. Základní pojmy, používané v tomto manuálu. 2. Stránky</a> </h3> <p> <img alt="1. Základní pojmy, používané v tomto manuálu. 2. Stránky" title="1. Základní pojmy, používané v tomto manuálu. 2. Stránky" class="news-block-img pull-right" src="/thumbs/24/3287190.jpg"> 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, </p> <a href="/3287190-1-zakladni-pojmy-pouzivane-v-tomto-manualu-2-stranky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4368497-Styly-odstavcu-word-2010-prirazeni-stylu-odstavce-odstavci-zmena-stylu-odstavce.html">Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce</a> </h3> <p> <img alt="Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce" title="Styly odstavců. Word 2010. Přiřazení stylu odstavce odstavci. Změna stylu odstavce" class="news-block-img pull-right" src="/thumbs/24/4368497.jpg"> 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), </p> <a href="/4368497-Styly-odstavcu-word-2010-prirazeni-stylu-odstavce-odstavci-zmena-stylu-odstavce.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html">Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:</a> </h3> <p> <img alt="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" title="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" class="news-block-img pull-right" src="/thumbs/24/3871753.jpg"> Co je HTML HTML HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu </p> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28608580-Internet-a-site-role-pri-tvorbe-webovych-aplikaci-rozhodovaci-vrstvy-pri-tvorbe-webovych-aplikaci-povrch-kostra-struktura-obsah-strategie.html">INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie</a> </h3> <p> <img alt="INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie" title="INTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie" class="news-block-img pull-right" src="/thumbs/51/28608580.jpg"> 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 </p> <a href="/28608580-Internet-a-site-role-pri-tvorbe-webovych-aplikaci-rozhodovaci-vrstvy-pri-tvorbe-webovych-aplikaci-povrch-kostra-struktura-obsah-strategie.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html"><link> - definuje vztah k jiným XHTML dokumentům, typicky</a> </h3> <p> <img alt="<link> - definuje vztah k jiným XHTML dokumentům, typicky" title="<link> - definuje vztah k jiným XHTML dokumentům, typicky" class="news-block-img pull-right" src="/thumbs/51/28133790.jpg"> Návrh a tvorba WWW stránek 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka </p> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2523794-Kapitola-3-zpracovani-textu.html">KAPITOLA 3 - ZPRACOVÁNÍ TEXTU</a> </h3> <p> <img alt="KAPITOLA 3 - ZPRACOVÁNÍ TEXTU" title="KAPITOLA 3 - ZPRACOVÁNÍ TEXTU" class="news-block-img pull-right" src="/thumbs/24/2523794.jpg"> 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 </p> <a href="/2523794-Kapitola-3-zpracovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2842561-Manual-jak-pouzivat-administraci-webovych-stranek-obsah-zaklad-2-upravy-polozky-3-upravy-textove-stranky-4.html">MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4</a> </h3> <p> <img alt="MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4" title="MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4" class="news-block-img pull-right" src="/thumbs/24/2842561.jpg"> 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... </p> <a href="/2842561-Manual-jak-pouzivat-administraci-webovych-stranek-obsah-zaklad-2-upravy-polozky-3-upravy-textove-stranky-4.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html">Stránka se dá otevřít dvěma způsoby</a> </h3> <p> <img alt="Stránka se dá otevřít dvěma způsoby" title="Stránka se dá otevřít dvěma způsoby" class="news-block-img pull-right" src="/thumbs/20/561582.jpg"> 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á </p> <a href="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/596199-Microsoft-office-sharepoint-server-2007.html">Microsoft Office SharePoint Server 2007</a> </h3> <p> <img alt="Microsoft Office SharePoint Server 2007" title="Microsoft Office SharePoint Server 2007" class="news-block-img pull-right" src="/thumbs/20/596199.jpg"> Microsoft Office SharePoint Server 2007 Příručka pro uživatele Úvod do HTML a CSS Verze 1.1 Stav k 7.4. 2009 Středisko komunikačních a informačních systému Univerzita obrany Brno 2009 2008 Středisko komunikačních </p> <a href="/596199-Microsoft-office-sharepoint-server-2007.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32130042-Frantisek-hudek-duben-rocnik.html">František Hudek. duben ročník</a> </h3> <p> <img alt="František Hudek. duben ročník" title="František Hudek. duben ročník" class="news-block-img pull-right" src="/thumbs/53/32130042.jpg"> VY_32_INOVACE_FH12_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 duben 2013 6. </p> <a href="/32130042-Frantisek-hudek-duben-rocnik.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html">Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela</a> </h3> <p> <img alt="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" title="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" class="news-block-img pull-right" src="/thumbs/54/33334362.jpg"> Základy informatiky 03, 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 </p> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html">WWW a HTML. Základní pojmy. Ivo Peterka</a> </h3> <p> <img alt="WWW a HTML. Základní pojmy. Ivo Peterka" title="WWW a HTML. Základní pojmy. Ivo Peterka" class="news-block-img pull-right" src="/thumbs/26/9344767.jpg"> WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní </p> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2562350-Goodwill-vysssi-odborna-skola-s-r-o-p-holeho-400-frydek-mistek.html">GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek</a> </h3> <p> <img alt="GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek" title="GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek" class="news-block-img pull-right" src="/thumbs/24/2562350.jpg"> 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í </p> <a href="/2562350-Goodwill-vysssi-odborna-skola-s-r-o-p-holeho-400-frydek-mistek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1367396-Za-klady-html-tag-html-html-parova-znacka-ktery-definuje-webovou-stranku-obsah-stranky-konci-znackou.html">Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou</a> </h3> <p> <img alt="Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou" title="Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou" class="news-block-img pull-right" src="/thumbs/22/1367396.jpg"> 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 </p> <a href="/1367396-Za-klady-html-tag-html-html-parova-znacka-ktery-definuje-webovou-stranku-obsah-stranky-konci-znackou.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595575-1-tvorba-www-stranek-pomoci-programu-microsoft-frontpage.html">1 Tvorba WWW stránek pomocí programu Microsoft FrontPage</a> </h3> <p> <img alt="1 Tvorba WWW stránek pomocí programu Microsoft FrontPage" title="1 Tvorba WWW stránek pomocí programu Microsoft FrontPage" class="news-block-img pull-right" src="/thumbs/20/595575.jpg"> 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 </p> <a href="/595575-1-tvorba-www-stranek-pomoci-programu-microsoft-frontpage.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html">(X)HTML-TAGY. VOŠ a SŠT Česká Třebová</a> </h3> <p> <img alt="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" title="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" class="news-block-img pull-right" src="/thumbs/48/24778289.jpg"> (X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před </p> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7451726-Zakladni-skola-hluk-vyukove-texty-ms-word-2007.html">Základní škola Hluk výukové texty MS Word 2007</a> </h3> <p> <img alt="Základní škola Hluk výukové texty MS Word 2007" title="Základní škola Hluk výukové texty MS Word 2007" class="news-block-img pull-right" src="/thumbs/26/7451726.jpg"> 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 </p> <a href="/7451726-Zakladni-skola-hluk-vyukove-texty-ms-word-2007.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591375-Manual-editace-textu-v-textovem-editoru-sinpro-uprava-tabulek-a-internetovych-odkazu-radkovani.html">Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování</a> </h3> <p> <img alt="Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování" title="Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování" class="news-block-img pull-right" src="/thumbs/24/2591375.jpg"> 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... </p> <a href="/2591375-Manual-editace-textu-v-textovem-editoru-sinpro-uprava-tabulek-a-internetovych-odkazu-radkovani.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1049796-Uprava-stranek-obsah-1-popis-ikon-editoru-pouzitych-v-sablone-2-psani-a-formatovani-textu-pro-web-3-odkazy-4-tabulky-5-obrazky-6.html">Ú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.</a> </h3> <p> <img alt="Ú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." title="Ú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." class="news-block-img pull-right" src="/thumbs/20/1049796.jpg"> Ú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 </p> <a href="/1049796-Uprava-stranek-obsah-1-popis-ikon-editoru-pouzitych-v-sablone-2-psani-a-formatovani-textu-pro-web-3-odkazy-4-tabulky-5-obrazky-6.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-pomoci-xhtml-a-css.html">Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS</a> </h3> <p> <img alt="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" title="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" class="news-block-img pull-right" src="/thumbs/20/595456.jpg"> Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr </p> <a href="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-pomoci-xhtml-a-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9276907-Tvorba-internetovych-stranek.html">Tvorba internetových stránek</a> </h3> <p> <img alt="Tvorba internetových stránek" title="Tvorba internetových stránek" class="news-block-img pull-right" src="/thumbs/26/9276907.jpg"> Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Středa 9:00-10:00h http://tvorba-is.wz.cz/ Samostatný úkol Zvolili jste si doménu a zjistili její cenu? Nalezli jste svůj freehosting? </p> <a href="/9276907-Tvorba-internetovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591451-Zaklady-html-obecna-syntaxe-html-struktura-html.html">Základy HTML. Obecná syntaxe HTML. Struktura HTML</a> </h3> <p> <img alt="Základy HTML. Obecná syntaxe HTML. Struktura HTML" title="Základy HTML. Obecná syntaxe HTML. Struktura HTML" class="news-block-img pull-right" src="/thumbs/24/2591451.jpg"> Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů </p> <a href="/2591451-Zaklady-html-obecna-syntaxe-html-struktura-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html">Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!</a> </h3> <p> <img alt="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" title="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" class="news-block-img pull-right" src="/thumbs/24/3816700.jpg"> Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími </p> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357174-Internetove-technologie-cviceni-c-5.html">Internetové technologie, cvičení č. 5</a> </h3> <p> <img alt="Internetové technologie, cvičení č. 5" title="Internetové technologie, cvičení č. 5" class="news-block-img pull-right" src="/thumbs/24/4357174.jpg"> 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 </p> <a href="/4357174-Internetove-technologie-cviceni-c-5.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/560777-Webovy-editor-market-inovator-verze-1-0-0-0.html">Webový editor MARKET INOVATOR verze 1.0.0.0</a> </h3> <p> <img alt="Webový editor MARKET INOVATOR verze 1.0.0.0" title="Webový editor MARKET INOVATOR verze 1.0.0.0" class="news-block-img pull-right" src="/thumbs/20/560777.jpg"> 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 </p> <a href="/560777-Webovy-editor-market-inovator-verze-1-0-0-0.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/25/6023545.jpg"> 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. </p> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2592011-13-vytvareni-webovych-stranek.html">13. Vytváření webových stránek</a> </h3> <p> <img alt="13. Vytváření webových stránek" title="13. Vytváření webových stránek" class="news-block-img pull-right" src="/thumbs/24/2592011.jpg"> 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací </p> <a href="/2592011-13-vytvareni-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.html">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</a> </h3> <p> <img alt="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" title="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" class="news-block-img pull-right" src="/thumbs/25/5652545.jpg"> 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 </p> <a href="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591019-Editor-administrace-webu-pf-ujep.html">EDITOR ADMINISTRACE WEBU PF UJEP</a> </h3> <p> <img alt="EDITOR ADMINISTRACE WEBU PF UJEP" title="EDITOR ADMINISTRACE WEBU PF UJEP" class="news-block-img pull-right" src="/thumbs/24/2591019.jpg"> 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í... </p> <a href="/2591019-Editor-administrace-webu-pf-ujep.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9637662-M-e-t-o-d-i-k-a-w-i-k-i.html">M E T O D I K A W I K I</a> </h3> <p> <img alt="M E T O D I K A W I K I" title="M E T O D I K A W I K I" class="news-block-img pull-right" src="/thumbs/27/9637662.jpg"> 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 </p> <a href="/9637662-M-e-t-o-d-i-k-a-w-i-k-i.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/15259515-Rozmery-okraje-a-ramecky.html">Rozměry, okraje a rámečky</a> </h3> <p> <img alt="Rozměry, okraje a rámečky" title="Rozměry, okraje a rámečky" class="news-block-img pull-right" src="/thumbs/31/15259515.jpg"> Rozměry, okraje a rámečky 185 Jaké jednotky délky lze v CSS použít Jednotky délky slouží k zapisování vzdálenosti a definují se jimi jak rozměry elementů, tak rozměry okrajů či rámečků. Zapisují se hned </p> <a href="/15259515-Rozmery-okraje-a-ramecky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/27/11018426.jpg"> 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. </p> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3237069-Ffuk-uzivatelsky-manual-pro-administraci-webu-obsah.html">FFUK Uživatelský manuál pro administraci webu Obsah</a> </h3> <p> <img alt="FFUK Uživatelský manuál pro administraci webu Obsah" title="FFUK Uživatelský manuál pro administraci webu Obsah" class="news-block-img pull-right" src="/thumbs/24/3237069.jpg"> FFUK Uživatelský manuál pro administraci webu Obsah FFUK Uživatelský manuál pro administraci webu... 1 1 Úvod... 2 2 Po přihlášení... 2 3 Základní nastavení webu... 2 4 Menu... 2 5 Bloky... 5 6 Správa </p> <a href="/3237069-Ffuk-uzivatelsky-manual-pro-administraci-webu-obsah.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8897990-Napoveda-ke-cviceni-8.html">Nápověda ke cvičení 8</a> </h3> <p> <img alt="Nápověda ke cvičení 8" title="Nápověda ke cvičení 8" class="news-block-img pull-right" src="/thumbs/26/8897990.jpg"> 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 </p> <a href="/8897990-Napoveda-ke-cviceni-8.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31735653-Tnpw1-cviceni.html">TNPW1 Cvičení</a> </h3> <p> <img alt="TNPW1 Cvičení" title="TNPW1 Cvičení" class="news-block-img pull-right" src="/thumbs/53/31735653.jpg"> 13.10.2015 aneta.bartuskova@uhk.cz Úvod do CSS 13.10.2015 aneta.bartuskova@uhk.cz Výchozí styly prohlížeče Pokud nepřiřadíme elementům žádný styl v CSS, formátují se výchozími hodnotami prohlížeče (v CSS </p> <a href="/31735653-Tnpw1-cviceni.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1281158-Webove-stranky-4-tvorba-zakladni-html-webove-stranky-datum-vytvoreni-25-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr.html">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.</a> </h3> <p> <img alt="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." title="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." class="news-block-img pull-right" src="/thumbs/21/1281158.jpg"> 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á </p> <a href="/1281158-Webove-stranky-4-tvorba-zakladni-html-webove-stranky-datum-vytvoreni-25-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33493351-Kaskadove-styly-css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html">Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.</a> </h3> <p> <img alt="Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." title="Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." class="news-block-img pull-right" src="/thumbs/54/33493351.jpg"> Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s </p> <a href="/33493351-Kaskadove-styly-css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/26556216-Blokovy-model-v-css.html">Blokový model v CSS:</a> </h3> <p> <img alt="Blokový model v CSS:" title="Blokový model v CSS:" class="news-block-img pull-right" src="/thumbs/50/26556216.jpg"> Blokový model v CSS: Blokový model v CSS: Vlastnosti textu Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis word-spacing normal, délka normal o kolik se zvětší mezera mezi slovy letter-spacing </p> <a href="/26556216-Blokovy-model-v-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28743722-Format-stranky-pisma-odstavce-word-2007-egon-format-stranky-a-pisma-okraje-odstavce-oddily.html">Formát stránky, písma, odstavce Word 2007 egon. Formát stránky a písma, okraje, odstavce, oddíly</a> </h3> <p> <img alt="Formát stránky, písma, odstavce Word 2007 egon. Formát stránky a písma, okraje, odstavce, oddíly" title="Formát stránky, písma, odstavce Word 2007 egon. Formát stránky a písma, okraje, odstavce, oddíly" class="news-block-img pull-right" src="/thumbs/51/28743722.jpg"> Formát stránky, písma, odstavce Word 2007 egon Formát stránky a písma, okraje, odstavce, oddíly Jan Málek 11.6.2010 Formát stránky Před psaním textu bychom se měli rozmyslet, na jaký formát papíru případně </p> <a href="/28743722-Format-stranky-pisma-odstavce-word-2007-egon-format-stranky-a-pisma-okraje-odstavce-oddily.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6792603-K-2-zaklady-zpracovani-textu.html">K 2 - Základy zpracování textu</a> </h3> <p> <img alt="K 2 - Základy zpracování textu" title="K 2 - Základy zpracování textu" class="news-block-img pull-right" src="/thumbs/25/6792603.jpg"> 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 </p> <a href="/6792603-K-2-zaklady-zpracovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/674333-Microsoft-word-zahlavi-a-uziti-stylu.html">Microsoft Word - Záhlaví a užití stylů</a> </h3> <p> <img alt="Microsoft Word - Záhlaví a užití stylů" title="Microsoft Word - Záhlaví a užití stylů" class="news-block-img pull-right" src="/thumbs/18/674333.jpg"> 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, </p> <a href="/674333-Microsoft-word-zahlavi-a-uziti-stylu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1292332-Nova-struktura-souboru-a-slozek.html">Nová struktura souborů a složek</a> </h3> <p> <img alt="Nová struktura souborů a složek" title="Nová struktura souborů a složek" class="news-block-img pull-right" src="/thumbs/22/1292332.jpg"> Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky </p> <a href="/1292332-Nova-struktura-souboru-a-slozek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4901927-Kapitola-11-formulare-151.html">Kapitola 11: Formuláře 151</a> </h3> <p> <img alt="Kapitola 11: Formuláře 151" title="Kapitola 11: Formuláře 151" class="news-block-img pull-right" src="/thumbs/25/4901927.jpg"> 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 </p> <a href="/4901927-Kapitola-11-formulare-151.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8692053-Microsoft-office-word-2003.html">Microsoft Office Word 2003</a> </h3> <p> <img alt="Microsoft Office Word 2003" title="Microsoft Office Word 2003" class="news-block-img pull-right" src="/thumbs/26/8692053.jpg"> 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 </p> <a href="/8692053-Microsoft-office-word-2003.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3441372-Tabulkovy-procesor-orientace-textu-o-uroven-niz-o-uroven-vys.html">Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš</a> </h3> <p> <img alt="Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš" title="Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš" class="news-block-img pull-right" src="/thumbs/24/3441372.jpg"> 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 </p> <a href="/3441372-Tabulkovy-procesor-orientace-textu-o-uroven-niz-o-uroven-vys.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1964195-Formatovani-diplomove-prace-office-2007-2010.html">Formátování diplomové práce (Office 2007,2010)</a> </h3> <p> <img alt="Formátování diplomové práce (Office 2007,2010)" title="Formátování diplomové práce (Office 2007,2010)" class="news-block-img pull-right" src="/thumbs/23/1964195.jpg"> Formátování diplomové práce (Office 2007,2010) Formátování textu Formát textu je jeden z faktorů, který ovlivní celkový dojem a funkčnost dokumentu. Mnoho začátečníků se zpočátku nechává unést možnostmi </p> <a href="/1964195-Formatovani-diplomove-prace-office-2007-2010.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8897901-Dokument-a-jeho-casti-oddily-zahlavi-zapati.html">Dokument a jeho části oddíly, záhlaví, zápatí</a> </h3> <p> <img alt="Dokument a jeho části oddíly, záhlaví, zápatí" title="Dokument a jeho části oddíly, záhlaví, zápatí" class="news-block-img pull-right" src="/thumbs/26/8897901.jpg"> Dokument a jeho části oddíly, záhlaví, zápatí Nejčastějším úkolem bývá ukončení stránky a pokračování textu na další stránce nebo vložení stránky před napsaný text. Podobným úkolem je jiné svislé zarovnání </p> <a href="/8897901-Dokument-a-jeho-casti-oddily-zahlavi-zapati.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/27456523-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html">Inovace výuky prostřednictvím šablon pro SŠ</a> </h3> <p> <img alt="Inovace výuky prostřednictvím šablon pro SŠ" title="Inovace výuky prostřednictvím šablon pro SŠ" class="news-block-img pull-right" src="/thumbs/51/27456523.jpg"> Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 </p> <a href="/27456523-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html">1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1</a> </h3> <p> <img alt="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" title="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" class="news-block-img pull-right" src="/thumbs/19/356186.jpg"> 1 Úvod V tomto studijním textu se seznámíme s tvorbou webových stránek a prezentací a se základy syntaxe jazyka HTML. K tomu, abychom byli schopni vytvořit internetovou stránku, nemusíme používat žádný </p> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3441305-Kapitola-8-tabulkovy-procesor.html">KAPITOLA 8 TABULKOVÝ PROCESOR</a> </h3> <p> <img alt="KAPITOLA 8 TABULKOVÝ PROCESOR" title="KAPITOLA 8 TABULKOVÝ PROCESOR" class="news-block-img pull-right" src="/thumbs/24/3441305.jpg"> 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 </p> <a href="/3441305-Kapitola-8-tabulkovy-procesor.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/202035-Microsoft-word-styly-obsah-a-dalsi.html">Microsoft Word - Styly, obsah a další</a> </h3> <p> <img alt="Microsoft Word - Styly, obsah a další" title="Microsoft Word - Styly, obsah a další" class="news-block-img pull-right" src="/thumbs/19/202035.jpg"> 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í </p> <a href="/202035-Microsoft-word-styly-obsah-a-dalsi.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/27878191-Navod-na-pouziti-univerzitni-aplikace.html">Návod na použití univerzitní aplikace</a> </h3> <p> <img alt="Návod na použití univerzitní aplikace" title="Návod na použití univerzitní aplikace" class="news-block-img pull-right" src="/thumbs/51/27878191.jpg"> Page 1 of 19 Návod na použití univerzitní aplikace WHOIS viz jednotlivé kapitoly Stránky: Univerzita Karlova v Praze, Právnická fakulta Kurz: Návod pro použití aplikace Whois Kniha: Návod na použití univerzitní </p> <a href="/27878191-Navod-na-pouziti-univerzitni-aplikace.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/354285-Tvorba-stranek-v-html-ve-wordu.html">Tvorba stránek v HTML ve Wordu</a> </h3> <p> <img alt="Tvorba stránek v HTML ve Wordu" title="Tvorba stránek v HTML ve Wordu" class="news-block-img pull-right" src="/thumbs/19/354285.jpg"> Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o </p> <a href="/354285-Tvorba-stranek-v-html-ve-wordu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/16169138-Tvorba-webovych-stranek.html">TVORBA WEBOVÝCH STRÁNEK</a> </h3> <p> <img alt="TVORBA WEBOVÝCH STRÁNEK" title="TVORBA WEBOVÝCH STRÁNEK" class="news-block-img pull-right" src="/thumbs/33/16169138.jpg"> TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML </p> <a href="/16169138-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8898103-Manual-k-editoru-tinymce.html">Manuál k editoru TinyMCE</a> </h3> <p> <img alt="Manuál k editoru TinyMCE" title="Manuál k editoru TinyMCE" class="news-block-img pull-right" src="/thumbs/26/8898103.jpg"> 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, </p> <a href="/8898103-Manual-k-editoru-tinymce.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-textu.html">PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu</a> </h3> <p> <img alt="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" title="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" class="news-block-img pull-right" src="/thumbs/20/561847.jpg"> PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní </p> <a href="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5117820-Vytvoreni-tiskove-sestavy-kalibrace.html">Vytvoření tiskové sestavy kalibrace</a> </h3> <p> <img alt="Vytvoření tiskové sestavy kalibrace" title="Vytvoření tiskové sestavy kalibrace" class="news-block-img pull-right" src="/thumbs/25/5117820.jpg"> 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ý </p> <a href="/5117820-Vytvoreni-tiskove-sestavy-kalibrace.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11110528-Formatovani-pomoci-stylu.html">Formátování pomocí stylů</a> </h3> <p> <img alt="Formátování pomocí stylů" title="Formátování pomocí stylů" class="news-block-img pull-right" src="/thumbs/27/11110528.jpg"> 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, </p> <a href="/11110528-Formatovani-pomoci-stylu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3441363-Uvod-do-problematiky-upravy-tabulky.html">Úvod do problematiky ÚPRAVY TABULKY</a> </h3> <p> <img alt="Úvod do problematiky ÚPRAVY TABULKY" title="Úvod do problematiky ÚPRAVY TABULKY" class="news-block-img pull-right" src="/thumbs/24/3441363.jpg"> Ú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 </p> <a href="/3441363-Uvod-do-problematiky-upravy-tabulky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/581851-Ms-word-2007-sablony-programu-ms-word.html">MS Word 2007 Šablony programu MS Word</a> </h3> <p> <img alt="MS Word 2007 Šablony programu MS Word" title="MS Word 2007 Šablony programu MS Word" class="news-block-img pull-right" src="/thumbs/20/581851.jpg"> 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 </p> <a href="/581851-Ms-word-2007-sablony-programu-ms-word.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/26215706-1-uvod-9-co-a-kde-v-knize-naleznete-9-zdroje-doporuceni-pro-dalsi-studium-11.html">1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11</a> </h3> <p> <img alt="1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11" title="1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11" class="news-block-img pull-right" src="/thumbs/50/26215706.jpg"> Obsah 3 1: Úvod 9 Dříve než začnete......................... 9 Co a kde v knize naleznete....................... 9 Zdroje............................... 10 Doporučení pro další studium..................... </p> <a href="/26215706-1-uvod-9-co-a-kde-v-knize-naleznete-9-zdroje-doporuceni-pro-dalsi-studium-11.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33763750-Informatika-aplikacni-software-pro-praci-s-informacemi-odrazky-a-cislovani-pracovni-list-pro-zaky-gymnazium-k-v-raise-hlinsko-adamkova-55.html">INFORMATIKA. aplikační software pro práci s informacemi ODRÁŽKY A ČÍSLOVÁNÍ. Pracovní list pro žáky. Gymnázium K. V. Raise, Hlinsko, Adámkova 55</a> </h3> <p> <img alt="INFORMATIKA. aplikační software pro práci s informacemi ODRÁŽKY A ČÍSLOVÁNÍ. Pracovní list pro žáky. Gymnázium K. V. Raise, Hlinsko, Adámkova 55" title="INFORMATIKA. aplikační software pro práci s informacemi ODRÁŽKY A ČÍSLOVÁNÍ. Pracovní list pro žáky. Gymnázium K. V. Raise, Hlinsko, Adámkova 55" class="news-block-img pull-right" src="/thumbs/54/33763750.jpg"> INFORMATIKA aplikační software pro práci s informacemi ODRÁŽKY A ČÍSLOVÁNÍ Pracovní list pro žáky Gymnázium K. V. Raise, Hlinsko, Adámkova 55 Autor: RNDr. Ivanka Dvořáčková 2013 Odrážky a číslování pracovní </p> <a href="/33763750-Informatika-aplikacni-software-pro-praci-s-informacemi-odrazky-a-cislovani-pracovni-list-pro-zaky-gymnazium-k-v-raise-hlinsko-adamkova-55.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1765717-Vyvoj-internetovych-aplikaci.html">Vývoj Internetových Aplikací</a> </h3> <p> <img alt="Vývoj Internetových Aplikací" title="Vývoj Internetových Aplikací" class="news-block-img pull-right" src="/thumbs/23/1765717.jpg"> 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info </p> <a href="/1765717-Vyvoj-internetovych-aplikaci.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9514045-Webove-stranky-skoly-a-redakcni-system.html">WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM</a> </h3> <p> <img alt="WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM" title="WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM" class="news-block-img pull-right" src="/thumbs/27/9514045.jpg"> WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM WordPress manuál A3 WEBOVÉ STRÁNKY ŠKOLY A REDAKČNÍ SYSTÉM WordPress manuál Ing. Karel Rejthar 16. 6. 2015-1 - OBSAH WordPress manuál...................................... </p> <a href="/9514045-Webove-stranky-skoly-a-redakcni-system.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23754939-Formatovani-obsahu-adminweb.html">Formátování obsahu adminweb</a> </h3> <p> <img alt="Formátování obsahu adminweb" title="Formátování obsahu adminweb" class="news-block-img pull-right" src="/thumbs/47/23754939.jpg"> Formátování obsahu adminweb verze 24032015 1 Obsah 1. Možnosti formátování textu...3 2. Formátování v editoru...4 3. Tabulka pro pozicování obsahu...5 4. Tabulka se stylem... 6 5. Šablony...7 6. Obrázky </p> <a href="/23754939-Formatovani-obsahu-adminweb.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561567-Zebu-webdesign-s-r-o-technologicka-372-2-420-597-305-937-70800-ostrava-pustkovec-info-zebu-cz.html">ZEBU webdesign s.r.o. Technologická 372/2 +420 597 305 937 70800 Ostrava Pustkovec info@zebu.cz</a> </h3> <p> <img alt="ZEBU webdesign s.r.o. Technologická 372/2 +420 597 305 937 70800 Ostrava Pustkovec info@zebu.cz" title="ZEBU webdesign s.r.o. Technologická 372/2 +420 597 305 937 70800 Ostrava Pustkovec info@zebu.cz" class="news-block-img pull-right" src="/thumbs/20/561567.jpg"> 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... </p> <a href="/561567-Zebu-webdesign-s-r-o-technologicka-372-2-420-597-305-937-70800-ostrava-pustkovec-info-zebu-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html">Výukový materiál KA č.4 Spolupráce se ZŠ</a> </h3> <p> <img alt="Výukový materiál KA č.4 Spolupráce se ZŠ" title="Výukový materiál KA č.4 Spolupráce se ZŠ" class="news-block-img pull-right" src="/thumbs/23/2072147.jpg"> 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 </p> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/672847-Jak-vytva-r-et-webove-stra-nky-pomoci-xhtml-a-css.html">Jak vytva r et webove stra nky pomocı XHTML a CSS.</a> </h3> <p> <img alt="Jak vytva r et webove stra nky pomocı XHTML a CSS." title="Jak vytva r et webove stra nky pomocı XHTML a CSS." class="news-block-img pull-right" src="/thumbs/18/672847.jpg"> Jak vytva r et webove stra nky pomocı XHTML a CSS. K vytváření webových stránek se používají různé editory. Z pohledu tvůrce je nejednodušší způsob jak napsat stránku použít např. editor MS-Word a soubor </p> <a href="/672847-Jak-vytva-r-et-webove-stra-nky-pomoci-xhtml-a-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28147425-Soukroma-stredni-odborna-skola-frydek-mistek-s-r-o-vy_32_inovace_135_ivt_html_08_tvorba_www.html">Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www</a> </h3> <p> <img alt="Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www" title="Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www" class="news-block-img pull-right" src="/thumbs/51/28147425.jpg"> Čí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 </p> <a href="/28147425-Soukroma-stredni-odborna-skola-frydek-mistek-s-r-o-vy_32_inovace_135_ivt_html_08_tvorba_www.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32300092-Cislo-a-nazev-sablony-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict.html">Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT</a> </h3> <p> <img alt="Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT" title="Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT" class="news-block-img pull-right" src="/thumbs/53/32300092.jpg"> Čí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á </p> <a href="/32300092-Cislo-a-nazev-sablony-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/880421-Zaklady-porizovani-textu.html">ZÁKLADY POŘIZOVÁNÍ TEXTU</a> </h3> <p> <img alt="ZÁKLADY POŘIZOVÁNÍ TEXTU" title="ZÁKLADY POŘIZOVÁNÍ TEXTU" class="news-block-img pull-right" src="/thumbs/18/880421.jpg"> Ú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 </p> <a href="/880421-Zaklady-porizovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1368252-Tvorba-webu-kaskadove-styly-css-martin-urza.html">Tvorba webu. Kaskádové styly (CSS) Martin Urza</a> </h3> <p> <img alt="Tvorba webu. Kaskádové styly (CSS) Martin Urza" title="Tvorba webu. Kaskádové styly (CSS) Martin Urza" class="news-block-img pull-right" src="/thumbs/22/1368252.jpg"> Tvorba webu Kaskádové styly (CSS) Martin Urza Motivace Proč používat kaskádové styly k formátování HTML? Dovolují více možností formátování než klasické HTML atributy a stále přibývají další (možnosti). </p> <a href="/1368252-Tvorba-webu-kaskadove-styly-css-martin-urza.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.cz <a href="/support/privacy-policy/">Ochrana osobních údajů</a> | <a href="/support/terms-of-service/">Podmínky obsluhování</a> | <a href="/support/feedback/">Kontaktní formulář</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/349f6/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":24,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=24&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>