webové stránky a aplikácie / programovanie / databázové systémy / dizajn / SEO / vzdelávanie
Flexbox (flexible box) je technológia v CSS, ktorá umožňuje flexibilné usporiadanie elementov v jednoduchom, no výkonným spôsobe. Flexbox je ideálny pre vytváranie responzívnych rozložení, kde sa elementy prispôsobujú veľkosti obrazovky a zariadenia. Flexbox kontajner obsahuje jednu alebo viacero flexbox elementov. Každý flexbox element môže byť umiestnený do flexbox kontajnera. Flexbox kontajner definuje základné vlastnosti usporiadania…
Ukážeme si príklad HTML a CSS kódu na vytvorenie responzívneho elementu s obrázkom a textom vedľa seba. Tento kód používa flexbox a zabezpečuje, že obrázok a text sa zobrazia vedľa seba na širokých obrazovkách a nad sebou na užších obrazovkách. Tento kód používa flexbox a zabezpečuje, že obrázok a text sa zobrazia vedľa seba na…
Pomocou šiestich príkladov si vysvetlíme použitie FLEX BOXU pri tvorbe responzívnej webovej stránky. Príklad 1: jednostĺpcový layout – hlavička s obrázkom Príklad 2: trojstĺpcový layout – tri stĺpce s textom Príklad 3: trojstĺpcový layout – tri stĺpce s textom a farebným pozadím Príklad 4: viac položiek vedľa seba – využitie pri fotogalérii Príklad 5: presné…
V roku 2021 som vytvoril webinár zameraný na veľmi zjednodušenú tvorbu fotogalérie s použitím frameworku Bootstrap, administráciou s nahrávaním a mazaním obrázkov. Súčasťou projektu nie je ošetrenie prístupu k administračnému formuláru. Cieľom bolo vysvetliť a ukázať postup práce pri tvorbe fotogalérie, ošetrenie nahrávaných súborov z hľadiska ich dátovej veľkosti a typu pomocou funkcií, nahrávanie súborov…
URL adresy podstránok úzko súvisia so SEO optimalizáciou. Obzvlášť sa je potrebné tomuto problému venovať, ak je navigácia vo webových stránkach riešená napr. prostredníctvom prepínača switch(). Ak používame tzv. „pekné“ URL adresy, prispieva to k posilňovaniu SEO. A presne o to ide, aby webové stránky dosahovali čo najlepšie pozície vo vyhľadávačoch. Ak je navigácia vo webových stránkach riešená…
Aby webové stránky mali čo najväčšiu návštevnosť, musia dosahovať najlepšie pozície vo vyhľadávačoch. Na túto skutočnosť vplýva niekoľko faktorov, ako je pútavý obsah, zaujímavá grafika, ale i kvalita spracovania zdrojového kódu. Aby webová stránka „spolupracovala“ s vyhľadávačmi, napr. Googlom, musíme na to myslieť už na začiatku jej tvorby. Základom kvalitnej webovej stránky je správne nakódovaná…