Osnovna lekcija #1: Upoznavanje

Dobrodosli u HTML...

Ovo je osnovna lekcija #1 od ukupno 7 koje ce vas polako uvesti u svet HTML-a (Hyper Text Mark-up Language).Predlazem vam da naucite jednu lekciju dnevno i do kraja nedelje cete vec imati dovoljno znanja da sami napravite HTML stranicu.

Ovo namerno kazem zato sto mnogi ljudi ne veruju da je to moguce jer misle da su "glupi" za pisanje tamo nekih HTML$#@&^% stranica. Verujem da cete sasvim promeniti misljenje kada na sledecem koktelu budete sa prijateljima pricali o svojoj prvoj web prezentaciji.

Pa da krenemo.

Na pocetku ovih predavanja pretpostavljam da ne znate nista o HTML-u. Pretpostavljam medutim da imate neko znanje o racunarima, jer kako bi ste inace dospeli do ovih stranica. Da bi ste nastavili sa lekcijama bice vam potreban:

1. Racunar(ocigledno)

2. Browser kao što je  Netscape Navigator,  Microsoft Internet Explorer i sl.

3. HTML editor ili tekst procesor. Odlicno ce vam posluziti Windows "NotePad" ili "WordPad" programi koje vec imate instalirane na racunaru.

Ako imate ove tri stvari mozete pisati HTML. A sada evo nekoliko cesto postavljanih pitanja i odgovora:

P. Imam MAC (ili PC) - dali ce ovo raditi na mom kompjuteru?

O. Da. HTML ne koristi neku specificnu platformu. On funkcionise kao jednostavan tekst.

P. Dali moram biti povezan na internet da bih pisao HTML? Preciznije, Dali cu za pisanje HTML-a trositi svoje internet sate?

O. Ne. Mozete pisati bez povezivanja na internet.

P. Dali mi je potreban neki skup program da bih pisao HTML?

O. Ne. Mozete pisati u gore navedenim programima, ali mozete kupiti posebne programe ako zelite.

P. Dali je ucenje HTML-a isto što i savladavanje novog racunarskog jezika kao što je Basic ili Fortran i sl?

O. Ne. HTML nije racunarski jezik. Ponavljam... HTML nije racunarski jezik.

Pocetak pisanja.

Sa pisanjem HTML-a cemo poceti u osnovnoj lekciji #2. To je sutra. Sada vam zelim opisati proces pisanja. HTML kodove cete pisati u nekom tekst procesoru ili HTML editoru. Kada zavrsite pisanje otvoricete snimljeni dokument u nekom browseru kao što je Netscape Navigator,  Microsoft Internet Explorer i sl. Browser ce interpretirati HTML komande koje ste ispisali  i prikazati web stranicu. Neki ljudi koji se bave kreiranjem web prezentacija ce reci da je bolje koristiti tzv.WYSIWYG (What You See Is What You Get ili ono sto vidis je ono sto dobijes) programe za pravljenje HTML stranica jer je tako lakse napraviti web prezentaciju. To je tacno, ali je tako dosta teze nauciti pisanje HTML-a zato sto ti programi mnogo toga urade umesto vas. Zato ako zaista zelite da naucite pisanje HTML stranica koristite tekst procesor ili neki HTML editor. Ja vec sest godina pisem HTML i još uvek koristim obican NotePad. 

A sada cemo se malo upoznati sa programima u kojima cete pisati svoje HTML stranice. Zapamtite ovo: HTML dokument mora biti samo tekst. Kada snimate HTML dokument morate snimiti samo tekst, nista vise.

Preporucujem vam NotePad i WordPad zato sto oni snimaju dokument u tzv. text-only formatu pa vi ne morate da radite dodadne poslove da bi HTML stranica funkcionisala kako treba. Ali ako selite mosete pisati i u tekst procesorima kao što su Word ili WordPerfect. Ako izberete jedan od ova dva programa procitajte pazljivo sledece redove.

Word procesor

Kada pisete u Word-u moracete da sledite ovih nekoliko koraka:

1. Pišite stranicu kao bilo koji drugi dokument.

2. Kada seite da snimite dokument, UVEK izaberite SAVE AS.

3. Kada se SAVE AS prozorcic pojavi, moracete da snimite dokument u specificnom formatu. Pogledajte na dnu SAVE AS prozorcica i videcete opcije za snimanje dokumenta.

4. Ako imate PC, snimite dokument kao ASCII TEXT DOS ili samoTEXT. Jedna od ovih opcija mora da postoji.

5. Ako  imate MAC, snimite dokument kao TEXT.

6. Kada sam ja poceo sa pisanjem HTML-a, svaku web stranicu sam snimao na posebnoj disketi, to mi je pomagalo da se lakse snadem a i umanjivao sam izglede da nesto slucajno izbrisem. Ali ako vam se ovo cini previse komplikovanim, slobodno snimajte dokumenta na HDD-u

Molim vas zapamtite: veoma je vasno da uvek kada snimate dokument to radite pomocu SAVE AS opcije jer u suprotnom vasa HTML stranica nece funkcionisati.

Vidite, kada ne snimite dokument samo kao tekst, onda snimate i razne opcije koje Word ima (margine, boju fonta, paragrafe itd.) a sve to vam uopste ne treba. Treba vam samo tekst. Ako bas selite snimite u Wordu komletan sadrsaj(ne samo tekst) pa probajte da ga otvorite iz browsera i videcete da se vasa web stranica nece prikazati pravilno.

NotePad i WordPad automatski snimaju u text-only formatu tako da je najjednostavnije koristiti jedan od ova dva programa.

Pod kojim imemnom snimiti dokument?

Pod kojim imemnom cete snimiti dokument je veoma vasno. Prvo svom dokumentu morate dati ime a zatim dodati sufiiks(ekstenziju).

Sledite ove korake da pravilno snimite dokument:

1. Izaberite ime. Bilo sta. Ako imate racunar bez Windowsa 9x,2000 ograniceni ste na osam slova.

2. Dodajte sufiks(ekstenziju.) za sva dokumenta kao sufiks ce te staviti ".htm" ili ".html".

".htm" za racunare sa Windowsom 3x i ".html" za MAC i Windows 9x,2000 sisteme.

Primer:

Ako selite da dokument snimite pod imenom "pera" onda dokument morate snimiti kao "pera.htm" ako koristite Windows 3x, a ako imate Windows 9x,2000 snimite dokument kao "pera.html". Kada snimate dokument nemojte koristiti znake navoda, ja sam ih ovde stavio radi grmaticke ispravnosti recenica.

Uhhhhhh.... Zasto ovo moram da radim?

Zato da bi kompjuter znao kako da "tretira" dokument. Sufiks ".html" govori kompjuteru da se radi o HTML dokumentu. Kada budemo stigli do predavanja o grafickim elementima(slikama) na stranici upoznacemo se i sa drugim sufiksima. Svi fajlovi koji se koriste na web-u uvek ce biti u "ime.sufiks" formatu. Uvek.

Zašto ".htm" za racunare sa Windows 3x a ".html" a za MAC i Windows9x,2000 "html" 

Zato što Windows 3x  ne podrzava sufikse sa vise od tri slova za razliku od MAC -a i Windows-a 9x,2000 koji podrzavaju cetri. Vas browser podrzava oba sufiksa i isto se ponasa kada cita dokument sa ".htm" i "html" sufiksom.

Otvaranje dokumenta u browser-u

Kada jednom snimite HTML dokument na disku ili flopiju, da bi ste videli rezultate moracete ga otvoriti u browser-u. To je zaista lako. Vecina HTML editora ima opciju "Preview in Browser", Ali ako ne mozete da nadete ovu opciju ili koristite "Notepad". procitajte pazljivo sledece redove.

Posto koristite browser da biste citali ove lekcije uradite sledece.

1. U gornjem meniju (savim levo) kliknite na File>Open... (ako koristite Microsoft Internet Explorer) ili File>Open Page... (ako koristite Netscape Navigator).

2.  Kada kliknete na ovu opciju pojavice se prozorcic sa dugmetom BROWSE (Microsoft Internet Explorer) CHOSE FILE (Netscape Navigator). Kliknite na ovo dugme, pronadite lokaciju na kojoj ste snimili dokument i duplim klikom na fajl, otvorite ga.

3. Mozda cete morati da kliknete na OK ili OPEN a ostalo ce uraditi browser.

Jos samo jedna stvar

Varovatno vam je vec dosta za danas. Ne brinite nista naredne lekcije ce biti manje obimne.

Ako cete uskoro poceti pisanje HTML-a predlazem vam da pogledate vec gotove stranice drugih autora (pri tome mislim da pogledate HTML kodove).  

Zasto bih to radio?

Verovatno ste do sada nailazili na interesantno dizajnirane web prezentacije sa lepo rasporedenim elementima, tabelama, slikama ili nekim lepim efektima pa ste mozda pozeleli da saznate kako je ta stranica napravljena (ispisana). Takode mislim da je analiziranje HTML koda vec gotovih stranica odlican nacin da lakse savladate pisanje HTML-a.

Evo kako cete pogledati HTML kod  stranice koja vam se dopada.

1. Kada naidete na stranicu koja je interesantna, klinite na VIEW u gornjem meniju vaseg browsera.

2. Zatim izaberite opciju DOCUMENT SOURCE ili PAGE SOURCE ili samo SOURCE u zavisnosti od verzije vaseg browsera.

3. HTML kod ce se pojaviti na ekranu.

4. Samo napred, mozete slobodno pogledati HTML kod ove stranice. Ono sto cete videti izgledace vam kao likovni rad corave kokoske, ali nista ne brinite obecavam vam da cete kroz nedelju dana razumeti sve sto je ispisano. 

Lekcija 1  Lekcija 2  Lekcija 3  Lekcija 4  Lekcija 5  Lekcija 6  Lekcija 7