Tagů je spousta. Pokud bych teď měl zpaměti všechny napsat, do kupy bych to nedal.

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

Download "Tagů je spousta. Pokud bych teď měl zpaměti všechny napsat, do kupy bych to nedal."

Transkript

1 Přehled tagů ů je spousta. Pokud bych teď měl zpaměti všechny napsat, do kupy bych to nedal. V následujícím přehledu jsou uvedeny nejčastěji používané tagy, se kterými si často vystačíme. Pokud Vám však následující přehled bude málo, můžete se podívat na mnohem rozsáhlejší přehled tagů i s jejich popisem, nebo se podívat na abecední seznam všech tagů. Párové tagy Například tag li není v HTML povinně párový (nemusí mít ukončovací značku). V XHTML (rozšířené verzi HTML) však je povinně párový. Ideální tedy bude, pokud ho budeme psát vždy jako párový, pak si nemusíme lámat hlavu, zda to máme či nemáme dobře. html head title body Vymezuje HTML dokument. Vymezuje hlavičku dokumentu. Název konkrétní stránky (HTML dokumentu), pro každou HTML stránku (HTML soubor) by měl být unikátní, zapisuje se do hlavičky. Zobrazí se v záhlaví prohlížeče úplně nahoře. Vymezuje obsah stránky. To co napíšeme mezi značky <body> </body> se zobrazí v prohlížeči. h1 h2 h6 p Nadpis první úrovně (obecně se do něj vkládá název či slogan stránky) Nadpisy dalších úrovní Odstavec ul Odrážkový seznam (unordered list) Stránka 1 z 10

2 Jak takový seznam vypadá: <ul> <li>první položka seznamu</li> <li>druhá položka seznamu</li> <li>třetí položka seznamu</li> </ul> (Úpravy vzhledu seznamu zda bude či nebude mít odrážky, rozestup položek, se pak provádí pomocí CSS.) Opět připomínám, že zápis můžeme napsat následovně, a v prohlížeči se nám zobrazí stejně, ale ta přehlednost: <ul><li>první položka seznamu</li><li>druhá položka seznamu</li><li>třetí položka seznamu</li></ul> I když jsme položky napsaly za sebe, v prohlížeči se opět zobrazí pod sebou. Pokud bychom je chtěli mít i v prohlížeči vedle sebe, musíme použít CSS. ol Číslovaný seznam (ordered list) <ol> <li>první položka seznamu</li> <li>druhá položka seznamu</li> <li>třetí položka seznamu</li> </ol> Seznamy se pak často používají na tvorbu menu stránek. address Jak již název napovídá, tento tag obaluje adresu. Stránka 2 z 10

3 <address> Jméno Příjmení<br> Ulice č. p.<br> PSČ Město </address> A co je to zvláštní <br>? Dozvíme se o kousek níže. dl dt dd Definiční seznam Termín Definice termínu <dl> <dt>hemoglobin</dt> <dd>červené krevní barvivo</dd> <dt>osteologie</dt> <dd>nauka o kostech</dd> <dt>evaporace</dt> <dd>vypařování</dd> </dl> Stránka 3 z 10

4 b i u strong em Tučný text Kurzíva Podtržený text; neměli bychom však tento tag používat. Podtržení je vyhraněno pro odkazy, se kterými by se pak podtržený text pletl, a navíc je tento tag zastaralý. Zvýrazněný text (upozornění na důležitost), vykreslen tučně Zvýrazněny text vykreslený kurzívou I když se b, strong a i, em vykreslují stejně, význam mají odlišný; b pouze ztučňuje text, nedává mu na rozdíl od strong důležitost. Příklad: I když je slovo tučně, rozhodně nemá vyšší důležitost než samotný , proto použijeme tag b. Rozdíl je snad již zřetelnější. Občas si někde můžete přečíst, že tagy b a i jsou nesémantické a měli byste použít strong a em; je to samozřejmě nesmysl. pre Předformátovaný text text v tomto tagu se formátuje stejně jako ve zdrojovém kódu. (Font a další vlastnosti se dají nastavit opět v CSS.) Nejlepší bude opět příklad: <p>nějak mě zrovna nenapadá, jaký ukázkový text napsat.</p> <pre>nějak mě zrovna nenapadá, jaký ukázkový text napsat.</pre> Stránka 4 z 10

5 abbr acronym Vysvětlení zkratky (IE 6 tento tag nepobírá.) Vysvětlení zkratkového slova Rozdíl mezi zkratkou a zkratkovým slovem je následující. Zkratka (např. HTML) se hláskuje, čte po jednotlivých písmenech. Zkratkové slovo se potom čte stejně, jak se píše, například NASA (National Aeronautics and Space Administration, Národní úřad pro letectví a kosmonautiku). K vysvětlení zkratky či zkratkového slova se pak využívá atribut title (pozor, neplést s tagem title). Po najetí myší na dané slovo se pak objeví bublinka s vysvětlením. Zkratka nebo zkratkové slovo se často podtrhává (přerušovaně na rozdíl od odkazů) a po najetí se většinou objeví ikonka otazníčku (HTML). Vím, že se opakuji :-), ale opět nám pomáhá CSS. Podíváme se na příklad: <abbr title="hypertext Markup Language">HTML</abbr> <acronym title="national Aeronautics and Space Administration">NASA</acronym> Obzvláště pro zrakové postižené, kteří využívají při procházení www stránek hlasovou čtečku, je tag abbr důležitý, aby čtečka zkratku přečetla správně po písmenech. Jak již jsem naznačil, problém je s IE 6, ale zrakově postižení to většinou vědí, a tak používají jiný prohlížeč; nebo se to dá řešit pomocí skriptu (ale o tom možná později). Stránka 5 z 10

6 Nepárové tagy br hr Zalomení řádku Horizontální čára Tady to je snad jasné i bez příkladu. sub sup Dolní index Horní index Na příkladu to bude hned jasné: H<sub>2</sub>CO<sub>3</sub> = H₂CO₃ 10<sup>2</sup> = 10² Někdy je výhodnější použít entity pro horní index, aby se nezvětšovala výška řádku, ale potom je index hůře čitelný. Avšak i s velkým indexem lze výška řádku poupravit. Zastaralé tagy Dále jsou uvedeny příklady tagů, které se dají využít ke změně vzhledu prvků v HTML dokumentu. Jelikož však dnešním trendem tvorby www je striktní oddělení obsahu a vzhledu (HTML dokument se stará pouze o obsah), měli bychom se těmto tagům vyvarovat. Mezi takové tagy patří font, big, small. Obzvláště bychom se pak měli vyvarovat tagům jako blink a marquee (blikající a jezdící text). Aneb tagy dobré akorát tak na epileptický záchvat. Stránka 6 z 10

7 Entity Možná jste už přemýšleli o tom, jak vypisuji ukázky kódu na tomto webu. Pokud do HTML souboru napíšeme například <p>brum brum</p>, vykreslí se pouze Brum brum, tagy pro odstavec zobrazeny nebudou. Jak tedy na to? Využijeme tzv. entit. Začínají znakem & a končí ;. To, co je mezi těmito znaky, závisí na dané entitě. Stránka 7 z 10

8 Zápis entity Co se zobrazí Popis Nedělitelná mezera (non-breaking space); v místě nedělitelné mezery se text nezalomí na další řádek. Pomlčka; na klávesnici je spojovník a často je v textu za pomlčku zaměňován. Delší pomlčka Výpustka; ty tři tečky například na konci nedokončené věty. Avšak správně to nemají být tři tečky, ale právě ona výpustka. Vizuálně se od třech teček liší, jelikož mezi tečkami výpustky je tenká mezírka. Levé dolní české uvozovky < < Pravé horní české uvozovky; místo uvedených uvozovek (kulatých) se často nesprávně používají horní rovné uvozovky (""). Less-than sign; menší než; mimo jiné se dá využít právě i pro ukázku zápisu tagů > > Greater-than sign & & Ampersand; pro vypsání znaku &. Samozřejmě, že lze napsat i pomocí klávesy, avšak takto napsaný & není v souladu s normou; je totiž vyhrazen jako první znak každé entity. Šipka vpravo Šipka nahoru Krát; velmi často se však místo tohoto znaku píše chybně písmeno x. Nekonečno α α Řecké písmeno alfa (malé) β β Beta γ γ Gama Stránka 8 z 10

9 δ δ Delta ξ ξ Ksí si nemůžeme neukázat. ω ω Omega Ω Ω Omega (velká); pomocí entit lze řecká písmena psát velká i malá. Vidíte jak? ² ² Mocnina (na druhou) ³ ³ Mocnina (na třetí) Suma, součet Odmocnina Průnik Parciální derivace Piky Srdce Puntík Tento přehled je pouze část z celkového počtu použitelných entit. Pokud máte zájem poznat více entit, pohledejte na Internetu. Entity se dají zapisovat i pomocí číslic. Například i písmeno ř se dá napsat pomocí ř, ale jak sami uznáte, je to značně nepraktické. Stránka 9 z 10

10 Komentáře Pokud chceme nějaký úsek svého HTML kódu okomentovat, použijeme následujícího zápisu. <!-- Text komentáře --> Tento zápis se v prohlížeči nezobrazí. Je však čitelný v HTML kódu. Uvidí ho i uživatelé našeho webu, pokud si dají zdrojový kód dané stránky zobrazit. Zakomentovat lze i část kódu, u které třeba zatím nechceme, aby něco prováděl. Cokoli je tedy napsáno mezi <!-- a --> se v prohlížeči nezobrazí. Příklad: <h1>blu blu blu</h1> <!-- Toto je název mých www stránek. --> <!-- <p>odstavec, který bude na stránkách zobrazen až později, ale už ho chceme mít v kódu připraven.</p> --> <!-- Začátek seznamu --> <ul> <li>první položka seznamu</li> <li>druhá položka seznamu</li> <li>třetí položka seznamu</li> </ul> <!-- Konec seznamu --> Komentáře se často používají k označení jednotlivých částí kódu pro větší přehlednost a rychlejší orientaci. Stránka 10 z 10

Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:

Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku: 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

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="/595654-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/595654.jpg"> 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ý </p> <a href="/595654-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="/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="top-news"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- adaptive5 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8693394182295906" data-ad-slot="3106431071" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </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="/5653196-Zaklady-html-autor-palito.html">Základy HTML. Autor: Palito</a> </h3> <p> <img alt="Základy HTML. Autor: Palito" title="Základy HTML. Autor: Palito" class="news-block-img pull-right" src="/thumbs/25/5653196.jpg"> 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 </p> <a href="/5653196-Zaklady-html-autor-palito.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="/3890210-Html-hypertext-markup-language.html">HTML Hypertext Markup Language</a> </h3> <p> <img alt="HTML Hypertext Markup Language" title="HTML Hypertext Markup Language" class="news-block-img pull-right" src="/thumbs/24/3890210.jpg"> 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é </p> <a href="/3890210-Html-hypertext-markup-language.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="/23921591-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/48/23921591.jpg"> Tvorba webových stránek Seznamy Seznam je skupina odstavců označených odrážkou. Seznam je: číslovaný je označen pořadovým číslem nebo písmenem, nečíslovaný je označen značkou (odrážkou) Seznam Celý blok </p> <a href="/23921591-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="/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="/491485-Tvorba-www-stranek-prikazy-jazyka-html-budeme-pracovat-nasledovne-zakladni-struktura-webove-stranky-prikazy-sekce-head.html">Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD</a> </h3> <p> <img alt="Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD" title="Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD" class="news-block-img pull-right" src="/thumbs/20/491485.jpg"> 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 </p> <a href="/491485-Tvorba-www-stranek-prikazy-jazyka-html-budeme-pracovat-nasledovne-zakladni-struktura-webove-stranky-prikazy-sekce-head.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="/3448339-Html-uvod-zpracoval-petr-lasak.html">HTML - Úvod. Zpracoval: Petr Lasák</a> </h3> <p> <img alt="HTML - Úvod. Zpracoval: Petr Lasák" title="HTML - Úvod. Zpracoval: Petr Lasák" class="news-block-img pull-right" src="/thumbs/24/3448339.jpg"> 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í </p> <a href="/3448339-Html-uvod-zpracoval-petr-lasak.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="/595703-Tvorba-fotogalerie-v-html-str-1.html">Tvorba fotogalerie v HTML str.1</a> </h3> <p> <img alt="Tvorba fotogalerie v HTML str.1" title="Tvorba fotogalerie v HTML str.1" class="news-block-img pull-right" src="/thumbs/20/595703.jpg"> 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é </p> <a href="/595703-Tvorba-fotogalerie-v-html-str-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="/3097867-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/3097867.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="/3097867-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="/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="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.html">Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP</a> </h3> <p> <img alt="Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP" title="Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP" class="news-block-img pull-right" src="/thumbs/24/3908200.jpg"> Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové </p> <a href="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.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="/4670954-Kaskadove-styly-zaklady-grafiky.html">Kaskádové styly základy grafiky</a> </h3> <p> <img alt="Kaskádové styly základy grafiky" title="Kaskádové styly základy grafiky" class="news-block-img pull-right" src="/thumbs/25/4670954.jpg"> 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod </p> <a href="/4670954-Kaskadove-styly-zaklady-grafiky.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="/10728134-Odkazy-se-v-normalnim-pripade-podtrhavaji-samy-neni-nutno-to-nastavovat.html">Odkazy se v normálním případě podtrhávají samy, není nutno to nastavovat.</a> </h3> <p> <img alt="Odkazy se v normálním případě podtrhávají samy, není nutno to nastavovat." title="Odkazy se v normálním případě podtrhávají samy, není nutno to nastavovat." class="news-block-img pull-right" src="/thumbs/27/10728134.jpg"> Úprava textu Všechny tagy na formátování textu jsou in-line tagy, to znamená řádkové. Nezalamují za sebou řádek (narozdíl od blokových tagů). Fyzické formátování Fyzické formátování říká, jak má který </p> <a href="/10728134-Odkazy-se-v-normalnim-pripade-podtrhavaji-samy-neni-nutno-to-nastavovat.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="/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="/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="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.html">Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat.</a> </h3> <p> <img alt="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." title="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." class="news-block-img pull-right" src="/thumbs/28/12878532.jpg"> Word textový editor Tlačítko Office základní příkazy pro práci se souborem Karta Domů schránka vyjmout vložit kopírovat kopírovat formát písmo velikost písma volba písma barva písma tučné podtržené zvýraznění </p> <a href="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.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="/4267377-Bible-quote-6-5-okno-programu.html">Bible Quote 6.5 Okno programu</a> </h3> <p> <img alt="Bible Quote 6.5 Okno programu" title="Bible Quote 6.5 Okno programu" class="news-block-img pull-right" src="/thumbs/24/4267377.jpg"> Bible Quote 6.5 Program Bible Quote patří mezi mnohé volně šiřitelé biblické programy, ale má jistá specifika. Ve verzi 6,5 se jedná o beta verzi, která je již zřejmě konečná. (Bohužel díky velmi nesnadnému </p> <a href="/4267377-Bible-quote-6-5-okno-programu.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="/37775171-Nswi096-internet-uvod-do-html.html">NSWI096 - INTERNET. Úvod do HTML</a> </h3> <p> <img alt="NSWI096 - INTERNET. Úvod do HTML" title="NSWI096 - INTERNET. Úvod do HTML" class="news-block-img pull-right" src="/thumbs/55/37775171.jpg"> NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup </p> <a href="/37775171-Nswi096-internet-uvod-do-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="/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="/26194849-Gymnazium-brno-slovanske-nam-7-workbook-student-nejcastejsi-chyby-a-jak-se-jim-vyhnout-uvozovky-a-palce.html">Gymnázium, Brno, Slovanské nám. 7 WORKBOOK. Student: NEJČASTĚJŠÍ CHYBY A JAK SE JIM VYHNOUT Uvozovky a palce</a> </h3> <p> <img alt="Gymnázium, Brno, Slovanské nám. 7 WORKBOOK. Student: NEJČASTĚJŠÍ CHYBY A JAK SE JIM VYHNOUT Uvozovky a palce" title="Gymnázium, Brno, Slovanské nám. 7 WORKBOOK. Student: NEJČASTĚJŠÍ CHYBY A JAK SE JIM VYHNOUT Uvozovky a palce" class="news-block-img pull-right" src="/thumbs/50/26194849.jpg"> WORKBOOK http://agb.gymnaslo.cz Subject: Student: Computer science.. School year:../ Topic: Typography NEJČASTĚJŠÍ CHYBY A JAK SE JIM VYHNOUT Uvozovky a palce na klávesnici - znak pro palcovou míru Skutečné </p> <a href="/26194849-Gymnazium-brno-slovanske-nam-7-workbook-student-nejcastejsi-chyby-a-jak-se-jim-vyhnout-uvozovky-a-palce.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="/1733748-X-html-css-a-jquery.html">(X)HTML, CSS a jquery</a> </h3> <p> <img alt="(X)HTML, CSS a jquery" title="(X)HTML, CSS a jquery" class="news-block-img pull-right" src="/thumbs/22/1733748.jpg"> 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 </p> <a href="/1733748-X-html-css-a-jquery.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="/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="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.html">Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014</a> </h3> <p> <img alt="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" title="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" class="news-block-img pull-right" src="/thumbs/20/595609.jpg"> Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat </p> <a href="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.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="/5417000-Obsah-kapitola-1-nekolik-slov-o-wordu-2007-9.html">Obsah KAPITOLA 1 Několik slov o Wordu 2007 9</a> </h3> <p> <img alt="Obsah KAPITOLA 1 Několik slov o Wordu 2007 9" title="Obsah KAPITOLA 1 Několik slov o Wordu 2007 9" class="news-block-img pull-right" src="/thumbs/25/5417000.jpg"> KAPITOLA 1 Několik slov o Wordu 2007 9 Pás karet 10 Další možnosti ovládání Wordu 12 Nastavení Wordu 13 Ovládání Wordu 2007 klávesnicí 14 KAPITOLA 2 Základní operace 17 Základní nastavení 17 Rozdělení </p> <a href="/5417000-Obsah-kapitola-1-nekolik-slov-o-wordu-2007-9.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="/1367354-Prehled-zakladnich-html-tagu.html">Přehled základních html tagů</a> </h3> <p> <img alt="Přehled základních html tagů" title="Přehled základních html tagů" class="news-block-img pull-right" src="/thumbs/22/1367354.jpg"> 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... </p> <a href="/1367354-Prehled-zakladnich-html-tagu.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="/12510145-Zakladni-typograficka-pravidla.html">Základní typografická pravidla</a> </h3> <p> <img alt="Základní typografická pravidla" title="Základní typografická pravidla" class="news-block-img pull-right" src="/thumbs/28/12510145.jpg"> Variace 1 Základní typografická pravidla Autor: Mgr. Jaromír JUŘEK Kopírování a jakékoliv další využití výukového materiálu je povoleno pouze s uvedením odkazu na www.jarjurek.cz. 1. Základní typografická </p> <a href="/12510145-Zakladni-typograficka-pravidla.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="/3163166-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/24/3163166.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="/3163166-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="/274023-Hromadne-upravy-najit-a-nahradit.html">HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT</a> </h3> <p> <img alt="HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT" title="HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT" class="news-block-img pull-right" src="/thumbs/19/274023.jpg"> HROMADNÉ ÚPRAVY NAJÍT A NAHRADIT Funkce Najít a nahradit slouží k rychlému vyhledávání určitých slov a jejich nahrazování jinými slovy. Lze hledat i určité varianty slov a nahrazovat je buď hromadně (všechny </p> <a href="/274023-Hromadne-upravy-najit-a-nahradit.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="/357285-Mgr-vlastislav-kucera-prednaska-c-2.html">Mgr. Vlastislav Kučera přednáška č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 2" title="Mgr. Vlastislav Kučera přednáška č. 2" class="news-block-img pull-right" src="/thumbs/19/357285.jpg"> Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS </p> <a href="/357285-Mgr-vlastislav-kucera-prednaska-c-2.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="/18002456-Obsah-strucna-historie-world-wide-webu-7.html">Obsah. Stručná historie World Wide Webu 7</a> </h3> <p> <img alt="Obsah. Stručná historie World Wide Webu 7" title="Obsah. Stručná historie World Wide Webu 7" class="news-block-img pull-right" src="/thumbs/38/18002456.jpg"> KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu </p> <a href="/18002456-Obsah-strucna-historie-world-wide-webu-7.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="/4424001-Mgr-vlastislav-kucera-lekce-c-2.html">Mgr. Vlastislav Kučera lekce č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera lekce č. 2" title="Mgr. Vlastislav Kučera lekce č. 2" class="news-block-img pull-right" src="/thumbs/24/4424001.jpg"> 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 </p> <a href="/4424001-Mgr-vlastislav-kucera-lekce-c-2.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="/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="/1398093-Administrace-webu-postup-pri-praci.html">Administrace webu Postup při práci</a> </h3> <p> <img alt="Administrace webu Postup při práci" title="Administrace webu Postup při práci" class="news-block-img pull-right" src="/thumbs/22/1398093.jpg"> 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... </p> <a href="/1398093-Administrace-webu-postup-pri-praci.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="/880544-Backspace-maze-znaky-pred-kurzorem-tedy-zprava.html">Backspace maže znaky před kurzorem (tedy zprava)</a> </h3> <p> <img alt="Backspace maže znaky před kurzorem (tedy zprava)" title="Backspace maže znaky před kurzorem (tedy zprava)" class="news-block-img pull-right" src="/thumbs/18/880544.jpg"> 7. Textové editory úvod Textový editor aplikace, program pro psaní textů Obr. 1 Escape (Esc) vyskakovací klávesa, funguje jako storno Backspace maže znaky před kurzorem (tedy zprava) Delete maže znaky </p> <a href="/880544-Backspace-maze-znaky-pred-kurzorem-tedy-zprava.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="/34724699-Zmena-velikosti-pismen.html">Změna velikosti písmen</a> </h3> <p> <img alt="Změna velikosti písmen" title="Změna velikosti písmen" class="news-block-img pull-right" src="/thumbs/54/34724699.jpg"> Změna velikosti písmen U aplikace Word můžeme změnit velikost písmen v textu bez toho, aniž bychom museli daný text přepisovat ručně. Postup je následující: 1) Vyberte text, u kterého chcete změnit psaní </p> <a href="/34724699-Zmena-velikosti-pismen.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="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-aplikaci.html">Návrh stránek 4IZ228 tvorba webových stránek a aplikací</a> </h3> <p> <img alt="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" title="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" class="news-block-img pull-right" src="/thumbs/20/490536.jpg"> 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web... </p> <a href="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-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="/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="/2123813-Php-php-je-skriptovaci-programovaci-jazyk-dynamickych-internetovych-stranek-php-je-nezavisly-na-platforme.html">PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě</a> </h3> <p> <img alt="PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě" title="PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě" class="news-block-img pull-right" src="/thumbs/24/2123813.jpg"> PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především </p> <a href="/2123813-Php-php-je-skriptovaci-programovaci-jazyk-dynamickych-internetovych-stranek-php-je-nezavisly-na-platforme.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="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html">Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN</a> </h3> <p> <img alt="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" title="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" class="news-block-img pull-right" src="/thumbs/20/562507.jpg"> Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940 </p> <a href="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.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="/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="/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="/7846471-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/7846471.jpg"> Microsoft Office Word 2003 Školení učitelů na základní škole Meteorologická Maturitní projekt SSPŠ 2013/2013 Vojtěch Dušek 4.B 1 Obsah 1 Obsah... 2 2 Seznam obrázků... 3 3 Základy programu PowerPoint... </p> <a href="/7846471-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="/33098485-Bunka-tabulky-tento-tag-doporucuju-psat-opet-jako-parovy-nyni-jiz-mame-dostatek-informaci-k-tomu-abychom-dokazali-sestrojit-jednoduchou-tabulku.html">Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku.</a> </h3> <p> <img alt="Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku." title="Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku." class="news-block-img pull-right" src="/thumbs/53/33098485.jpg"> Tabulky Tabulky bývaly ve světě webdesignu mocným hráčem. V dobách, kdy podpora CSS v prohlížečích byla mrzká, se pomocí tabulek řešilo rozmístění jednotlivých prvků na stránce tzv. tabulkový layout, který </p> <a href="/33098485-Bunka-tabulky-tento-tag-doporucuju-psat-opet-jako-parovy-nyni-jiz-mame-dostatek-informaci-k-tomu-abychom-dokazali-sestrojit-jednoduchou-tabulku.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="/1610575-Microsoft-office-excel-2003.html">Microsoft Office Excel 2003</a> </h3> <p> <img alt="Microsoft Office Excel 2003" title="Microsoft Office Excel 2003" class="news-block-img pull-right" src="/thumbs/22/1610575.jpg"> Microsoft Office Excel 2003 Školení učitelů na základní škole Meteorologická Maturitní projekt SSPŠ 2013/2014 Vojtěch Dušek 4.B 1 Obsah 1 Obsah... 2 2 Seznam obrázků... 3 3 Základy programu Excel... 4 </p> <a href="/1610575-Microsoft-office-excel-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="/18931438-12-zaklady-html-a-formulare-v-html.html">12. Základy HTML a formuláře v HTML</a> </h3> <p> <img alt="12. Základy HTML a formuláře v HTML" title="12. Základy HTML a formuláře v HTML" class="news-block-img pull-right" src="/thumbs/39/18931438.jpg"> 12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura </p> <a href="/18931438-12-zaklady-html-a-formulare-v-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="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.html">Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm.</a> </h3> <p> <img alt="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." title="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." class="news-block-img pull-right" src="/thumbs/24/4357125.jpg"> KAPITOLA 2 Úskalí jazyka HTML Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm. Počkat každou změnu adresáře doprovázel znak /. portfolio/obrazky </p> <a href="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.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="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-cz.html">Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz</a> </h3> <p> <img alt="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" title="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" class="news-block-img pull-right" src="/thumbs/24/2591333.jpg"> Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická </p> <a href="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-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="/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="/1368989-O-css-podrobneji-box-model-document-flow-layout.html">O CSS podrobněji. Box model Document flow Layout</a> </h3> <p> <img alt="O CSS podrobněji. Box model Document flow Layout" title="O CSS podrobněji. Box model Document flow Layout" class="news-block-img pull-right" src="/thumbs/22/1368989.jpg"> 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 </p> <a href="/1368989-O-css-podrobneji-box-model-document-flow-layout.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="/28743264-Misto-uvodu-ceho-se-vyvarovat-mazani-znaku.html">Místo úvodu. Čeho se vyvarovat. Mazání znaků</a> </h3> <p> <img alt="Místo úvodu. Čeho se vyvarovat. Mazání znaků" title="Místo úvodu. Čeho se vyvarovat. Mazání znaků" class="news-block-img pull-right" src="/thumbs/51/28743264.jpg"> Místo úvodu Proč používat program pro psaní a úpravy textu? Můžete v něm snadno nejenom psát, ale i opravovat libovolné části textu. Přitom ovládání programu vychází z práce v prostředí Windows (práce </p> <a href="/28743264-Misto-uvodu-ceho-se-vyvarovat-mazani-znaku.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="/26454653-Chovani-mapovani-pri-exportu-kot-aplikace-revit-do-kot-aplikace-autocad.html">Chování mapování při exportu kót aplikace Revit do kót aplikace AutoCAD</a> </h3> <p> <img alt="Chování mapování při exportu kót aplikace Revit do kót aplikace AutoCAD" title="Chování mapování při exportu kót aplikace Revit do kót aplikace AutoCAD" class="news-block-img pull-right" src="/thumbs/50/26454653.jpg"> Chování mapování při exportu kót aplikace Revit do kót aplikace AutoCAD Parametr kóty aplikace Revit Namapováno na vlastnost kótovacího stylu DWG Komentáře Šikmá kóta Lineární kóta Úhlová kóta Radiální </p> <a href="/26454653-Chovani-mapovani-pri-exportu-kot-aplikace-revit-do-kot-aplikace-autocad.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="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-1.html">Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.</a> </h3> <p> <img alt="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." title="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." class="news-block-img pull-right" src="/thumbs/24/3163670.jpg"> Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam </p> <a href="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-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="/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="/491427-Nazev-modulu-tvorba-webu-pomoci-xhtml-a-css-zacatecnici.html">Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci</a> </h3> <p> <img alt="Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci" title="Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci" class="news-block-img pull-right" src="/thumbs/20/491427.jpg"> Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné </p> <a href="/491427-Nazev-modulu-tvorba-webu-pomoci-xhtml-a-css-zacatecnici.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="/1964704-Html-xhtml-javascript-php-asp-net-zajimave-odkazy.html">HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy</a> </h3> <p> <img alt="HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy" title="HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy" class="news-block-img pull-right" src="/thumbs/23/1964704.jpg"> V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World </p> <a href="/1964704-Html-xhtml-javascript-php-asp-net-zajimave-odkazy.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="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/26/8549999.jpg"> 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu, </p> <a href="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-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="/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="/26215282-Sada-2-microsoft-word-2007.html">Sada 2 Microsoft Word 2007</a> </h3> <p> <img alt="Sada 2 Microsoft Word 2007" title="Sada 2 Microsoft Word 2007" class="news-block-img pull-right" src="/thumbs/50/26215282.jpg"> S třední škola stavební Jihlava Sada 2 Microsoft Word 2007 02. Písmo, fonty, formátování textu Digitální učební materiál projektu: SŠS Jihlava šablony registrační číslo projektu:cz.1.09/1.5.00/34.0284 </p> <a href="/26215282-Sada-2-microsoft-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="/24885363-Standardni-aplikacni-vybaveni.html">STANDARDNÍ APLIKAČNÍ VYBAVENÍ</a> </h3> <p> <img alt="STANDARDNÍ APLIKAČNÍ VYBAVENÍ" title="STANDARDNÍ APLIKAČNÍ VYBAVENÍ" class="news-block-img pull-right" src="/thumbs/48/24885363.jpg"> Projekt Pospolu Práce s textovým procesorem STANDARDNÍ APLIKAČNÍ VYBAVENÍ Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Bohuslava Čežíková. Struktura prezentace textový dokument písmo </p> <a href="/24885363-Standardni-aplikacni-vybaveni.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="/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="/28793961-Dokumentu-respektive-oddilu-vice-o-oddilech-v-dalsi-kapitole-nemuzeme.html">dokumentu, respektive oddílu (více o oddílech v další kapitole). Nemůžeme</a> </h3> <p> <img alt="dokumentu, respektive oddílu (více o oddílech v další kapitole). Nemůžeme" title="dokumentu, respektive oddílu (více o oddílech v další kapitole). Nemůžeme" class="news-block-img pull-right" src="/thumbs/51/28793961.jpg"> Microsoft Office IV Sloupce Chtěli bychom psát školní noviny a máme pocit, že jsou málo profesionální. Chtěli bychom využít možnost psaní v několika sloupcích. Nastavíme si na stránce místo jednoho sloupce </p> <a href="/28793961-Dokumentu-respektive-oddilu-vice-o-oddilech-v-dalsi-kapitole-nemuzeme.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="/3286963-Texy-is-sexy-obsah-1.html">TEXY IS SEXY. Obsah: - 1 -</a> </h3> <p> <img alt="TEXY IS SEXY. Obsah: - 1 -" title="TEXY IS SEXY. Obsah: - 1 -" class="news-block-img pull-right" src="/thumbs/24/3286963.jpg"> TEXY IS SEXY Pro tvorbu článků a blogů na webu www.vypravy-s-cestovateli.cz lze využít konvenci TEXY. Zde je několik tipů a triků, jak vytvářet graficky zajímavé články. Obsah: 1. Odstavce, odřádkování...2 </p> <a href="/3286963-Texy-is-sexy-obsah-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="/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="/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="/10347537-Intersteno-2015-budapest-world-championship-professional-word-processing.html">INTERSTENO 2015 Budapest World championship professional Word Processing</a> </h3> <p> <img alt="INTERSTENO 2015 Budapest World championship professional Word Processing" title="INTERSTENO 2015 Budapest World championship professional Word Processing" class="news-block-img pull-right" src="/thumbs/27/10347537.jpg"> OPERAČNÍ SYSTÉM WORD PROCESSING SOFTWARE (TEXTOVÝ PROCESOR) ID SOUTĚŽÍCÍHO Úloha A-1 Instrukce pro účastníky Otevřete dokument YEAROFLIGHT, ihned ho uložte/převeďte do YEAROFLIGHTXXX.DOC NEBO DOCX, kde </p> <a href="/10347537-Intersteno-2015-budapest-world-championship-professional-word-processing.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="/3163202-Gymnazium-vysoke-myto-nam-vanorneho-163-566-01-vysoke-myto.html">Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto</a> </h3> <p> <img alt="Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto" title="Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto" class="news-block-img pull-right" src="/thumbs/24/3163202.jpg"> Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT </p> <a href="/3163202-Gymnazium-vysoke-myto-nam-vanorneho-163-566-01-vysoke-myto.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="/24542459-Ul-ol-li-dl-parove-tagy-ul-odrazkovy-zoznam-ol-cislovany-zoznam-li-polozka-zoznamu-dl-zoznam-definicii.html">Ul, Ol, Li, Dl... Párové tagy Ul odrážkovy zoznam Ol číslovaný zoznam Li položka zoznamu Dl zoznam definícií</a> </h3> <p> <img alt="Ul, Ol, Li, Dl... Párové tagy Ul odrážkovy zoznam Ol číslovaný zoznam Li položka zoznamu Dl zoznam definícií" title="Ul, Ol, Li, Dl... Párové tagy Ul odrážkovy zoznam Ol číslovaný zoznam Li položka zoznamu Dl zoznam definícií" class="news-block-img pull-right" src="/thumbs/48/24542459.jpg"> Ul, Ol, Li, Dl... Párové tagy Ul odrážkovy zoznam Ol číslovaný zoznam Li položka zoznamu Dl zoznam definícií Ul, Ol, Li, Dl...... ... Prvá Položka Druhá Položka </p> <a href="/24542459-Ul-ol-li-dl-parove-tagy-ul-odrazkovy-zoznam-ol-cislovany-zoznam-li-polozka-zoznamu-dl-zoznam-definicii.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="/24445764-Vzorce-suma-tvorba-vzorce-napsanim-tvorba-vzorcu-pruvodcem.html">Vzorce. Suma. Tvorba vzorce napsáním. Tvorba vzorců průvodcem</a> </h3> <p> <img alt="Vzorce. Suma. Tvorba vzorce napsáním. Tvorba vzorců průvodcem" title="Vzorce. Suma. Tvorba vzorce napsáním. Tvorba vzorců průvodcem" class="news-block-img pull-right" src="/thumbs/48/24445764.jpg"> Vzorce Vzorce v Excelu lze zadávat dvěma způsoby. Buď známe přesný zápis vzorce a přímo ho do buňky napíšeme, nebo použijeme takzvaného průvodce při tvorbě vzorce (zejména u složitějších funkcí). Tvorba </p> <a href="/24445764-Vzorce-suma-tvorba-vzorce-napsanim-tvorba-vzorcu-pruvodcem.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="/595476-Tvorba-www-stranek-mojmir-volf-mojmir-volf-tul-cz-https-www-nti-tul-cz-wiki-wikiuser-mojmir-volf-485-353-675.html">Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675</a> </h3> <p> <img alt="Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675" title="Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675" class="news-block-img pull-right" src="/thumbs/20/595476.jpg"> Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS </p> <a href="/595476-Tvorba-www-stranek-mojmir-volf-mojmir-volf-tul-cz-https-www-nti-tul-cz-wiki-wikiuser-mojmir-volf-485-353-675.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="/8846995-Vyukovy-material-pro-projekt-perspektiva-2010-regionalni-soutez-ms-office-cast-word-metodicke-poznamky.html">Výukový materiál pro projekt Perspektiva 2010. Regionální soutěž MS Office část Word metodické poznámky</a> </h3> <p> <img alt="Výukový materiál pro projekt Perspektiva 2010. Regionální soutěž MS Office část Word metodické poznámky" title="Výukový materiál pro projekt Perspektiva 2010. Regionální soutěž MS Office část Word metodické poznámky" class="news-block-img pull-right" src="/thumbs/26/8846995.jpg"> Výukový materiál pro projekt Perspektiva 2010 reg. č. CZ.1.07/1.3.05/11.0019 Regionální soutěž MS Office část Word metodické poznámky Ing. Irena Bambuchová rok vydání 2010 počet stran 7 OBSAH Soutěžní </p> <a href="/8846995-Vyukovy-material-pro-projekt-perspektiva-2010-regionalni-soutez-ms-office-cast-word-metodicke-poznamky.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="/595584-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/595584.jpg"> 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 </p> <a href="/595584-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="/27244125-Informace-o-zdroji-ucebniho-textu-a-pouceni-o-jeho-uzivani-petr-broza-libor-kriz-roman-kucera-pavel-nygryn.html">Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn</a> </h3> <p> <img alt="Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn" title="Informace o zdroji učebního textu a poučení o jeho užívaní. Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn" class="news-block-img pull-right" src="/thumbs/50/27244125.jpg"> Informace o zdroji učebního textu a poučení o jeho užívaní Informace o zdroji: Autor: Název díla: Vydavatelství: Petr Broža, Libor Kříž, Roman Kučera, Pavel Nygrýn Microsoft Office 2007 - Průvodce pro </p> <a href="/27244125-Informace-o-zdroji-ucebniho-textu-a-pouceni-o-jeho-uzivani-petr-broza-libor-kriz-roman-kucera-pavel-nygryn.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="/596708-1-struktura-stranky-zasady-pri-psani-kodu-mvc-pattern-web-pro-kodery-petr-kosnar-cvut-fjfi-kfe-pinf-2008.html">1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)</a> </h3> <p> <img alt="1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)" title="1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)" class="news-block-img pull-right" src="/thumbs/20/596708.jpg"> 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template </p> <a href="/596708-1-struktura-stranky-zasady-pri-psani-kodu-mvc-pattern-web-pro-kodery-petr-kosnar-cvut-fjfi-kfe-pinf-2008.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="/882567-Microsoft-word-prostredi-zakladni-editace-textu-mgr-jan-veverka-stredni-odborna-skola-socialni-evangelicka-akademie.html">Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie</a> </h3> <p> <img alt="Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie" title="Microsoft. Word. prostředí, základní editace textu. Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie" class="news-block-img pull-right" src="/thumbs/18/882567.jpg"> Microsoft Word prostředí, základní editace textu Mgr. Jan Veverka Střední odborná škola sociální Evangelická akademie Microsoft Office balík aplikací používaných v kancelářské i jiné práci Word textový </p> <a href="/882567-Microsoft-word-prostredi-zakladni-editace-textu-mgr-jan-veverka-stredni-odborna-skola-socialni-evangelicka-akademie.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="/24793350-Zpracovani-textu-k-temto-specialnim-symbolum-se-dostaneme-pres-zalozku-vlozeni-na-karte-symboly-je-tlacitko-symbol.html">Zpracování textu. K těmto speciálním symbolům se dostaneme přes záložku Vložení, na kartě Symboly je tlačítko Symbol.</a> </h3> <p> <img alt="Zpracování textu. K těmto speciálním symbolům se dostaneme přes záložku Vložení, na kartě Symboly je tlačítko Symbol." title="Zpracování textu. K těmto speciálním symbolům se dostaneme přes záložku Vložení, na kartě Symboly je tlačítko Symbol." class="news-block-img pull-right" src="/thumbs/48/24793350.jpg"> Speciální znaky Do textu můžeme vkládat nejen znaky, které máme na klávesnici, ale také takzvané speciální znaky. Jsou to většinou jednoduché piktogramy určitého významu. Typickým představitelem může být </p> <a href="/24793350-Zpracovani-textu-k-temto-specialnim-symbolum-se-dostaneme-pres-zalozku-vlozeni-na-karte-symboly-je-tlacitko-symbol.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="/9241949-Prace-se-styly-1-styl.html">Práce se styly 1. Styl</a> </h3> <p> <img alt="Práce se styly 1. Styl" title="Práce se styly 1. Styl" class="news-block-img pull-right" src="/thumbs/26/9241949.jpg"> Práce se styly 1. Styl Styl se používá, pokud chceme, aby dokument měl jednotný vzhled odstavců. Můžeme si nadefinovat styly pro různé úrovně nadpisů, jednotlivé popisy, charakteristiky a další odstavce. </p> <a href="/9241949-Prace-se-styly-1-styl.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="/34279288-Zakladni-typograficka-pravidla.html">Základní typografická pravidla</a> </h3> <p> <img alt="Základní typografická pravidla" title="Základní typografická pravidla" class="news-block-img pull-right" src="/thumbs/54/34279288.jpg"> Základní typografická pravidla VY_32_INOVACE_In 6.,7.05 Anotace: V prezentaci si žák upevní základní typografická pravidla. V jejím průběhu si daná pravidla procvičuje na svém žákovském počítači. Vzdělávací </p> <a href="/34279288-Zakladni-typograficka-pravidla.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="/1532955-Tvorba-webu-uvod-a-zakladni-principy-martin-urza.html">Tvorba webu. Úvod a základní principy. Martin Urza</a> </h3> <p> <img alt="Tvorba webu. Úvod a základní principy. Martin Urza" title="Tvorba webu. Úvod a základní principy. Martin Urza" class="news-block-img pull-right" src="/thumbs/22/1532955.jpg"> Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto </p> <a href="/1532955-Tvorba-webu-uvod-a-zakladni-principy-martin-urza.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="/8433442-Prejmenovani-listu-dvakrat-klepnete-na-pojmenovani-listu-napiste-novy-nazev-a-potvrdte-klavesu-enter.html">Přejmenování listu Dvakrát klepněte na pojmenování listu, napište nový název a potvrďte klávesu ENTER.</a> </h3> <p> <img alt="Přejmenování listu Dvakrát klepněte na pojmenování listu, napište nový název a potvrďte klávesu ENTER." title="Přejmenování listu Dvakrát klepněte na pojmenování listu, napište nový název a potvrďte klávesu ENTER." class="news-block-img pull-right" src="/thumbs/26/8433442.jpg"> Výplň a ohraničení tabulky Označte text, z nabídky vyberte Formát Buňky Ohraničení (nejdříve vyberte typ, pak barvu a nakonec typ ohraničení (dole, vnitřní atd...). Změna formátu písma (styl, velikost, </p> <a href="/8433442-Prejmenovani-listu-dvakrat-klepnete-na-pojmenovani-listu-napiste-novy-nazev-a-potvrdte-klavesu-enter.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="/880906-Gymnazium-a-stredni-odborna-skola-rokycany-mladezniku-1115.html">Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115</a> </h3> <p> <img alt="Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115" title="Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115" class="news-block-img pull-right" src="/thumbs/18/880906.jpg"> Číslo projektu: Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo šablony: 5 Název materiálu: Ročník: Identifikace materiálu: Jméno autora: Předmět: Tématický celek: Anotace: CZ.1.07/1.5.00/34.0410 </p> <a href="/880906-Gymnazium-a-stredni-odborna-skola-rokycany-mladezniku-1115.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="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.html">Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.</a> </h3> <p> <img alt="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." title="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." class="news-block-img pull-right" src="/thumbs/54/33493656.jpg"> Název a registrační číslo projektu: CZ.1.07/1.5.00/34.0498 Číslo a název oblasti podpory: 1.5 Zlepšení podmínek pro vzdělávání na středních školách Realizace projektu: 02. 07. 2012 01. 07. 2014 Autor: </p> <a href="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.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="/561859-Mgr-stepan-stepanov-2013.html">Mgr. Stěpan Stěpanov, 2013</a> </h3> <p> <img alt="Mgr. Stěpan Stěpanov, 2013" title="Mgr. Stěpan Stěpanov, 2013" class="news-block-img pull-right" src="/thumbs/20/561859.jpg"> Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet </p> <a href="/561859-Mgr-stepan-stepanov-2013.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="/5862711-Psani-vzorcu-a-rovnic.html">PSANÍ VZORCŮ A ROVNIC</a> </h3> <p> <img alt="PSANÍ VZORCŮ A ROVNIC" title="PSANÍ VZORCŮ A ROVNIC" class="news-block-img pull-right" src="/thumbs/25/5862711.jpg"> PSANÍ VZORCŮ A ROVNIC aneb matematikem bez nesnází Jednoduché matematické, fyzikální či chemické vzorce a rovnice můžeme zapsat poměrně snadno za pomoci znaků na klávesnici a použitím horního nebo dolního </p> <a href="/5862711-Psani-vzorcu-a-rovnic.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/f35b/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>