HTML

 

          (Hyper Text Markup Language) je vyznačovací jazyk, ktorý je základom pre tvorbu internetových stránok. Slúži na presné a stručné vyjadrenie toho, čo chceme zobraziť v programe všobecne nazvanom prehliadač. Jazyk HTML je textového (ASCI) formátu a priamo v tomto formáte je používaný. Nie je nikdy kompilovaný do binárnej alebo inej podoby. Súbory, ktoré sú vždy v binárnom formáte, ako sú obrázky alebo zvuky, nie sú umiestnené priamo do súboru HTML, ale sú uvedené len odkazy na tieto súbory.  Sémantika a syntax jazyka HTML je definovaná štandardom HTML. Vývoj štandardu HTML je riadený konzorciom W3C. HTML súbor je obyčajný text obalený značkami nazývanými tagy, ktoré prehliadač nezobrazuje. Určujú ako bude text vyzerať, jeho formu. Tagy sú uzatvorené v ostrých zátvorkách “<>“. Poznáme párové tagy, a nepárové tagy.

 

  • Párové tagy (tučný text sa zobrazí: tučný text) – sú tie, ktoré medzi seba uzatvárajú vlastný obsah a priraďujú mu danú hodnotu. Tag na ľavej a pravej strane výrazu je rovnaký s jedným rozdielom, že uzatvárajúci tag má za zátvorkou lomítko.
  • Nepárové tagy () – umiestňujú do stránky jediný element. Je to napríklad pozadie, vodorovná čiara alebo vloženie obrázka. Popis daného elementu je priamo vložený medzi špicaté zátvorky.

 

          Prvky majú definované dodatočné vlastnosti nazývané atribúty. Pomocou nich definujeme farbu, písmo atď. Jazyk ignoruje veľké a malé znaky. HTML dokument poskytuje priame zobrazovanie animovaných obrázkov typu GIF ako aj Flash animácií.  Na tvorbu HTML stránky sa môžu využívať rôzne Wysiwyg editory (Dreamwear, FrontPage2000....), do ktorých sa vpíše text, vložia sa obrázky a editor sám doplní všetky html značky (tagy). K nevýhodám patrí nekompatibilita s rôznymi verzia internetových prehliadačov, HTML súbor môže byť pri interpretácií v rôznych prehliadačoch (Internet Explorer, Mozilla, Opera...) zobrazený rozdielne.

 

CSS

 

          Kaskádové štýly CSS  (Cascade Style Sheet) poskytujú spôsob, ako jednoduchým spôsobom zabezpečiť jednotný vzhľad webových stránok (písma, pozadia, farieb, atď.). Priraďujeme jednotlivým značkám jazyka HTML ich vzhľadové atribúty, (spôsob zobrazovania, farba, šírka, výška, typ písma, podklad, pozícia na stránke...). Pôvodne obsahovali prvky jazyka HTML niektoré s týchto atribútov priamo v jednotlivých značkách. V súčasnosti sa preferuje oddelenie významu obsahu stránky od jej vzhľadu, čo veľmi dobre umožňujú priamo kaskádové štýly. Veľmi výhodné je to pri väčšom webe s viacerými stránkami ak požadujeme ich podobný vzhľad. Definícia štýlu je priamo v hlavičke dokumentu, ale častejšie a efektívnejšie je uloženie štýlu v externom súbore na ktorý je v dokumente odkaz.  Niektoré druhy formátovania sa dajú dosiahnuť len pomocou CSS. Nevýhodou je nekompatibilita s rôznymi verziami internetových prehliadačov.

 

 

JavaScript

 

          Najrozšírenejší skriptovací jazyk na strane klienta je JavaScript. Patrí do kategórie prostriedkov dynamického webu na strane klienta, lebo na strane servera nepredstavuje žiadnu dynamiku. Umožňuje vytvárať určitú dynamiku na strane klienta bez účasti servera.

Výhodou JavaScriptu je, že jeho zdrojový kód je priamo súčasťou stránky HTML a nepotrebujeme ho nijako kompilovať. JavaScript je jazyk interpretovaný a na svoje fungovanie potrebuje prehliadač. Javascript dokáže riadiť správanie sa klientského prehliadača: ovplyvňovať obsah dokumentu, pracovať s dialógovými oknami, kontrolovať formuláre a hodnoty v ich poliach, pracovať s cookies, manipulovať s obrázkami. Jeho kód sa zapisuje priamo do HTML kódu medzi špeciálne značky, alebo ho je možné umiestniť do samostatného súboru. Nevýhodou je nekompatibilita s rôznymi verziami internetových prehliadačov.

 

Macromedia Flash

 

          Flash je veľmi silný nástroj umožňujúci vytváranie pôsobivých animácií a iných multimediálnych prvkov a ich umiestnenie na webové stránky. Flash sa stáva neodmysliteľnou súčasťou všetkých internetových stránok. Základom flashovských aplikácii je vektorová grafika, ale môžu sa v nich skrývať aj importované zvuky, videosekvencie a bitové mapy. Vektorová grafika mapuje čiary na neviditeľnej mriežke a uchováva ich ako sústavu inštrukcií. Tieto inštrukcie v sebe nesú informácie o hrúbke čiary, a jej farbe a výplni kreslených objektov. Výhodou vektorovej grafiky je, že pri zmene rozmerov, rotácií objektov, úprave jednotlivých častí nedochádza k skresleniu. Informácie sa uchovávajú o objektoch nie o každom bode (pixel) zobrazenia. Správne zobrazenie obrázka je pri rôznych rozlíšeniach obrazovky. Nevýhodné je použitie vektorovej grafiky na zobrazenie fotorealistických detailov a pri zložitých obrázkoch môže byť doba zobrazenia dlhšia.  Obsahuje plnohodnotný skriptovací    jazyk   ActionScript.  Aj   keď   Flash   nie  je  primárne   určený  na   tvorbu  e-learningových kurzov, obsahuje podporu pre vytváranie vzdelávacieho obsahu a testovanie znalostí používateľov (knižnica Learning Interactions). Základom vytváraného programu je  časová os, na ktorú sa ukladajú jednotlivé súčasti obsahu. Každý dokument obsahuje knižnicu symbolov, ktorá je jeho súčasťou. Existujú tri typy symbolov (movie clip, button a graphic), ktoré môžu reagovať na preddefinované udalosti. Výhodou použitia symbolov je úspora miesta a možnosť súčasnej editácie všetkých inštancií určitého symbolu prostredníctvom editácie  symbolu v knižnici. Program obsahuje kvalitné možnosti tvorby vektorovej grafiky, nástroje na manipuláciu so zvukmi a videom.