OSNOVNO

       Nista se ne sekirajte. Ma koliko vam se cinilo da je ovo neka nauka, odmah da znate i da jeste, ali zato sigurno ne znate da cete je ovde zacas i savladati. Dakle, dobro dosli u naucnike.
      Ako ovo citate, to znaci da upravo koristite za to citanje neki Internet browser, poput Netscape Navigator-a ili MS-Internet Explorer-a. To su vam programi za prijem i odasiljanje elektronskih podataka putem telefonske mreze ili neke druge zice (kabla) i koji te primljene podatke lepo pretvore u sva ova graficka cuda koja gledate kao web prezentacije (WWW). Znaci, kao na telefaxu, nekakav ton cvrchi i zvrchi kroz telefonsku zicu, pa udje u vas komp, a tu ga na vratima odmah docheka gospodin browser, pa to cvrchanje i zvrchanje lepo prevede u pravo znachenje i sve to lepo prikaze u svojoj povrshini za prikaz primljenog sadrzaja, kao shto upravo sada gledate i chitate sve ovo.
   E, sada vam se verovatno malo zavrtilo, ako ste pomislili "Pa ko che sve ovo onda kodirati?" u nekakve tonove i impulse i odmah da znate, shta vas briga za to. Ima ih koji su za sve to bili zaduzeni i dobro placheni, pa su lepo napravili sve po propisu, tako da se mi pekari i kondukteri ne moramo zamarati i oko takvih gluposti, nego se lepo zabavljamo time. Ako su vam ovo prvi koraci u nekom programiranju, onda odmah obavest da se svako kompjutersko programiranje izvodi najobicnijim pisanjem, kao kada pisete nekome pismo u recimo Word-u. Kada vi kucnete slovo na tastaturi, Word vam na ekranu edituje taj znak i zato se uopshteno i naziva EDITOROM, tacnije text editorom. Medjutim, pisanje programa se ne radi u Word-u, nego u najprostijim mogucim text editorima, a kod Windows-a vam je to onaj Notepad editor, ili onaj WordPad, za koje ste do sada mislili da vam samo nepotrebno zvrje onde medju ostalim programima. Nakon toga saznanja, na red dolazi pitanje sta se onda radi dalje sa tim napisanim programskim kodom. I tu nema problema, jer su pomenuti genijalci za svaki programerski jezik napravili i prevodioce, to jeste programe koje se zato zovu COMPILER-i (kompajleri) i koji to zacas lepo prevedu u ta elektronska cvrchanja i zvrchanja, a vi samo shaku pod glavu. Dakle, u ovom sluchaju zaista imate sreche, jer sve ovo upravo chitate sa jednim prevodiocem za HTML kodove (Hyper Text Markup Lenguage), a imate i Notepad textualni editor, pa vam josh samo preostaje da nauchite shta i kako u njemu da pishete, te je sve bez ikakvih dodatnih troshkova. Samo da jos pre pocetka rada sve zakljucimo konstatacijom, kako postoje odredjene rechi koje su zapravo upotrebljene kao komande za kompjuterski rad, a kako kompjuter ne govori engleski ili srpski, nego elektronski, onda imamo i prevodioce koji mu to sve lepo prevode, i sta nas briga za dalje.
   To pakovanje sifriranih elektronskih podataka se zove HTML dokument i zaista je vec krajnje vreme da odmah napravite jedan. Dakle, krecemo.!
       Postupak prvi:   Nije vazno ako ste u Internetu, slobodno dole, skroz levo, kliknite na taj vas Start u Task liniji (na dnu ekrana), pa u listi za vase programe koje imate pronadjite Notepad (kod nekog je naslovljen kao Editor), te kliknite na njega da se otvori za upotrebu i onda u njegovom okviru, sasvim gore desno, kliknite na onaj prvi kvadratic sa minusom [-] na sebi, da vam dalje ne smeta citanju ovoga i da se umanji dole u pravougaonik u Task liniji. Obavite to, pa da idemo dalje.
       Postupak drugi:   E, ovaj postupak se zove "obuka za kradju teksta ili nekog koda sa Interneta", pa ako ste nekih preteranih moralnih principa, onda odustanite od daljeg citanja ovog sadrzaja. Ako vam je 'pak dusa ukrasti nesto, a da niko nezna, niti vam sta moze, e onda lepo na ovaj html-code koji je ovde ispod dodjite kursorom na kraj, pritisnite taster misha i ne pustajte, nego ga tako drzeci prevucite levo, desno, gore dole, preko tog tekst sadrzaja, da ga obojite u markirnu boju, od prvog do poslednjeg znaka. Tada odpustite taster i nek to stoji tako sve markirano. Hajd'.!

<html>
<head>
<title>Prvenac</title>
</head>
<body>Krasno..!</body>
</html>

       Jeste li.? Ako je sve lepo markirano, pocevsi sa onim prvim < znakom gore i zavrsava se sa onim poslednjim > na kraju, onda pravo kursorom na tu ofarbanu predstavu, ali sada tu kliknite desnim, a ne levim tasterom i u tada dobijenoj listi kliknite normalno levim na Copy opciju (nem=Kopieren). Ajd' i to...
      Jeste li ? Ako jeste, e onda cu vas lepo tuziti za odstetu, jer ste mi upravo "maznuli" taj markirani deo sa ove moje web prezentacije. Nadam se da sada necete pristupiti brisanju tragova zlocina, pa kliknuti negde na prazan prostor pored tog gore, kako bi markacija s bojom nestala i sve doslo ponovo u "neduzno" stanje. No, kako znam da mi je sada zalud nadati se i nekakvom vasem postenju iz griznje savesti, najbolje da vi nastavite s ovim dalje, jer se to sto ste upravo uzeli sada nalazi u tzv. Clipboard memoriji vaseg kompa, to jeste u privremenom memorijskom spremistu koje se isprazni sa svakim gasenjem kompa, ili pri bilo kakvom sledecem Copy smestanju necega u taj Clipboard. Tu vam znaci stoji samo ono sto ste zadnje uzeli sa Copy. Zato, morate to sada nekako uzeti i za stalno, da vam sav ovaj lopovski trud nebi bio uzaludan. Znaci, vreme je i za treci postupak. Idemo onda...
       Postupak treci:   E, sad se razotkriva zasto je trebao taj vas Notepad editor (program za pisanje) koji ste poslali na cekanje dole u Taskbar. Kliknite dakle skroz dole, na dnu ekrana, na onaj njegov umanjeni pravougaoni prikaz, da ponovo dodje u prvi plan, pa na njegovu praznu, belu povrsinu za pisanje kliknite ponovo onim retko koristenim desnim tasterom misha, te u tako dobijenoj listi na Paste (nem=Einfügen) i uzivajte u uplovljavanju istog onog text-koda iz Clipboarda u vas Notepad. Kad se to desi, opet ga umanjite da ne smeta, pa da idemo dalje, jer ste tada jos svega par koraka od vaseg prvog web-a.
      Jeste li i to obavili ? Ako jeste, sada jos samo malo o postupku memorisanja, uz izvinjenje onima koji to vec znaju. Dakle, kad ponovo pozovete taj vas Notepad u prvi plan, sa onim HTML kodom sto ste ga ubacili kao tekst sadrzaj u njega, onda naravno trebate to i memorisati, da bi sve sacuvali, ali sada je stvar u tome sto to treba da sacuvate, memorisete, kao HTML dokument, a ne kao Notepad-ov text dokument. Stvar je jednostavna. Kad otvorite pri vrhu prvi Data meni i u njegovoj listi kliknete na Save as (nem=Speichern unter) opciju, onda naravno dobijate poznati dijalog prozor. Medjutim, ovaj put u prvom kontrol-okviru izaberite Desktop kao mesto gde cete taj Notepad sadrzaj memorisati, ne zato sto je to obavezno (mozete izabrati spremiste koje hocete), nego zato da vam za ovu vezbu taj dokument bude sto dostupniji, a to je onda svakako smestanje na Desktop. Primeri koji slede su iz Windows-a na nemackom, ali je stvar, naravno, identicna izgledom. Znaci, prvo odredite ovo:

  Nakon sto ste izabrali Desktop, onda u okviru za dodelu naziva (ispod markiran crvenim) upisite i neko ime za taj dokumet, ali onda udarite jos i tacku, pa dopisite htm (moze i html), kao sto mozete videti ovde u primeru ispod gde je dodeljen naziv Prvi web pa sa .htm dodatkom sve izgleda kao Prvi web.htm naslov.

  I, kao zadnje, posto je to vas prvi web, a ne neka ljubavna pisanija samo teksta, onda za svaki slucaj i u zadnjem kontrol okviru, otvorite izbor (strelica na dole na kraju tog okvira) pa umesto onoga textdocument kliknite na opciju all, nakon cega mozete sve potvrditi kao idealnu postavku. Tim momentom ste upravo napravili i svoj prvi web.

  Posto ste sve ovo obavili, sada mozete ugasiti i iskljuciti iz dalje upotrebe Notepad, a onda umanjite, samo uklonite sa ekrana i ovaj prikaz web-a kojeg upravo citate (opet onaj kvadratic s minusom skroz gore desno), kako bi videli vas Desktop, to jeste ekran sa prvom, osnovnom Windows postavkom.
  Ovo je ikona HTML dokumenta kojeg ste napravili i koja ce biti na vasem Desktop ekranu, ako wam je glavni (default) browser MS-Internet Explorer. Ako nije, nego vam je to Netscape, samo ce na istom listicu stajati graficki simbol Netscape-a. U oba slucaja, slobodno kliknite dva puta na taj dokument i uzivat cete u predstavi svog prvog web-a. Otvorit ce vam se u ovom istom browseru, pa kad ga se nagledate, kliknite gore na Back (nem=Zurück), da nastavimo sa ovim ovde...
  Znaci, nagledali ste se. E, sada se naravno pitate kakav vam je to uspeh u pravljenju web-a ako ste zapravo samo prekopirali nesto, a pojma nemate o cemu se to radi i kako i zasto. Nista ne brinite, stvar je prosta k'o Ajnstajnova teorija relativiteta i sve sto treba to je da se sada prvo malo cudom cudite, kako to da onoliko malo nekakvog prekopiranog teksta bude taj famozni web. Ja se, recimo, i dan danas cudim, a da bi vam to bilo razumljivije, evo vam jos jednom sve to ponovo, od gore, da se ne zamarate vracanjem (scroll-anjem), pa da se zajedno cudimo, koliko je malo toga potrebno napisati kao najobicniji tekst s nekim jos kvakicama ili strelicama, a to onda bude citav web. Evo:

<html>
<head>
<title>Prvenac</title>
</head>
<body>Krasno..!</body>
</html>

   Dakle, neverovatno, ali istinito, to sto ponovo vidite ovde iznad je osnovni "kostur" i kompletan sadrzaj jednog HTML dokumenta, vama do sada poznatom pod nazivom Web. Nije li to savim dovoljan razlog da se bez ikakve bojazni u vlastite umne sposobnosti upustite u dalje upoznavanje i sa znacenjem svega toga. Naime, upravo ste savladali svoje prve programerske korake, pa se tako upoznali i sa cinjenicom da se kompjuterska programiranja obavljaju kao najobicnija pisanja pisama, s jedinom razlikom sto se ne radi o nekom ljubavnom sadrzaju, nego je stvar vise spijunske prirode. Tu se koriste i nekakve kvake, strele, sta li, a ima i nekih reci na engleskom, te nema ni ikakve sumnje da je to nekakvo sifriranje koje se onda desifrira kompjuterom pomocu programa Netscape Navigator ili MS-Internet Explorer.
    Da vam odmah saopstim, tih HTML sifri je relativno malo i ne morate ih ni znati napamet, pa ako imate volje i nesto slobodnog vremena, slobodno idite levo u pregled sledece lekcije Tagovi. Naime, HTML kodove ne samo sto ne morate znati napamet, nego ih ne morate cak ni ispisivati, jer su i za te stvari napravljeni programi, koji se zovu HTML Editori ili Generatori HTML koda, a sa cijim koristenjem se mozete upoznati u lekcijama koje slede. Tek ako imate nameru postati i web velemajstorom, onda vam je potrebno da znate i znacenje svih kodnih naredbi HTML-a. A o tome cete odluciti vec sami tokom pregleda dalje materije u ovoj Draganovoj HTML skolici.
   Naravno, ovde ste zapravo imali samo obuku o tome kako se tekstualni HTML kod, koji eventualno sastavite ili kopirate, pretvara u finalni HTML dokument. Isto tako mozete to i obratno, to jeste, bilo koji vec gotov HTML dokument pregledati u Notepad ili Wordpad text-editoru, pa slobodno izvrsiti prepravke u njemu po volji. Nakon Save ili Save As sve je onda onako kako ste vi prepravili. Kad ste u Internetu, tekstualni HTML pregled bilo kojeg web-a mozete vrsiti pomocu opcije Source Code (nem=Quelltext anzeigen) koju imate gore u meniju View (nem=Ansicht), ili je uzmete iz menija kojeg dobijate desnim klikom misha negde na praznu povrsinu web-a kojeg gledate. Ako se radi o nekom HTML dokumentu kojeg imate u svojoj arhivi, na hardu, disketi, CD-u itd. onda ga samo markirajte klikom u boju pa pritisnite Shift taster (za velika slova) i drzite ga, te ponovo, ali desnim tasterom kliknite na taj dokument fajl i dobit cete listu gde osim Open funkcije imate i Open With, a njome onda mozete izabrati bilo koji program za otvaranje nekog dokumenta, pa tako i Notepad ili Wordpad (ne Word 6/7 ili Works), te jednim od njih otvorite taj web u pregled HTML text koda.
    Da se ovde nebi zamarali oko takvih stvari, na kraju svake lekcije vam je na raspolaganju ovaj button (klik dugme) kojim mozete odmah dobiti na uvid HTML Source Code od svake ove stranice, pa to memorisati sebi na hard, bas onako kako je ovde gore i opisano, da bi imali ova predavanja i offline (kad niste u Internet mrezi). Jedino sto se ne morate zamarati oko markiranja (ako vam browser nije NetscapeN), jer ce vam se sve otvoriti odmah u vasem Notepad editoru. A, ako surfate s Netscape Navigatorom, onda kad dobijete HTML pregled u njegovom text editoru, posto nema nikakvih funkcija sem bioskopskih, pritisnite skupa tastere Ctrl+A (ne i znak plusa, to je samo nacin pisanja za te stvari) i imat cete sve markirano. Onda jos, da bi sve to smestili u vas Clip Board pritisnite skupa i Ctrl+C tastere (ili Copy desnim klikom misha), pa vam je i to spremno za Paste u vas Notepad. Naravno, tek kad ga otvorite za tu upotrebu, mada mislim da je najbolje odmah sebi ovo i odstampati, ako vec zaista nameravate nesto i raditi sa web dizajnom.

Radovanovic Dragan