Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

8. diel - Štýlovanie obsahu

V minulom tutoriále sme nakódovali a nastylovali hlavičku moderného webového portfólia. V tomto článku budeme stylovať obsah webu, teda našu časť s textom.

Úvod

Celá naša oblasť s obsahom sa bude vyskytovať v elemente <main>. V ňom už máme hlavičku a pod ňou si urobíme sekciu na jednotlivé časti obsahu. Vytvoríme si teda element <section>, do ktorého budeme vkladať <article>, čo bude oddelená časť obsahu. Vytvorme si tri article.

<section>
   <article></article>
   <article></article>
   <article></article>
</section>

Pripomeňme si, ako vyzerá naša skica / wireframe:

Wireframe moderného webového portfólia

Sekcia

Už máme teda vytvorenú


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom za exkluzívnu cenu 55 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 13 článkom (11 lekcií, praktické cvičenie, test) s kontrolou a certifikáciou a ešte naviac ušetríš 221 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 80% zľavu.

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.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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 budeme kódovať a stylovať obsah nášho webového portfólia v HTML 5 a SASS. Profesionálne nastylujeme odseku, zvýraznenie, odkazy a tlačidlá.

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ť.

Článok pre vás napísal Honza Bittner
Avatar
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Aktivity