Principy www

Možná tento popis nebude technicky úplně přesný, ale jde nám jen o princip. Tak tedy, pokud uživatel ve svém webovém prohlížeči (Internet Explorer, Mozzila Firefox, Opera, Safari, Chrome...) napíše do adresního řádku URL adresu (Uniform Resource Locator, můžeme použít i termín doména) a potvrdí, prohlížeč vyšle "do internetu" požadavek na načtení zdrojových kódů webových stránek. Pomocí DNS (Domain Name Server) se vyhledá server s kódy a prostřednictvím protokolu HTTP (HyperText Transfer Protokol) se pak zdrojové kódy do prohlížeče uživatele načtou. Prohlížeč pak kód interpretuje - pokud narazí na HTML tagy, dovede je rovnou vykreslit (např.: h1 je nadpis nejvyšší úrovně) a za pomocí kaskádových stylů CSS (Cascading Style Sheet ) je i vzhledově upravit, načte texty a obrázky. Pokud narazí na vsuvku PHP, odesílá zpět požadavek na server, server požadavek zpracuje a vrací zpět výsledek, který prohlížeč zobrazí. Proto ve zdrojovém kódu nemůžeme PHP kód vidět, kód se zpracovává na straně serveru. PHP ještě dále může provádět dotazy do databáze prostřednictvím SQL (Structurated Query Language), to se odbývá také na serveru. Jinak je tomu u Javascriptu, který je zpracováván v prohlížeči - javascriptový kód tedy ve zdrojovém kódu můžete vidět. Ukládání zdrojových kódů a souborů na server provádí webmaster prostřednictvím FTP (File Transfer Protocol), dobrý je na to program Total Commander. Každý poskytovatel hostingu dává přístupové údaje jak na FTP tak do databáze, navíc poskytuje administrační rozhraní pro správu těchto nastavení.

Příklad pro free webhosting Pipni.cz

FTP

  • Server: ftp.vasedomena.cz
  • Username: vasedomena.cz
  • Heslo: vXfzU8

MySQL databáze

  • Server: mysql
  • Username: nazev.vasedomena.cz
  • Heslo: gHujX4
  • Název databáze: nazev_vasedomena_cz (webmaster si volí předponu nazev)

Obsah on-line kurzu

Lekce 1 - opáčko na rozehřátí

  • Náš první PHP skriptík
  • Tabulkový layout
  • XHTML layout
  • Kouzlo CSS
  • CSS styly v hlavičce
  • CSS styly v externím souboru
  • Použití funkce, identifikátor

Lekce 2 - stavíme fotogalerii

  • MySQL databáze a některá základní nastavení
  • Struktura a návrh databáze, cizí klíče
  • Zobrazení alb fotogalerie
  • Zobrazení všech miniatur v albu
  • Zobrazení detailu fotografie

Lekce 3 - složíme to dohromady

  • Zobrazování textů a dynamické menu pomocí CSS
  • Nastavení menu a přidání sekcí typu text
  • Kauza Explorer
  • Čisté URL a soubor .htaccess

Lekce 4 - administrace pro správu obsahu

  • Administrace pro správu sekcí typu text
  • Implementace CK Editoru
  • Zaheslování administrace