TS

login
HTML
CSS
JAVASCRIPT
PHP
SQL

Vítejte!

Tyto webové stránky jsou určeny k tomu, abyste získali informace a návody jak si vytvořit vlastní stránky. Najdete zde vše potřebné od základů jazyka HTML, CSS přes JavaScript až po jazyk PHP a databáze MySQL.

Slouží především jako podpora pro žáky na ZŠ u volitelného předmětu TWA ve školním roce 2024/2025. Jednotlivé kategorie budou postupně během roku doplňovány podle lekcí, tak jak budeme postupovat v tomto předmětu.

Pokud teprve začínáte s tvorbou, doporučuji postupovat postupně podle kategorií od jazyka HTML až po databáze MySQL. Naučíte se nejprve vytvářet jednoduché statické stránky ve značkovacím jazyku HTML. V sekci CSS se naučíte jak změnit vzhled vytvořené stránky a přidat jí některé zajímavé grafické efekty. Díky JavaScriptu přidáte do stránek různé skripty a efekty které již budou reagovat na uživatele. Část PHP je již věnována programování webových stránek a vytváření tzv. interaktivních stránek s napojením na databáze - MySQL.

Pokud budete mít dotaz, tak využijte kontakt uvedený výše. Nemohu slíbit, že na všechny stihnu včas odpovědět. Proto doporučuji nejprve vyhledávat na internetu, při troše trpělivosti najdete vždy to, co hledáte.

Nebojte se, vytváření webových stránek není tak těžké jak ze začátku vypadá. Když začínáte, klidně se podívejte na zdrojový kód stránek, které vás zaujali a prostudujte je, nebo zkopírujte a zkuste upravovat a sledujte změny, které nastanou, hodně se takto naučíte a pochopíte.

Úvod k tvorbě webových stránek

V první lekci se seznámíme s potřebnou teorií k tvorbě webových stránek.

1. Součásti webové stránky

Z jakých částí se skládá webová stránka?

Podívej se na webovou stránku „jinýma očima“ a všímej si tří prvků, které na ní jsou:

Prozkoumej stránky podrobněji, zaměř svoji pozornost na uspořádání a rozmístění textů, obrázků a dalších prvků na stránce.

2. Jak vytvořit webové stránky

Pro vytvoření webové stránky je třeba zajistit:

I. Obsah webu (co tam bude)

Možnosti vytvoření vlastního obsahu webu:

My se budeme učit tvořit webové stránky pomocí HTML. Je to sice nejpracnější způsob tvorby webu, ale znalost HTML kódu se hodí i při tvorbě webu jinými způsoby.

II. Webhosting (kde to bude)

Webhosting označuje místo, kde je web uložený, odkud se zobrazuje v prohlížeči.

Soubory s webem mohou být umístěny:

Webhosting může být zdarma nebo placený. Placené webhostingy nabízejí rozšířené služby.

Nabídky na webhosting zdarma zpravidla obsahují i nabídku zdarma na doménu 3. řádu, případně vytvoření obsahu webu pomocí přednastavených šablon.

Soubory webu se na webhosting ukládají vzdáleně přes internet pomocí:

III. Doména (jak se k tomu dostanu)

Doména webu je vlastně název = adresa webu, který zadáváme do internetového prohlížeče. Doména každého webu musí být jedinečná a nikde jinde na internetu se nesmí opakovat. Doménu webu si vymýšlí autor při vytváření webu. Doména by měla být krátká, výstižná a snadno zapamatovatelná. Adresa webu se skládá z domén několika řádů, které jsou odděleny tečkami. Příklad: www.seznam.cz

a) Domény 1. řádu - jsou celosvětově dané a dělí se na dvě skupiny:

b) Domény 2. řádu - vymýšlí se a je originální - je placená, patří majiteli. Příklady: seznam.cz, zsnamestimiru.cz,...

c) Domény 3. řádu - domény zdarma nebo přístup k dílčím webům. Příklady: mojedomena.webzdarma.cz

IV. Cíl webu

Při navrhování a tvorbě webu je třeba dbát ještě na jednu důležitou oblast, jaký je cíl webu.

Soubory webových stránek

V dalších částech se budeme zabývat pouze tvorbou webových stránek pomocí ručně psaného HTML kódu. Každá webová stránka je uložena v jednom souboru. Soubory stránek s kódem HTML - mají příponu: .html (dá se použít i příponya .htm, ale doporučuje se používat příponu delší.)

Soubory stránek s html kódem, které společně tvoří jeden web, se ukládají do jedné složky.

Soubory s obrázky budeme ukládat do samostatné podsložky (např. s názvem img nebo obr). Obrázky zobrazené na stránce jsou samostatné soubory typu .jpg, .gif, .png.

Soubory ke stažení je také vhodné uložit do samostatné podsložky (např. s názvem přílohy nebo download). Soubory ke stažení mohou být na webové stránce k dispozici jako přílohy (např. .pdf, .odt, .doc,...)

Přeji mnoho úspěchů s vytvářením webových stránek!