01. Úvod do HTML a CSS - reálny príklad - stavebná firma

Dĺžka celého kurzu: 1:37 h
Level: začiatočník
Vyžaduje znalosť: - žiadne -
Cena kurzu: 39,00 EUR

KÚPIŤ

Na reálnom príklade uvidíš ako je možné vytvoriť web stránku pomocou HTML a CSS napr. pre stavebnú firmu. V prvej časti kurzu sa podrobnejšie pozrieme na HTML a CSS a v druhej časti tieto poznatky prevedieš do reálneho príkladu.

INFORMÁCIE K LEKCII

Ako vytvoriť reálnu web stránku pomocou HTML a CSS? To sa dozvieš práve v tomto video kurze. Ako príklad sme použili stavebnú firmu, ale tie isté postupy sa dajú použiť na vytvorenie akejkoľvek inej firemnej web stránky pomocou HTML a CSS. V prvej časti kurzu sa pre úplnosť zameriame na teoretické fakty, ktoré demonštrujeme v reáli a druhá časť video kurzu bude o implementácii týchto poznatkov do praxe.

Tu je agenda:

01. Úvod do HTML a CSS video kurzu
02. Inštalácia programu Notepad++. Čo sú HTML tagy? Vytvorenie prvého HTML súboru s použitím tagov a textu.
03. Použítie viacerých HTML tagov na jednej vete. Čo je kríženie HTML tagov a ako sprehľadniť HTML kód.
04. Odrážkový a číslovaný zoznam + nepárové HTML tagy.
05. Atribúty(dodatočné vlastnosti) HTML tagov. Vloženie obrázka a klikateľného odkazu.
06. Vytvorenie tabuľky a atribúty tabuľky.
07. HTML 5 deklarácia a úvod do CSS - kaskádové štýly dokumentov. Ako spojiť HTML s CSS.
08. Boxing model - vytvorenie obdlžnikov alebo štvorcov, do ktorých možno vkladať ďalší obsah.
09. Floating/obtekanie - ako dostať boxy vedľa seba.
10. Boxing model detailnejšie - vnútorné, vonkajšie okraje a čiary a pozíciovanie.
11. Súhrn doterajších znalostí formou otázka/odpoveď.
12. Začatie projektu - vytvorenie súborovej štruktúry, import Google písma, nastavenie pozadia stránky a vycentrovanie.
13. Vycentrovanie stránky na stred a rozmiestnenie ďalších boxov.
14. Štýlovanie hlavičky - Logo, slogan a hlavné menu, social links(FB, Twitter,..) a banner.
15. Štýlovanie sekcie - Služby.
16. Štýlovanie sekcie - Fotogaléria.
17. Štýlovanie sekcie - Cenník.
18. Štýlovanie sekcie - Kontakt.
19. Štýlovanie Pätičky/Footer-u. Nasmerovanie položiek hlavného menu do jednotlivých sekcii.
20. Zhrnutie projektu a odporúčania ako postupovať ďalej?