Moderné vzdelávanie pre vedomostnú spoločnosť Projekt je spolufinancovaný zo zdrojov EÚ
Učebné texty a pracovné listy Cvičenia z aplikovanej informatiky 4. ročník - OA Ing. Anita Sáreníková
Obchodná akadémia, Akademika Hronca 8, Rožňava
Webové stránky Webové stránky sú rôznych druhov. Podľa určenia rozlišujeme prezentačné stránky, náučné stránky, vyhľadávače a katalógy, webové obchody, webové médiá, blogy, sociálne siete a iné.
Prezentačné stránky tvoria veľkú skupinu webových stránok. Informujú o osobách, organizáciách, atď. Podľa toho môžu mať rôzny obsah a rôznu podobu: osobná stránka je jedným z najvoľnejších žánrov na webe. Nájdeme na nej informácie vzťahujúce sa k osobe jej autora (majiteľa). Aké informácie kto chce zverejniť môže však byť veľmi rôzne. Osobné stránky boli populárne hlavne v deväťdesiatych rokoch minulého storočia, dnes ich vytláčajú blogy; stránka inštitúcie slúži pre zamestnancov, či členov, a pre styk s verejnosťou (napr. stránka školy). Informuje o činnosti inštitúcie, a o jej službách, či produktoch. Môže mať verejnú a neverejnú časť (za heslom). Veľké organizácie môžu mať objemné a zložité webové stránky (napr. veľká univerzita). Takéto stránky často mávajú viac navigačných menu, uspôsobených pre rôzne skupiny používateľov (napr. iné pre zamestnancov, pre študentov, a pre verejnosť); firemná stránka v popredí je prezentácia produktov a služieb. Je dôležitejšie, čo sa predáva, ako to, kto to predáva. Seriózna obchodná spoločnosť zverejní aj kontaktné a ďalšie informácie, prípadne stručnú históriu firmy, a pod., tieto informácie sa však spravidla neobjavujú podrobne hneď na titulnej stránke; stránka produktu alebo kampane je samostatná stránka pre konkrétny produkt (nový produkt, podujatie, …), informačnú kampaň (za čisté mesto, …) a pod. V takomto prípade sú typicky všetky ostatné informácie zminimalizované, a miesto nich je uvedený len odkaz na stránku výrobcu, či realizátora kampane.
Náučné stránky tvoria širokú a rôznorodú skupinu. Vlastne sem môžeme zaradiť čokoľvek od technickej dokumentácie, cez on-line jazykové kurzy, po Wikipédiu, ale trebárs aj stránky s receptami. Používatelia od nich očakávajú, že rýchlo nájdu to, čo potrebujú. Zriedkakedy ich čítajú celé. Na stránku sa často dostanú cez vyhľadávač. Preto je dôležité prelinkovanie na hlavnú stránku, ale aj medzi témami, členenie textu a optické záchytné body.
Vyhľadávače a katalógy zvyčajne žiadny obsah priamo neprodukujú, umožňujú nám nájsť obsah na iných webových stránkach. Kým vyhľadávač typicky používa index webových stránok získaný automatizovaným prehľadávaním webu, katalóg ponúka zoznam stránok, ktoré doň zaradili platení editori alebo bežní používatelia. Pridanie do katalógu môže byť zadarmo alebo platené.
Webové médiá často fungujú ako webová verzia tlačeného denníka alebo časopisu, ale sú aj čisto internetové médiá. Opäť, mali by umožňovať rýchlo nájsť to, čo nás zaujíma. Správy sú často prinášané „hlavne rýchlo“, toleruje sa menšie množstvo drobných chýb a preklepov, v tlačených médiách nepredstaviteľné. Správy môžu byť po vydaní viackrát aktualizované. Moderné vzdelávanie pre vedomostnú spoločnosť Projekt je spolufinancovaný zo zdrojov EÚ
Strana 2 z 15
Čitatelia majú často možnosť na správu zareagovať. Internetové spravodajstvo je veľmi populárne, lebo je rýchle a je zadarmo.
Blogy Blog je webová stránka, ktorá umožňuje jej autorovi jednoducho publikovať kratšie príspevky, ktoré bývajú chronologicky usporiadané, najnovší navrchu. Blog by mal byť tematicky vyhranený, publikovanie by malo byť pravidelné, a mal by reprezentovať názory a osobnosť autora. Takmer vždy je možné na články zareagovať. Blogy sú veľmi populárne a autori na nich publikujú na veľmi rôzne témy, od úplne súkromných po vysoko odborné. Možno ich využiť pri vzdelávaní, ale napr. aj na marketingové účely.
Sociálne siete Sociálne siete sú stránky, ktoré umožňujú spojiť sa s inými používateľmi, kontaktovať ich a komunikovať. Typickou súčasťou je osobný profil, ktorý si vyplní každý používateľ, a funkcia, ktorá nám umožní zostaviť, udržovať a sledovať zoznam našich známych. Tieto stránky často integrujú blogy, diskusné fóra, ale aj rôznu inú funkcionalitu, vrátane rôznych nástrojov a on-line hier. Naopak, rôzne črty sociálnych sietí často obsahujú aj rôzne iné stránky.
Internetové portály Spravodajské weby, katalógy, či vyhľadávače sa niekedy štylizujú do formy portálu: stránky prinášajúcej veľké množstvo informácií, rôznych nástrojov a služieb, ale predovšetkým odkazov na zaujímavý obsah.
Publikovanie na webe Publikovanie na webe je odlišné od publikovania v tlači a odvíja sa od špecifických vlastností webu a predovšetkým od zvyklostí a očakávaní používateľov: Používatelia majú na výber množstvo iných webových stránok s podobným obsahom. Ak nie sú s našou stránkou spokojní, informácie nájdu inde. Práca s webom je rýchla a nárazová. Vďaka vyhľadávacím službám môže čitateľ otvoriť ľubovoľnú podstránku nášho webu. Každá podstránka preto musí byť prepojená s hlavnou stránkou.
Vyhodnotenie webových stránok Použiteľnosť (usability) a prístupnosť (accessibility) sú dva dôležité štandardy používané na vyhodnotenie webových stránok. Použiteľnosť znamená ľahkosť použitia. Prístupnosť sa sústreďuje na zásadu, že všetci používatelia majú mať zabezpečený rovnocenný prístup k informáciám. Táto zásada je v niektorých krajinách dokonca zabezpečená v legislatíve. Štandardom prístupnosti sú pravidlá WCAG, ktoré vydalo konzorcium W3C. On-line nástroj na testovanie použiteľnosti
http://www.cynthiasays.com
Desať najväčších chýb v oblasti prístupnosti podľa J. Nielsena
http://www.useit.com/alertbox/9605.html
Moderné vzdelávanie pre vedomostnú spoločnosť Projekt je spolufinancovaný zo zdrojov EÚ
Strana 3 z 15
Niektoré pojmy súvisiace s webom: URL Termín pre internetovú adresu (z ang. Uniform Resource Locator). HTTP - Protokol, ktorý umožňuje prehliadačom čítať HTML a zobrazovať webové stránky. ISP Firma poskytujúca zákazníkom prístup na Internet. Cookie - Záznam, ktorý si webová stránka uloží na harddisk počítača, v ktorom sa zobrazí. Webmaster - Osoba, ktorá zabezpečuje tvorbu a údržbu webovej lokality. Prehliadač (browser) - Program, pomocou ktorého sa dajú prezerať dokumenty na webe. WYSIWYG -What You See Is What You Get: čo vidíš, to dostaneš (dosl. preklad)
Jazyk HTML HTML je skratka HyperText MarkUp Language, čo znamená „nadtextový značkový jazyk“. Na rozdiel od programovacích jazykov namiesto príkazov sú tu tagy alebo značky. HTML je bežný textový dokument (súbor). Obrovská výhoda je ešte v tom, že HTML je neobyčajne prispôsobivý rôznym operačným systémom. Pokiaľ server poskytuje stránky v HTML jazyku a užívateľská stanica pozná tento jazyk, nezáleží ani na tom aký máme hardvér a operačný systém. Aby prehliadač poznal, že sa jedná o stránku internetu, resp. o HTML dokument, býva uložená s príponou HTM alebo HTML. Princíp zobrazenia funguje nasledovne: Na vzdialenom serveri je uložený HTML súbor. Ten obsahuje špeciálne značky - tagy. Na našom počítači sa pomocou prehliadača súbor načíta a pomocou tagov poskladá do takej podoby, v akej ho vidíme na obrazovke.
Tagy Výhodou HTML dokumentu je to, že pokiaľ náhodou zadáte zlý tag, prehliadač ho ignoruje a pokračuje ďalej. Nehrozí, že kvôli jednému zle zadanému tagu sa stránka nenačíta.
Rozdelenie tagov Tagy delíme na párové a nepárové (samostatné). Párový tag - Sú potrebné vždy dva tagy. Prvý aktivuje určitý formát, ktorý je aktívny do tej doby, pokiaľ nenájde druhý, uzatvárací tag. Nepárový (samostatný tag) – Nepotrebuje žiadny druhý tag, ktorý by ho uzatváral.
Kostra dokumentu Každý dokument by mal mať určitú štruktúru.
Moja prvá stránka vlastný obsah www stránky HTML je párový tag, ktorý ohraničuje celý dokument. Každá stránka by mala obsahovať na začiatku a na úplnom konci .
Moderné vzdelávanie pre vedomostnú spoločnosť Projekt je spolufinancovaný zo zdrojov EÚ
Strana 4 z 15
HEAD je párový tag, ktorý určuje začiatok a koniec hlavičky dokumentu. Každý dokument sa skladá z dvoch častí – hlavičky a tela dokumentu. V hlavičke býva obvykle titulok www stránky. TITLE Medzi párovým tagom
a je uvedený titulok – je to text, ktorý sa v prehliadači zobrazuje v modrom pruhu. Mal by čo najlepšie vystihovať obsah stránky, pretože býva zahrnutý do zoznamu adries v prehliadači návštevníka stránky. Nemal by byť príliš dlhý. Pokiaľ tento tag nevyužijete prehliadač dosadí do modrého pruhu adresu stránky. BODY je párová tag, ktorý definuje samotné telo stránky. Úvodný tag sa zadáva hneď po hlavičke a zakončovací sa píše na konci dokumentu pred tagom