🎯 Začiatočnícky kurz

Kurz HTML a CSS
pre začiatočníkov

Otvorte si dvere do sveta web developmentu. Naučte sa od nuly kódovať vlastné webstránky, pochopte štruktúru HTML tagov, formátovanie cez CSS a základný responzívny dizajn.

⏱️
Trvanie –
💰
Cena –
🎓
Certifikát Po absolvovaní
Objednať kurz
VS Code – index.html
📄
🎨
🔧
</>
{}
▶️
<><!DOCTYPE html> · UTF-8 · HTML5
Element
Typ
CSS
1
<header>
Block
flex
2
<nav>
Block
grid
3
<main>
Block
flex
4
<footer>
Block
grid

Čo sa na živom online kurze HTML a CSS naučíte

Od prázdneho súboru až po fungujúcu, nastylovanú webstránku.

1

Úvod do webových technológií

  • Ako funguje web (klient vs. server)
  • Inštalácia editora kódu (Visual Studio Code)
  • Základná syntax jazyka HTML a CSS
  • Vytvorenie prvého projektu a zobrazenie v prehliadači
  • Inštalácia rozšírení pre zrýchlenie práce (Live Server)
2

Základy štruktúry HTML5

  • Anatómia HTML dokumentu (Doctype, head, body)
  • Práca s nadpismi (h1 až h6) a odstavcami (p)
  • Logické členenie obsahu pomocou div a span
  • Základy sémantických značiek (header, footer, main)
  • Vkladanie komentárov do kódu
3

Obrázky, odkazy a zoznamy

  • Vkladanie obrázkov (img) a alternatívne texty
  • Relatívne a absolútne cesty k súborom
  • Tvorba hypertextových odkazov (a) do menu
  • Otváranie odkazov v novej karte a maily
  • Usporiadané (ol) a neusporiadané (ul) zoznamy
4

Základy štýlovania (CSS)

  • Ako prepojiť HTML súbor s CSS súborom
  • Typy CSS selektorov (značka, trieda, ID)
  • Nastavenie farieb textu a pozadia (Hex, RGB, HSL)
  • Zmena fontov (Google Fonts) a veľkosti písma
  • Formátovanie textu (zarovnanie, tučné, medzery)
5

Rozloženie prvkov (Box Model)

  • Ako prehliadač chápe rozmery (Box model)
  • Nastavenie šírky (width) a výšky (height) prvkov
  • Vnútorné medzery (Padding) a vonkajšie okraje (Margin)
  • Pridávanie orámovania (Border) a zaoblených rohov
  • Nástroje pre vývojárov v prehliadači (DevTools)
6

Základy Flexboxu a publikovanie

  • Základný úvod do Flexbox rozloženia
  • Zarovnanie prvkov vedľa seba (napr. navigačné menu)
  • Vycentrovanie obsahu na stránke
  • Základy responzívneho dizajnu v skratke
  • Nahratie jednoduchej stránky na internet zadarmo

Objednávka kurzu

–

Načítavam termíny…
Prejsť do košíka →