Co je to webová stránka a jak funguje?

Publikováno: Autor:

Webová stránka je základní stavební prvek internetu – jedná se o dokument, který se zobrazuje v prohlížeči a může obsahovat text, obrázky, videa i odkazy. Každý web se skládá právě z jedné nebo více takových stránek. Více článek.

Co je to webová stránka?

Webová stránka je digitální dokument, který je uložen na internetu a zobrazuje se pomocí webového prohlížeče (např. Google Chrome, Mozilla Firefox, Safari, Edge). Je psaná většinou v jazyce HTML (HyperText Markup Language) a může obsahovat texty, obrázky, odkazy, videa, formuláře i interaktivní prvky.

Jednoduše řečeno: webová stránka je to, co vidíte, když si otevřete libovolný web.

Jak webová stránka funguje?

  1. Uživatel zadá adresu stránky (např. www.priklad.cz) do prohlížeče.
  2. Prohlížeč odešle požadavek na webový server, kde je stránka uložena.
  3. Server najde soubor (např. index.html) a pošle ho zpět prohlížeči.
  4. Prohlížeč stránku „přeloží“ (vykreslí) a zobrazí ji uživateli.

To vše proběhne během zlomku sekundy.

Z čeho se webová stránka skládá?

1. HTML – struktura obsahu

Základní jazyk každé stránky. Udává, co je nadpis, odstavec, seznam, obrázek, tabulka apod.

2. CSS – stylování

Určuje vzhled stránky: barvy, písma, velikosti, rozmístění prvků atd.

3. JavaScript – interaktivita

Zajišťuje dynamické chování – např. rozbalovací menu, posuvné galerie, validaci formulářů, načítání dat bez obnovení stránky apod.

4. Média a další prvky

Obrázky, videa, zvuky, dokumenty (např. PDF), iframe okna, mapy atd.

Typy webových stránek

Typ Popis
Statická stránka Obsah se nemění. Vhodné pro jednoduché prezentace.
Dynamická stránka Obsah se generuje podle uživatele nebo času. Používá databáze.
Jednostránkový web (one-page) Všechen obsah je na jedné stránce, často s posuvem.
Responzivní stránka Přizpůsobuje se mobilům, tabletům i počítačům.

Rozdíl mezi webovou stránkou a webem

  • Webová stránka = konkrétní jedna stránka, např. „Kontakt“.
  • Web (webová prezentace) = celek složený z více stránek, např. Úvod, O nás, Služby, Kontakt.

Představte si to jako knihu:

  • Web = celá kniha
  • Webová stránka = jedna kapitola

Adresa webové stránky (URL)

Každá stránka má svou vlastní adresu (URL), např.:
https://www.example.cz/o-nas.html

Tato adresa se skládá z několika částí:

  • Protokol (http nebo https)
  • Doména (example.cz)
  • Cesta ke stránce (/o-nas.html)

Jak se vytváří webové stránky?

Existují různé způsoby:

  • Ručně pomocí kódu (HTML, CSS, JS)
  • Pomocí redakčního systému (např. WordPress, Joomla, Wix)
  • Pomocí online nástrojů (např. eStránky.cz, Webnode, Webflow)

K čemu slouží webová stránka?

  • Prezentace firmy, osoby nebo projektu
  • E-shopy a prodej zboží
  • Informační portály a blogy
  • Zábavní obsah – hry, videa, komiksy
  • Komunitní weby – fóra, sociální sítě
  • Online nástroje – kalkulačky, testy, formuláře

Shrnutí

  • Webová stránka je základní jednotka každého webu.
  • Funguje díky HTML, CSS a JavaScriptu.
  • Může být statická i dynamická.
  • Vytváří se ručně nebo pomocí redakčních systémů.
  • Bez webových stránek by internet, jak ho známe, neexistoval.