NVU TVORBA WEBU. Nápoveď. 1. Vytvorte si úvodnú stránku obsahujúcu nadpis (pozdrav) a text, v ktorom sa predstavíte.

Transkript

1 NVU TVORBA WEBU 1. Vytvrte si úvdnú stránku bsahujúcu nadpis (pzdrav) a text, v ktrm sa predstavíte. Nastavte si vlastnsti pzadia, textu, kódvanie. Na nadpis pužite štýl. Stránku ulžte ak súbr index.html (v vašm priečinku ) Pri ukladaní nastavte stránke titulk. Napíšte nejaké infrmácie sebe. Označte text, ktrý má byť nadpism. Samtný štýl pre nadpis nájdete na paneli nástrjv (brázk vprav). Vlastnsti pzadia nastavíte pmcu príkazu Frmát/Farby stránky a pzadia... Titulk nastavte pmcu príkazu Frmát/Titulk a vlastnsti stránky... D plíčka Titulk zadajte titulk stránky. Na zadanie titulku vás NVU editr vyzve aj pri ukladaní stránky. Teraz treba nastaviť kódvanie tak, aby sa slvenská diakritika zbrazvala na stránke vždy správne. Pužite znvu príkaz Frmát/Titulk a vlastnsti stránky... Kliknite na tlačidl Vybrať kódvanie. Zvľte Stredeurópska(Windws-1250). 2. Vlžte na svju stránku ľubvľný brázk (neskôr vašu ftgrafiu), nastavte brázku vhdný alternatívny text a phrajte sa s umiestnením brázka na stránke.

2 Kliknite na iknku na paneli nástrjv aleb pužite príkaz Vlžiť/Obrázk. Vyskúšajte nastavenia, ktré pnúka dialógvé kn. Nezabudnite na nastavenie alternatívneh textu pre každý brázk, ktrý bsahuje nejakú dôležitú infrmáciu. Uľahčíte prístup k brázkm pužívateľm s zrakvým pstihnutím, či s pmalším pripjením k internetu. 3. Vlžte na svju stránku pätičku, ktrá bude bsahvať vaše men a dátum pslednej aktualizácie. Text v pätičke zarvnajte na stred a nastavte mu menší fnt, ak má zvyšný text. Pätičku ddeľte d statnéh textu vdrvnu ddeľvacu čiaru. Vdrvnú ddeľvaciu čiaru vlžíte pmcu príkazu Vlžiť/Hrizntálna čiara aleb pmcu tagu <hr> Centrvanie a menší fnt dsiahnete pmcu tlačidiel na paneli nástrjv. 5. Vytvrte si nvú stránku dkazy.html. Stránke nastavte farby, kódvanie a titulk a ulžte ju d vášh priečinku ak dkazy.html. Na stránke vytvrte dve skupiny dkazv: Vyhľadávače (textvé dkazy v drážkach) a Nviny (brázkvé dkazy - stiahnite si lgá nejakých nvín). D bch skupín vlžte aspň dva dkazy. Pužite príkaz Súbr/Nvý/Prázdny súbr a značte plíčk vytvriť XHTML dkument na vytvrenie nvej stránky. Zznam nájdete na paneli nástrjv. Zvľte nečíslvaný zznam a zadajte mená jedntlivých vyhľadávačv.

3 Text, ktrý má byť dkazm, značte. Odkaz vlžíte pmcu iknky príkazm Vlžiť/Odkaz... aleb Adresu stránky skpírujte z webvéh prehliadača d plíčka Umiestnenie dkazu. D časti Nviny vlžte brázk - lg nejakých nvín. Označte brázk kliknutím a zvľte. Zadajte adresu webstránky nvín. 6. Znvu si tvrte hlavnú stránku index.html. Na hlavnej stránke v pätičke urbte z mena autra dkaz na jeh . Takút pätu skpírujte aj na stránku Odkazy. vlžíte rvnak ak byčajný dkaz. Ak adresu dkazu zadajte vašu vú adresu. V dialógvm kne ešte značte plíčk Jedná se vú adresu. 7. Navzájm prepjte stránky index.html a dkazy.html. Na stránku index.html pridajte dkaz na stránku dkazy.html a napak. 8. Vytvrte súbr skla.html ak kópiu súbru dkazy.html. Zmeňte jej titulk na "Mje štúdium". Vlžte na stránku tabuľku a vpíšte d nej svj rzvrh hdín. Vyskúšajte nastaviť rôzne pzadia pre

4 riadky (napríklad pre hlavičku tabuľky), resp. pre jedntlivé bunky (napríklad pre predmet IKT). Zistite, ak sa menia ďalšie nastavenia tabuľky a buniek. Pužite príkaz Súbr/Ulžiť ak... na ulženie súbru pd iným menm. Tabuľku vlžíte pmcu iknky aleb príkazm Vlžiť/Tabuľ ka... V dialógvm kne značte pčet riadkv a stĺpcv tabuľky. 9. Navzájm prepjte stránky index.html a skla.html. 10. Na úvd stránky Odkazy dajte bsah, t.j. zznam dkazv na kategórie Vyhľadávače a Nviny (dkazy v rámci stránky, tzv. zálžky). Obsah vytvrte ak nečíslvaný zznam. Kliknite pred nadpis Vyhľadávače. Zálžky vlžíte pmcu Vlžiť/Pmenvaná

5 ktva) aleb kliknutím na. Na prepjenie textu s zálžku pužite znvu. Namiest písania adresy kliknite na výber mžnstí a zvľte príslušnú zálžku. Prémivá úlha Zistite, na č sa na stránkach pužíva JavaScript. Nájdite stránku pužívajúcu JavaScript. Svju dpveď aj s adresu stránky pšlite vyučujúcej m. Prví traja študenti, ktrí tak urbia, môžu získať. Stiahnite si nejaký JavaScriptvý kód a vlžte h d svjej webvej stránky. Môžete za t získať jeden bd viac pri hdntení stránky.