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:

  1. 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.
  2. 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í.
  3. Založte si bezplatný účet na netlify.com (pokud je vám méně než 15 let, založí ho rodiče).
  4. Po přihlášení otevřete app.netlify.com/drop a přetáhněte na stránku celou složku: opravdu složku, ne soubory v ní.
  5. 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 na kino-hvezda-anna, pokud ji ještě nikdo nemá.

Pokyny

  1. V hlavičce souboru index.html přidejte hned pod řádek s charset prvek meta s 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.