Web Programiranje Za Pocetnike - 7 Strana

Web programiranje za početnike
Marina Vuksan
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 HTML 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">
1
Omega magazin
Džordža Vašingtona 40, Beograd, Jugoslavija, tel/faks +381 11 30-30-666, www.omegamagazin.com
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.
2
Omega magazin
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.
Slika 2: Izgled prozora alata za generisanje koda

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>              &
nbsp;               &nbs
p;                &n
bsp;
                &nb
sp;                &
nbsp;               &nbs
p;                &n
3
Omega magazin
bsp;

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.
Slika 3: Primer korišćenja skripta – stranica pre klika
4
Omega magazin
Slika 4. Primer korišćenja skripta – stranica posle klika
Linije koda sa skriptom koje su omogućile prikazivanje gornjih slika su sledeće:
<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>
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.
5
Omega magazin
Slika 5: 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 Internet 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 popularnog domaćeg pretraživača
"Krstarica" 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.
6
Omega magazin
Slika 6: 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...
7
Omega magazin

Web Programiranje Za Pocetnike - 7 Strana

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Programiranje Za Pocetnike - 7 Strana

Uploaded by

Copyright:

Available Formats

Web programiranje za početnike

browser će protumačiti ovako:

Slika 1: Izgled HTML koda u browser-u

dovoljno je da dovučete dugme iz menija na dokument.

Slika 2: Izgled prozora alata za generisanje koda

evo kako ista stranica moze biti elegantnije napisana:

Java Script i VB Script

Slika 3: Primer korišćenja skripta – stranica pre klika

You might also like