Jak si levně udělat živý web, i když nejsi ajťák

This post is deprecated since August 2017
This post is available only in Czech and whole website was moved to English.

Znáš pojmy jako hosting, doména, HTML, CSS, FTP, šablona, Wordpress nebo Github? Máš vyhráno, dál nečti a běž se podívat na svou krásnou online vizitku.

Na MyEagers konferenci jsem se stal svědkem workshopu Lekce svádění aneb jak to udělat online tak, aby Tě chtěli. Kopa šikovných hacků, které ti dají světelný náskok na tvé pracovní cestě.

Cílem bylo ukázat, že si i web jako jakserodicopywriter.cz můžeš udělat za víkend a 150 Kč.

Chceš si taky udělat podobný web, ale tvorba webových stránek je ti zatím cizí? Ukážeme si, jak to zvládnout levou zadní.

Tohle využiješ, pokud...

...chceš vytvořit

Na co se spolu podíváme

Jak na to ve 3 krocích

1. Moje první doména

  1. Vymysli si doménu - to je to, co člověk zadá do adresního řádku (např. www.tadybudetvujtext.cz)
  2. Zjisti, jestli je doména ještě volná
  3. Kup si ji - my jsme v tomto případě použili český hosting Wedos.cz
    • aktuálně stojí 151 Kč, to bude veškerá tvá investice
    • u možnosti webhostingu dej "neobjednávat"

2. První web - Github

Stránky můžeš mít umístěné na Github zdarma. Github je sociální síť nejen pro ajťáky, kde můžeš sdílet zdrojový kód.

  1. registruj se na Githubu
  2. "forkni" si mé ukázkové stránky - tím si základ pro vlastní stránku překopíruješ k sobě a můžeš si ji dál upravovat, jak budeš chtít

    Forkneme = stáhneme k sobě
    Klikni na tlačítko "fork"


  3. mé stránky už teď najdeš na adrese tomasvotruba.github.io/php7.cz
  4. ty své pak na http://<tve-jmeno>.github.io/<tva-domena>.cz

3. Propojení domény a webu

Teď už máme doménu a stránky online, ale zatím jsou od sebe vzájemně oddělené. Teď nás čeká jejich propojení.

Na Githubu

  1. otevři si nastavení svého webu

    Otevři 'Settings'
    Otevři "Settings"


  2. přejmenuj složku na název tvé nové domény (v mém případě php7.cz)

    Napiš svou doménu
    Napiš svou doménu


  3. ve složce uprav CNAME soubor

    Otevři soubor CNAME
    Otevři CNAME soubor


    Dej editovat
    Dej editovat


  4. do prvního řádku napiš název své domény bez http://www., tedy např. php7.cz
  5. dole klikni na "Commit changes", tedy "Uložit"

Teď už ti zbývá poslední krok.

Na Wedosu

  1. přihlaš se na Wedos a otevři si seznam tvých domén
  2. klikni na svou doménu
  3. dej "editovat DNS záznamy"

    Edituj DNS záznamy
    Edituj DNS záznamy


  4. změň A záznam a smaž AAAA záznamy

    Edituj DNS záznamy
    Uprav oba záznamy - jeden s hvězdičkou a druhý bez


  5. IP adresu změň na 192.30.252.153 - to je adresa Githubu, tam kde tvé stránky teď sídlí

    Změň IP adresu
    Změň IP adresu


  6. klikni na tlačítko "Aplikovat změny"

    Aplikuj změny
    Aplikuj změny


Tato operace může trvat pár desítek minut, tak si zatím dej kafe.

Pak bude tvá doména směřovat na tvé stránky na Githubu.

Když otevřeš svou doménu (v mém případě php7.cz), uvidíš své stránky v plné kráse.

A máme hotovo!

Příště si ukážeme, jak si stránky vymazlit, představíme si základní HTML tagy (tučné písmo, kurzíva...) a naučíme se, jak přidat obrázky.