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émiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
275 kreditov
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íš so zmluvný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.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
