Css Frameworky 2

Zhrnutie prednášky

Prednáška ukazuje praktické použitie CSS frameworku Bootstrap na tvorbu základu webovej stránky z hotových komponentov. Lektor skopíruje ukážkovú navigáciu a experimentovaním zisťuje, ktoré triedy a elementy čo ovplyvňujú: mení farbu pozadia (bg-dark), logo v navbar-brand, položky zoznamu, rozbaľovacie menu, vypína stav disabled a upravuje vyhľadávací formulár. Navigácia je automaticky responzívna, čo overuje v nástrojoch pre vývojárov (F12, device toolbar) na simulácii telefónu. Následne pridáva komponent karusel s automaticky sa posúvajúcimi obrázkami, ktorým dopĺňa zdroje z generátora náhodných obrázkov a upravuje ich rozmery, aby neboli príliš veľké.

• - Hotové komponenty frameworku sa kopírujú z dokumentácie a upravujú podľa potreby.
• - Správanie a vzhľad komponentu určujú CSS triedy, napr. bg-dark, navbar-brand, nav-item, disabled.
• - Experimentovanie a odhadovanie významu tried je účinný spôsob, ako sa framework naučiť.
• - Navigácia s rozbaľovacím menu a vyhľadávacím formulárom sa upravuje zmenou textov, odkazov a položiek zoznamu.
• - Framework zabezpečuje responzívnosť; dá sa overiť cez F12 a device toolbar v prehliadači.
• - Karusel zobrazuje striedajúce sa obrázky, ktorým treba doplniť zdroj (src) a vhodné rozmery.
• - Náhodné zástupné obrázky z externej služby môžu zlyhať alebo sa opakovať, preto treba upraviť parametre URL.

Zhrnutie pripravené s pomocou AI z prepisu videa.