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.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
275 Kč
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.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- 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íť.
