W3 Školy

HTML Tutoriále

HTML škola

CSS škola

XHTML škola

Niečo o TCP/IP

Štatistiky

Je: Pondelok, 21.05 2012

Hodiny ukazujú: 0:06

Počítadlo návštev:

Informácie o mne

Autor:

Michal "niKes" Holkovič

Čo študujem:

Elektrotechnika, zameranie na Počítačové Systémy

Postup:

Stránka dodržuje HTML 4.01 a CSS3 normu. Kliknutím na dva obrázky pod ľavým menu, si to overíte). Pozn.: Stránky sú validné s normou CSS3, ale tento validator overuje len CSS 2.1 normu, preto píše chybu, že nepozná niektoré selektory. Nijaké iné chyby okrem opacity a pod. už nepíše, to znamená, že je validné podľa štandardu CSS3

Face:

Účel stránky:

Stránka by mala byť pre tých, čo sa chcú naučiť základy HTML, CSS a niečo o XHTML a ako to na weboch chodí. V každej škole sú lekcie (kapitoly), nakonci ktorých je kopa názorných príkladov. Na konci každej školy je preskúšanie.

Stav:

Stránka je momentálne vo vývojovom stádiu. Zatiaľ sa mi podarilo dokončiť kompletne HTML školu aj so zdrojmi a všetkými TryIt! editormi v slovenčine.

Táto stránka je špeciálna:

Naprogramoval som v jazyku PHP, tzv. "TryIt!" editor, ktorý je implementovaný do každej lekcie v každej škole. V tomto editore je možno písať HTML, CSS a JavaScript kódy. Toto priesvitné okno je robené zmiešaním JavaScriptu a CSS. Práve použitý tento trik je zo školy DOM HTML z W3Schools. Nájdete tu ďalšie skripty, urobené v jazyku PHP, napríklad v ľavom menu, zobrazenie aktuálneho času, dátumu (urobil som si vlastný preklad dní po slovensky v php) a počítadlo návštev (PHP + MySQL skripty). Ďalšie skripty môžete nájsť počas štúdií jednotlivých škôl.

Projekt

Keď som bol ešte malý, nikdy som nerozumel tomu, ako niekto môže robiť Webstránky a čo to vlastne je. Povedal som si raz, že sa to niekedy musím naučiť aj ja! Kedže som v mojich mladistvých rokoch nepoznal nič iné, okrem hrania hier na počítači (čo mi vcelku išlo výborne), tak som sa spýtal môjho brata, či ma to nenaučí, no ten mi poradil, že mám ísť na W3 Schools - a keď vedel, že to z neho nevymlátim, tak som sa na ten link aspoň išiel pozrieť.

Nenaľakal som sa, pretože moja angličtina bola už v tom čase na dosť dobrom stave, čo sa počítačov týka. Skúsil som sa naučiť aspoň jednu lekciu HTML s tým, že si z toho budem pečlivo robiť poznámky.

Fungovalo to. Dokonca ma to chytilo až tak, že som to bral ako relax, namiesto čítania kníh. Pre mňa to bolo napínavé čítanie, konečne po dlhej dobe, pretože som sa dozvedel naraz more informácií, ktoré pre mňa nemajú nulovú hodnotu a zároveň nie sú (pre mňa) nudné. Poznámky z tejto anglickej stránky a zároveň výučbu som si robil počas celých dní, približne vždy až do 5-tej hodiny rána.

Teraz, keď už tieto jazyky ovládam (a ešte aj niektoré iné), keď sa ma niekto spýta, či by som ho nenaučil vyrábať stránky, tak mu vždy poviem: "Choď na W3 Schools" - ale v tom mi on odpovie, že nevie po anglicky, ako väčšina ľudí, čo poznám. Preto som sa rozhodol W3 Schools preložiť a zdokumentovať na tejto Webstránke. Cieľom mojej SOČky bolo naprogramovať v PHP konkrétny TryIt Editor, ktorý bude mať tú svoju čarovnú funkciu - online editovanie HTML a CSS. Na tejto stránke uvidíte v PHP aj iné maličkosti v PHP, ako sú použité funckie s dátumom, časom a počítadlo návštev a iné...

Humanitný projekt

Tento projekt by som nazval humanitným, pretože ho robím pre všetkých, čo sa chcú učiť W3 School a nemôžu, lebo nevedia po anglicky.

Najlepšie veci na svete sú FREE!

Plné Web Online Tutoriále - Všetko volné!

Nájdete tu všetky základné tutoriále, ktoré potrebujete na tvorbu Webu, ako sú HTML, CSS a XHTML. Časom by som sem doplnil aj tutoriále na jazyky: JavaScript, PHP, MySQL.

Vyberte si svoj tutoriál z menu naľavo!

:::

Plné zdroje pre Tvorbu Webu

Tieto zdroje pokrývajú všetky technológie tvorby Webu, zatiaľ zahrňujúc len W3C štandardy: HTML, XHTML a CSS. Iné technológie, ako sú: JavaScript, PHP, SQL sem pridám časom.

Try-It-Yourself On-Line Editor/Príklady

Nájdete tu stovky "cut-and-paste" (skopíruj a vlož) príkladov.
S mojím HTML editorom, môžete editovať príklady a experimentovať s kódom On-Line, podľa vašej fantázie.

:::

Čo sa tu naučíte?

Táto stránka by sa mala stať predmetom každého záujemca, ktorý sa chce naučiť dačo o tvorbe Webu. Pre začiatok by ste si mali vybrať HTML školu z ľavého menu.

V každej škole budete prechádzať množstvami teoretických znalostí, ktoré budú následne ukázané na príkladoch. Každý príklad si môžete naživo On-Line otestovať! Stačí kliknúť na odkaz "Try it!", ktorý uvidíte zobrazený po každom príklade a na konci lekcie zoznam takýchto príkladov.

Na konci každej školy si môžete otestovať svoje vedomosti z danej školy, mojím Kvízom.

Validate

HTML 4.01 & CSS

Zdrojový kód tejto Webstránky spĺňa normy HTML 4.01 a CSS. Overiť si to môžete kliknutím na odkazy na spodku stránky - na jednotlivé tlačítka HTML a CSS.

Nikes