Lekce 7 - Body a hlavička
V minulé lekci, Návrh a pravidla, jsme si vytvořili wireframe a již máme představu jak bude naše portfolio vypadat.
V dnešním tutoriálu si nakódujeme a nastylujeme hlavičku wireframu.
Ze všeho nejdříve si vytvoříme HTML soubor index.html v kořenové složce projektu/webu. Dále si vytvoříme hlavní SCSS soubor, který umístíme do složky SCSS. Pojmenujme ho třeba style.scss.
Do HTML souboru si nahrajeme náš snippet pro HTML 5 kostru. Pokud jste si jej v Sublime Text uložili jako snippet, stačí jen zadat Ctrl + Shift + P pro vyvolání nabídky a pak napsat "Snippet" - to nám ukáže všechny dostupné snippety pro náš dokument. Pokud ne, vložte jednoduše kód skeletonu, který jsme si zde vytvořili. V kostře si ještě upravíme popis stránky, autora, nadpis atd.
Nyní se vrhneme na základní nastavení SCSS. Jako první nesmíme zapomenout vytvořit
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Omezená nabídka: Nauč se vše a ušetři
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu si připravíme soubory pro naše moderní webové portfolio a nakódujeme jeho hlavičku v SASS a HTML 5.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
