XHTML + CSS – 20 lekcia – atribút class

Atribút “class” je veľmi dôležitá súčasť tvorby internetových stránok. Class umožňuje presne jednoducho a rýchlo špecifikovať jedno alebo niekoľko virtuálnych mien pre html tagy (značky) a tak výrazným spôsobom uľahčuje prácu s kaskádovými štýlmi (prácu s grafickým prevedením stránky).  Html atribút class môže byť použitý pri všetkých elementoch na stránke čo ale nie vždy potrebné. Výhodou tohto spôsobu označovania oproti označovaniu pomocou atribútu “id” je vlastnosť, že na jednej stránke môže byť naraz na niekoľko elementov použitá rovnaká trieda (class), kdežto pri “id” je (viac…)

XHTML + CSS – 19 lekcia – atribút id

Vždy keď na Vašej stránke potrebujete prispôsobovať pomocou kaskádových štýlov presne určený element a nechcete robiť Vašu stránku zastaralú spôsobom, že budete aplikovať CSS priamo v danom tagu. Presne vtedy je vhodné použiť HTML atribút “id” pomocou, ktorého jednoducho uvediete alternatívne meno pre Váš element, čím umožníte kvalitné prehľadné a rýchle prispôsobenie vzhľadu, funkcionality a pod. Vášho (viac…)

XHTML + CSS – 18 lekcia – div tag

V návode sa dozviete ako a prečo používať html tag <div> pri tvorbe internetových stránok. Funkcia div tagu je nesmierne dôležitá a obrovským spôsobom uľahčuje prácu programátorov pri tvorbe www stránok. Značka div sa najčastejšie používa na zoskupovanie viacerých html elementov, čo (viac…)

XHTML + CSS – 17 lekcia – Tabuľky (hlavička,telo a päta)

Jednoduchý návod ako rozdeliť tabuľku do troch častí, pričom každá umožňuje vlastné formátovanie pomocou CSS. Využitím tejto techniky je možné rýchle formátovanie troch blokov tabuľky a to hlavičky, tela a päty tabuľky. Rozdeľte Vaše tabuľky do troch základných častí a zjednodušte si tak prácu s CSS.

XHTML + CSS – Nastavenie pozadia na statické, fixované, alebo ukotvené

Ak neviete nastaviť pozadie na Vašej stránke tak aby bolo stále ukotvené na jednom mieste a pritom stránkou bolo možné posúvať hore a dolu, tak tento návod je práve pre Vás. Počas prezerania sa dozviete krok za krokom ako docieliť tento efekt.

Vo videu sa začína absolútne z prázdnej stránky takže sa nemusíte báť, že Vám niečo ujde. Ako finálny produkt dostávame základnú šablónu internetovej stánky do ktorej je možné ďalej bez problémov dopĺňať Vaše články, obrázky a podobne.

XHTML + CSS – Vytvorenie galérie pomocou Lightbox

Videonávod zameraný na tvorbu jednoduchej a efektnej galérie obrázkov pomocou jednoduchého HTML a predvytvoreného grafického efektu Lightbox.

Galéria pozostáva zo základného tabuľkového rozloženia, ktoré nebolo nijak upravované. Video sa predovšetkým zameriava na detailný postup ako implementovať grafický efekt Lightbox na stránku.

Krok po kroku s názornými ukážkami demonštruje, kde a ako umiestniť obrázky budúcej galérie, ako pridať samotný efekt na stránku a ako vytvoriť prezentačnú galériu.

Vysvetľuje akou kombináciou tagov je možné docieliť funkcionalitu galérie, kde a ako použiť tagy pre spustenie efektu prezentačnej galérie.

Súbory na stiahnutie sú dostupné po kliknutí sem.

Súbory obsahujú všetky potrebné knižnice a praktický návod ako postupovať pri tvorbe galérie.

XHTML + CSS – 16. lekcia – Horizontalne polohovanie elementov

Návod zameraný na horizontálne zarovnanie obrázkov na stránke. Sú v ňom prezentované dva spôsoby ako je možné pomocou HTML a CSS upraviť polohu obrázku tak ako je potrebné. Videonévod prakticky rozširuje návod z 13. lekcie zameraný na vonkajšie a vnútorné posunutia (margin a padding).

XHTML + CSS – 15. lekcia – Tabulky – Bunky

Vo videonávode sa dozvedáme problematiku spájania buniek tabuliek. Konkrétne videonávod vysvetľuje použitie príkazov rowspan a colspan. Príkazy sú demonštrované na veľmi jednoduchom príklade tabuľky športového preteku triatlon. Tvorba zloženia tabuľky pomocou HTML je už známa z predchádzajúceho videonávodu a príkazy spájania stĺpcov a riadkov sú prezentované veľmi jednoducho.

XHTML + CSS – 14. lekcia – Tabulky

Videonávod zameraný na tvorbu Tabuliek pomocou XHTML. V návode sa dozvedáme ako vytvoriť tabulku. Aké elementy sú potrebné pre vytvorenie logických väzieb údajov a hlavičiek tabuliek. Video návod demonštrujúci  na veľmi jednoduchom návode princípy ako vytvoriť jednoduchú tabulku pomocou HTML.

XHTML + CSS – 13. lekcia – Posunutia Margin a Padding

Jednoduchý videonávod demonštrujúci použitie vonkajších a vnútorných posunutí, ohraničení pomocou CSS príkazov margin a padding.

Prostredníctvom video návodu sa dozvedáte o funkcii a použití  posunutí. Posunutie alebo ohraničenie je možné dvomi najpoužívanejšími spôsobmi a to vonkajím (margin) a vnútorným (padding).