Prvky stránek

Obrázky a pozadí - Odkazy - Tabulky - Rámy - Formuláře - Další tagy a jejich použití

Na této stránce sdružuji návody na vkládání jednotlivých věcí, které na stránkách lze potkat. Při výkladu předpokládám, že za sebou máte první kurz tvorby stránek a že aspoň částečně chápete základy HTML.

Obrázky a pozadí

Příprava obrázku popisuje základní grafické formáty, průhledné a animované gify.

Obrázky v HTML, atribut alt, rozměry obrázku, obtékání. Příklad obrázku:

<img src="soubor.gif" width="120" height="60" alt="popisek">

Vše o pozadí: zápis pozadí stránky, pozadí čehokoliv v CSS, neopakovaný obrázek na pozadí, umístění, pseudopozadí.

Odkazy

Odkazy v HTML, základní syntaxe, URL, protokoly. Příklad odkazu:

<a href="http://www.jakpsatweb.cz">Jak psát web</a>

Zdokonalení odkazů, zejména zvýraznění po přejetí myší, nové okno, bublina u odkazu.

Nové okno otevřené odkazem, příklady na target i složitější skriptování.

Kotvy a odkazy na ně umožňují odrolovat text kliknutím na začátek nějakého odstavce.

Mailové adresy na HTML stránkách, automatické vyplňování polí.

Tabulky

Tabulky -- úvod, základní syntaxe, popis tagů <table>, <tr> a <td>.

Formátování tabulek, rámečky, okraje, barvy, pozadí.

Složitější vlastnosti tabulek: col, colgroup, tbody, frame, rules, summary.

Design pomocí tabulek nastiňuje kontroverzní způsoby formátování textu.

Rámy

Základní definice rámů, logika souborů, syntaxe framesetu.

Formátování rámů, šířka, výška, zobrazování okrajů.

Proč rámy nepoužívat, shrnutí důvodů, kvůli kterým se dnes od rámů raději upouští.

Iframe je rám plovoucí někde stránce, dá se do něj načítat jiná stránka, např. Seznam:

<iframe src="http://www.seznam.cz" width="300" height="300"></iframe>

Formuláře

Úvod do formulářů, jednoduché příklady, předávání dat.

Formuláře v HTML, popis jednotlivých prvků formuláře.

Zdokonalení formulářů, finty z HTML 4.0 label, fieldset a také aplikace css stylů na formuláře.

Parazitní formuláře dovolují posílat data ze stránek na cizí servery.

Formulář odesílaný na e-mail se dá udělat nespolehlivě, nebo spolehlivě.

Barvy

Zápis barev v HTML a CSS pomocí rgb, desítkově a šestnáctkově. Teorie a příklady zápisu.

Základní barvy (16 barev).

Bezpečné barvy se zobrazují vždy správně na 256 barvách.

Pojmenované barvy se dají použít v HTML bez znalosti kódu barvy.

Další tagy a jejich použití

Titulek stránky, jak je důležitý tag <title>

Meta tagy, automatické přesměrování, klíčová slova, autorství, čeština atd. Např. popisek stránky pro vyhledávače:

<meta name="description" content="stručné shrnutí stránky">

Div a span, neutrální html tagy.

Jak vycentrovat celou stránku v okně prohlížeče? Nastavit šířku a automatické okraje.

Levé menu, jak jej udělat, zejména pomocí tagů div.

Zvuky a hudba, přehrávání na pozadí, vazba na události.

Základy Dynamického HTML, jak stylované stránky javascriptem rozhýbat po jejich načtení.

Seznam definic poskytuje zajímavé málo používané tagy.

Doctype - Document type definition

Okraje objektů - margin a padding

 

Reklama

www.webhosting-c4.cz, extra rychlý SSD webhosting s doménou v ceně
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Základy Prvky stránek Tvorba webu

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.