Nahrání webu
Než web půjde na internet, dejte každé stránce popis. Je to prvek meta v hlavičce stránky, podobně jako <meta charset="utf-8">, který znáte z kurzu HTML:
<meta name="description" content="Malé kino s velkými filmy, v Jilmové ulici od roku 1932. Filmy na tento týden, program a ceny vstupenek.">Návštěvníci ho na stránce nevidí, ale vyhledávače jako Google ho často ukazují ve výsledcích pod titulkem stránky a chatovací aplikace ho můžou zobrazit, když někomu pošlete odkaz. Spolu s titulkem, který se ukazuje v záložce prohlížeče a jako nadpis výsledku hledání, lidem říká, co na stránce najdou. Proto má mít každá stránka vlastní titulek i popis. Titulky už naše stránky mají dobré: Kino Hvězda a Program – Kino Hvězda. (Obrázek v záložce, takzvaná favicona, je nepovinný: bez něj prohlížeč ukáže vlastní ikonu.)
Jak web dostat na internet. Až budou mít obě stránky popis, postupujte podle těchto kroků. Odehrávají se mimo Start Coder:
- Ve svém počítači vytvořte složku, třeba
kino-hvezda. Uložte do ní tři soubory z editoru stejně jako na konci kurzu CSS: kód každého souboru tady v editoru zkopírujte, vložte do obyčejného textového editoru a uložte pod stejným názvem, jaký má tady. Zkontrolujte, že textový editor k názvu nepřidal.txt. - Ve složce dvakrát klikněte na
index.html. Stránka se otevře v prohlížeči i s barvami a odkazy mezi stránkami fungují. - Založte si bezplatný účet na
netlify.com(pokud je vám méně než 15 let, založí ho rodiče). - Po přihlášení otevřete
app.netlify.com/dropa přetáhněte na stránku celou složku: opravdu složku, ne soubory v ní. - Za pár sekund je web na internetu, na adrese, která končí na
.netlify.app. Otevřete ji a vyzkoušejte odkazy. V nastavení projektu můžete změnit jeho název a s ním i první část adresy, třeba nakino-hvezda-anna, pokud ji ještě nikdo nemá.
Jak psát:
Pokyny
- 1
V hlavičce souboru
index.htmlpřidejte hned pod řádek scharsetprvekmetas popisem kina. Můžete použít ten výše, nebo napsat vlastní. - 2
Vlastní popis, o programu, dejte i stránce
program.html. Pak web podle kroků výše dejte na internet.