Text s vlnkou
Animovaný HTML nadpis: jak funguje a proč je to elegantní řešení Na této stránce je použitý vlastní animovaný nadpis vytvořený pomocí kombinace HTML a CSS, bez potřeby JavaScriptu. Výsledkem je čistý, lehký a vizuálně zajímavý efekt, při kterém se jednotlivá písmena nadpisu postupně objevují odspodu nahoru. Celý text tak působí živě, moderně a přitom nerušivě. […]
Generátor hesel
Jednoduchý a volitelný – generátor přístupových hesel Bezpečné heslo dnes není jen doporučení, ale základní nutnost. Každý den používáme desítky online služeb – e-mail, sociální sítě, bankovnictví, firemní systémy, e-shopy nebo cloudová úložiště. Přesto se stále setkáváme s hesly typu 123456, heslo, qwerty nebo opakovaným použitím jednoho a téhož hesla na více místech. Právě to […]
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ěř […]
