 |
| |
Marina Vuksan
Web programiranje za početnike |
|
Ako ste početnik i želite da napravite svoju prvu Web stranicu
ili već znate dosta toga o Web dizajnu, a želite da vaša Web prezentacija
počne da radi kao prava aplikacija, Web programiranje je nezaobilazna
oblast. HTML, VB Script, ASP, PHP samo su neki pojmovi vezani za
tu tematiku za koje ste verovatno čuli i (verovatno) ih "preskočili"
jer se skoro uvek javljaju u tekstovima namenjenim već upućenim
čitaocima. Ovaj tekst će Vam dati odgovore na najčešća postavljana
pitanja vezana za prve korake u Web programiranju.
Ako želite da napravite Internet stranicu, sa linkovima na druge
interesantne sajtove, sa svojim slikama, omiljenim receptima, citatima
iz knjiga ili već nečim originalnijim, dovoljno vam je malo slobodnog
prostora na Internetu (koji možete dobiti i besplatno npr. na adresi
http://geocities.yahoo.com/home/ , ili se raspitajte kod vašeg provajdera
koji ga verovatno nudi u paketu svojih usluga ) i znanje HTML –
a. HTML (Hyper Text Markup Language) je jezik koji služi za opis
Web stranica. Vaš Web browser (npr. Internet Explorer ili Netscape)
"razume" taj jezik i zna kako da prevede linije koda tako
da na ekranu vidite stranicu "u punom sjaju". Npr. sledeće
linije koda...
<html>
<head>
<title>Clickhere</title>
</head>
<body bgcolor="#cc99cc">
<form>
<INPUT name="”ime”" value="neki tekst">
tekstualno polje
<br>
<br>
<INPUT type="password" name="”txtPassword"
value="zdravo" “> polje za lozinku
<br>
<br>
<TEXTAREA name="”komentar”" wrap="virtual">
tekstualno polje sa više redova
</TEXTAREA>
<br>
<br>
<INPUT type="hidden" name="”ime”"> sakriveno
polje
<br>
<br>
<INPUT TYPE="button" VALUE="Standardno dugme"
onClick="alert('pritisao si obično dugme')">
<INPUT TYPE="submit" VALUE="SUBMIT" onClick="alert('pritisao
si dugme SUBMIT')">
<INPUT TYPE="reset" VALUE="RESET" onClick="alert('pritisao
si dugme RESET')">
<br>
<br>
<INPUT TYPE="checkbox" NAME="check1" VALUE="prvi"
CHECKED> uključen <INPUT TYPE="checkbox" NAME="check2"
VALUE="drugi">
isključen
<br>
<br>
<INPUT TYPE="radio" NAME="choice" VALUE="da"
CHECKED> Da<br>
<INPUT TYPE="radio" NAME="choice" VALUE="ne">
Ne
<br>
<br>
<select name="boje">
<option value="white">
Bela
<option value="yellow">
Zuta
<option selected value="blue">
Plava
<option value="red">
Crvena
<option value="green">
Zelena
<option value="black">Crna</option>
</select>
<br>
<br>
<select name="boje" size="3">
<option selected value="white">
Bela
<option value="yellow">
Zuta
<option value="blue">
Plava
<option value="red">
Crvena
<option value="green">
Zelena
<option value="black">Crna</option>
</select>
</form>
</body>
</html>
browser će protumačiti ovako:
 |
|
|
Slika 1: Izgled HTML koda u browser-u
|
HTML
HTML se sastoji iz tagova. Tagovi su oznake pomoću kojih browser
tumači tekst napisan između njih. Npr, ako napišete <I> Text
</I> , time ste browseru naložili da Text ispiše kosim slovima.
Osim za kosa slova, odnosno za određivanje formata i boje slova,
tagove možete koristiti za prikazivanje slika, tabela, tastera,
prozora za unos teksta itd.
Za unos HTML koda možete koristiti najjednostavniji
tekst editor (Notepad npr.), ali takav način pravljenja prezentacije
može da bude zamoran i spor. Zbog toga su danas rasprostranjeni
alati koji generišu HTML kod na osnovu vaših postupaka koji se svode
na izbor odgovarajuće opcije. Npr. umesto da ručno u tekst editoru
unesete ovaj kod:
<input type="submit" value="Submit">
dovoljno je da dovučete dugme iz menija na dokument.
Na prvi pogled bi se reklo da Vam posebno znanje HTML-a nije potrebno
ako koristite Macromedia Dreamweaver ili Microsoft FrontPage, (trenutno
najpopularniji programi te vrste) koji umesto Vas "pišu linije
koda". Dosta ljudi koji prave Internet prezentacije se ne udubljuje
u izučavanje HTML-a već se oslanja na gore navedene alate. Takav
pristup je suštinski pogrešan jer, bez obzira na mogućnosti koje
alati nude, često je potrebno da tako dobijene stranice "ručno
doterate". Recimo, sledeće slike prikazuju koliko je nepotrebnog
koda generisano od strane alata.
<html>
<head>
<title>Strana napisan pomocu nekog alata</title>
</head>
<body>
<P> </P>
<P> </P>
<P> </P>
<P>
<INPUT type=submit value="Submit" name=Submit1>
Primer
</P>
</body>
</html>
evo kako ista stranica moze biti elegantnije napisana:
<html>
<head>
<title>Strana napisana bez alata</title>
</head>
<body>
<BR><BR><BR>
<INPUT type=submit value="Submit" name=Submit1>
<BR>Primer
</body>
</html>
Java Script i VB Script
Pomoću HTML-a možete dodobiti stranicu savršenog dizajna koja sem
prikazivanja željenog sadržaja i preusmeravanja na druge stranice
nema nijednu drugu funkciju.
Ako sada vašoj stranici želite da dodate i određenu funkcionalnost,
potrebno je da u nju ugradite funkcije i procedure napisane u Java
Script - u ili VB Script – u. Pomoću jednog od ova dva jezika (možete
kombinovati i oba na istoj strani) možete postići da pritiskom na
neko dugme iskoči poruka, novi prozor Internet Explorer – a sa adresom
koju ste zadali i sl.
 |
|
|
Primer korišćenja skripta - stranica
pre klika
|
 |
|
|
Primer korišcenja skripta - stranica
posle klika
|
<HTML>
<HEAD>
<TITLE>Java Script proba... </TITLE>
<SCRIPT language="JavaScript">
function Poruka(){
alert('Ovo HTML ne moze da radi!');
return(false);
}
</SCRIPT>
</HEAD >
<BODY>
<form id=form1 name=form1>
<input type="button" value="Poruka" OnClick="Poruka()">
</form>
</input>
</BODY>
</HTML>
kod gore prikazane stranice
Mogućnosti su naravno, ogromne a zavise samo od vaših ideja i vremena
koje želite da uložite. Praktično, na ovaj način možete uraditi
mnogo toga, ukoliko to nema veze sa bazom podataka.
Baza podataka
Dobar primer korišćenja baze podataka je on-line kupovina. Podaci
o svim artiklima se čuvaju u bazi koju ažuriraju prodavci (cene,
količine, vrste artikala) a vi možete da je pretražujete pomoću
browsera, naručite željenu robu, platite kreditnom karticom itd.
 |
|
|
Primer On line kupovine
|
Ukoliko želite da web stranica komunicira sa bazom podataka, potrebno
je da znate ASP (Active Server Pages) ili PHP (Hypertext Preprocessor).
Uz pomoć nekog od ona dva jezika možete podatke sa vaše Web stranice
slati direktno u Access, Oracle, MySQL (za PHP) ili neku drugu bazu.
To znači da npr. možete napraviti formular čiji će podaci posle
pritiska na odgovarajuće dugme biti upisani u bazu, koju ćete kasnije
moći da pretražujete, brišete iz nje, menjate podatke i sl.
Naravno ASP i PHP mogu služiti i za mnoge zanimljive stvari koje
se ne tiču baze podataka, npr. možete napraviti svoju Chat stranu
na kojoj ćete moći da pričate sa prijateljima a tekst će biti u
vašoj omiljenoj boji (ako ste nekad bili na Chat stranama Krstarice
znate o čemu je reč). Možete napraviti program koji će automatski
po prijemu e – maila slati poruku na adresu pošiljaoca da ste dobili
njihov mail i ... Ovo može biti zgodno za direktore u usponu koji
još uvek nemaju sekretaricu ili nemaju vremena da na svaki mail
pojedinačno odgovore.
 |
|
|
chat stranica na Krstarici
|
Zaključak
Kao što smo već rekli, ovaj tekst je napisan sa idejom da čitaoca
upozna sa osnovnim pojmovima vezanim za Internet programiranje.
Ta oblast je prilično široka i zahtevna, ali i veoma interesantna,
sa mnogo mogućnosti za rad (i naravno, zaradu). U skladu sa kineskom
poslovicom koja kaže da i najveći put započinje prvim korakom, u
sledećim tekstovima ćemo se posvetiti nekim konkretnijim primerima
koji će možda biti vaš prvi korak na takvom putu...
|
.gif){kind=spacer}
VRH
STRANE 
