Úvod do tvorby webů

web.edumach.cz

1. Historie

Historie současného internetu (a později webu) se začala psát koncem 60. let 20. století. My si ji zde představíme opravdu velmi stručně. Za těch více než 60 let se událo spoustu zajímavého a převratného. Vše by vydalo na celou knihu, a to velmi tlustou knihu.

Z "bible" WWW

Na počátku DARPA stvořil ARPANET.
ARPANET neměl žádný tvar a byl prázdný.
A temnota byla hluboká.

A duch ARPA pohlédl do tváře sítě a řekl:
„Ať je tu nějaký protokol.“ A byl tu protokol.
ARPA řekl: „Ať je tu více protokolů.“
A stalo se tak.

A ARPA viděl, že je to dobré.
A ARPA řekl: „Ať je tu více sítí.“
A stalo se tak.

一 Danny Cohen

1.1. Projekt „nezničitelné“ sítě

První datový přenos v říjnu 1969:

Principy "nezničitelnosti":

  1. Síť nemá žádné centrum (ústřední řídící bod).
  2. Spoje mezi uzly sítě jsou realizovány více cestami.

Tyto vlastnosti přetrvaly i do dnešního internetu.

1.2. ARPANET v roce 1971

Poznáte některé uzly?

1.3. Důležité milníky

🌐 https://web.archive.org/web/19981111184551/http://google.com/

🌐 https://web.archive.org/web/19980215084925/http://www.panska.cz/

Reklamní banner společnosti WIA s nabídkou internetového připojení v roce 2002:

Jen pro představu. V roce 2002 měl měl Internet pouhých 700 milionů uživatelů. V ČR ještě někteří ani pořádně nevěděli, co to vůbec je:

2. Internet a web

Důsledně rozlišujte pojmy internet a web.

My se budeme věnovat výhradně webu, internet bude jen v nezbytně nutném rozsahu.

Ještě jedna poznámka psaní tohoto slova:

3. Kdo web "vymyslel"

Duchovním otcem webu je sir Timothy "Tim" John Berners-Lee, který jej vytvořil při svém působení v CERNu. Navrhl jazyk HTML a protokol HTTP, napsal první webový prohlížeč WorldWideWeb a koncem roku 1990 spustil první webový server na světě (na obrázku).

První webová stránka světa (resp. její kopie. Původní webový server je v muzeu):

🌐 http://info.cern.ch/hypertext/WWW/TheProject.html

V roce 1994 založil konsorcium World Wide Web, které dohlíží na další vývoj Webu. Je také jeho emeritním (čestným) ředitelem w3.org.

3.1. Klíčový je model klient-server

Koncept webu byl zpočátku tvořen pouze pro vlastní potřeby vědeckých institucí (vědci v CERNu rádi sdíleli výsledky svého výzkumu - to ostatně platí stále, že?).

Drtivou většinou všecho co dnes používáte je právě pomocí modelu klient-server.

4. Současný web

Současný moderní web využívá možnosti poslední specifikace jazyků HTML 5 a CSS 3.

V něm se striktně odděluje obsah (sémantika) a vzhled:

Neplatí absolutně vždy. Jako všude i zde sem tam najdete výjimky.

Toto zajišťuje mezinárodní konsorcium (W3C). Jeho členové společně s veřejností vyvíjejí webové standardy pro World Wide Web.

Příslib webových standardů:

Standardy W3C definují otevřenou webovou platformu pro vývoj aplikací. Web má nebývalý potenciál umožnit vývojářům vytvářet bohaté interaktivní prostředí, která mohou být dostupná na jakémkoli zařízení.

Platforma se neustále rozšiřuje, ale uživatelé webu se již dávno sjednotili kolem HTML jako základního kamene webu. Mnoho dalších technologií, které W3C a její partneři vytvářejí, rozšiřuje web a dává mu plnou sílu, včetně CSS, SVG, WOFF, WebRTC, XML a rostoucí škály API.

4.1. Responzivita

⚠️ Proč je responzivita důležitá: gs.statcounter.com/platform-market-share/desktop-mobile-tablet

4.2. Retro okénko

Dvě ukázky skutečných "historických" webů:

Pozor: na těchto webech nás zajímá pouze vzhled nikoliv jejich obsah.

A dva záměrně "historických":

5. HTML a CSS

Jazyk HTML 5 vypadá nějak takto:

<!DOCTYPE html>
<html lang="cs">
<head>
    <title>Titulek stránky</title>
</head>
<body>

    <h1>Toto je nadpis</h1>
    <p>Toto je odstavec textu.</p>

    <!-- Toto je HTML komentář -->
</body>
</html>

A toto je výsledek v prohlížeči: http://kod.djpw.cz/stod

Jazyk CSS 3 vypadá nějak takto:

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;  /* toto je CSS komentář */ 
}

A toto je výsledek v prohlížeči: http://kod.djpw.cz/ttod

5.1. Klíčové vlastnosti jazyků HTML i CSS

6. Příloha (jen pro zájemce o historii)

6.1. "Internet před Googlem"

6.2. Služba Gopher

Kromě WWW existovala i služba Gopher. Vznikla přibližně ve stejné době jako WWW.

Název služby Místo vzniku protokol port
WWW CERN (Švýcarsko) http:// 80
Gopher Univerzita v Minnesotě (USA) gopher:// 70

Podrobnosti a ukázky https://www.earchiv.cz/b05/b0703001.php3

I dnes stále existují stovky Gopher serverů:

Přestože i dnes stále Gopher servery existují, současné webové prohlížeče protokol gopher:// již nepodporují (zůstaly pouze http:// a https://). Jediný způsob je použít jiný, např Lynx v linuxu:

Lynx samozřejmě podporuje i protokoly http:// a https://. Není problém si zobrazit jakýkoli současný web v textovém režimu: