7. diel - Body a hlavička
V minulom dieli sme si vytvorili wireframe a už máme predstavu ako bude naše portfólio vyzerať. V dnešnom tutoriále si nakódujeme a nastylujeme jeho hlavičku.
Zo všetkého najskôr si vytvoríme HTML súbor index.html v koreňovom priečinku projektu / webu. Ďalej si vytvoríme hlavnú SCSS súbor, ktorý umiestnime do zložky SCSS. Pomenujte ho treba style.scss.
Do HTML súboru si nahráme náš snippet pre HTML 5 kostru. Ak ste si ho v Sublime Text uložili ako snippet, stačí len zadať Ctrl + Shift + P pre vyvolanie ponuky a potom napísať "Snippet" - to nám ukáže všetky dostupné snippety pre náš dokument. Ak nie, vložte jednoducho kód skeletonu, ktorý sme si tu vytvorili. V kostre si ešte upravíme popis stránky, autora, nadpis atď.
Teraz sa vrhneme na základné nastavenie SCSS. Ako prvý nesmieme zabudnúť vytvoriť
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
11 €
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriálu si pripravíme súbory pre naše moderné webové portfólio a nakódujeme jeho hlavičku v SASS a HTML 5.
