HTML obrázky – vizuální obsah na webu
HTML obrázky a ilustrace Vizuální obsah na webu Jak na obrázky v HTML! Vkládání obrázků ve struktuře HTML a především jak do vašich webových stránek vkládat obrázky. Vizuální obsah hraje klíčovou roli v uživatelském zážitku, pomáhá předávat informace, zlepšuje estetiku a činí stránky poutavějšími. Element <img> je nejčastějším nástrojem pro oživení webu fotografiemi, ilustracemi a […]
HTML odkazy – páteř webu a navigace
HTML odkazy Páteř webu a navigace Popíšeme si jeden z nejdůležitějších elementů celého webu: odkazy. Odkazy, neboli možná lépe hypertextové odkazy, jsou tím, co dělá web „webem“ – umožňují nám procházet mezi dokumenty, stránkami a dokonce i různými částmi téže stránky. Bez odkazů by internet byl jen soubor izolovaných dokumentů. Pochopení, jak efektivně vytvářet a […]
Základy HTML – struktura webové stránky
Základy HTML Podrobný průvodce strukturou a sémantikou webových stránek Každá stránka, kterou vidíte online, je postavena na základech HTML (HyperText Markup Language). HTML je stavebním kamenem internetu, jazykem, který prohlížečům říká, jak mají zobrazit obsah – od textu a obrázků po interaktivní prvky. Pochopení základních HTML tagů a jejich funkce je klíčové pro každého, kdo […]
Běžící text v horní části obrazovky
Jedním z mnoha způsobů, jak udělat stránku zajímavou, je například v horní části obrazovky vytvořit běžící poutavý text, kterým například podpoříte prodej, nebo nabídku vašeho produktu. Kód níže Vám popíše jeden z mnoha způsobů, jak tento pruh v horní části vytvořit, a i nastavit podle Vašich představ. Další úpravy a nastavení již nechám na Vaší fantazii. Výsledek kódu […]
Tlačítka
Tlačítka | Elementor | 2025 Tlačítka ve webdesignu slouží jako klíčové interaktivní prvky, které uživatele vedou k provádění akcí, jako je odeslání formuláře, nákup produktu nebo přechod na jinou stránku. Jejich design by měl být funkční, intuitivní a vizuálně přitažlivý, aby okamžitě přitahoval pozornost a motivoval k akci. Pestrost tlačítek, například různorodé barvy, tvary, animace […]
Widget – teplota a počasí měst
Widget teplota | Elementor | 2025 Widget je malý interaktivní prvek nebo modul na webové stránce, který slouží k zobrazení specifických informací, nebo funkcí. V našem případě se bude jednat o jednoduchý modul, do kterého zadáte jakékoli město na světě a pomocí vloženého API klíče se nám zobrazí teplota v daném místě. Abychom měli ještě Widget […]
Šifrování textu
Textový generátor HTML entit Tento generátor je navržen tak, aby efektivně šifroval text na HTML entity, čímž zajišťuje bezpečné zobrazení citlivých informací, jako jsou telefonní čísla a e-mailové adresy, na webových stránkách. Hlavní výhody jeho použití zahrnují: Ochrana proti spamu: Při uvádění kontaktních informací přímo na webových stránkách jsou tyto údaje náchylné k automatickému sběru […]
Tlačítko s neonovým efektem
Podud se chcete odlišit, je tlačítko je vždy to, co k tomu pomůže. Neonová záře, nepravidelné blikání a stín od tlačítka je dost výrazný prvek. Nejlépe však vypadá na hodně tmavém, nebo jako v tomto našem případě, na černém pozadí – background: black na řádku 29. Můžete si podle popisků přímo v kódu změnit téměř […]
Animace nadpisu s glow efektem
V tomto návodu si ukážeme, jak se objeví nápis, který má za nadpisem a okolo písmen Glow Effekt, z anglického glow – záře. Pokud budete mít v úmyslu vytvořit tuto animaci, je potřeba si nastavit základní barvu písma shodnou s pozadím. V tomto konkrétním případě je to v CSS kódu řádek 21 a barva pozadí […]
Změny barev na pozadí
Velmi jednoduchým zpestřením stránek je změna barvy na pozadí stránky. Samozřejmě je to možné vytvořit i pomocí „slideshow“ přímo v elementu, ale kód bude méně zatěžovat načítání stránek a je to také i méně pracné. Přičemž zůstává možnost pestrosti nastavení. Je možné použít několik způsobů, my si zde ukážeme asi ten nejjednodušší. Návod opět je […]
