четвртак, 11. октобар 2012.

Kako napraviti web stranicu. Prvi koraci u stvaranju sajta pomocu HTML-a

 Kreiranje osnovne HTML datoteke.

Ovde možete naučiti vaše prve korake u stvaranju vašeg sajta. Ako ste početnik u HTML-u onda je najbolje da ovde započnete.

Standardni HTML fajl je prilično jednostavno napraviti. Sve što vam treba je tekst editor kao "notepad" koji je standardan sa operativnim sistemom Windows. Međutim, preporučljivo je da koristite HTML editor. Ovo radi lakše i brže. 

Nekoliko dobrih HTML editora mozete pogledati ovde.

Još jedna napomena:
HTML tretira velika i mala slova isto. Nije bitno da li otkucajte <TITLE> ili <title>.

Lekcija 1 : Pravljenje osnovne HTML datoteke

Kao što je već pomenuto imena komandi moraju biti između "< >" tagova. Sledeći primer sadrži osnovni model svake HTML stranice.

<HTML>
<HEAD>
<TITLE>Ovde mozete da popunite naslov stranice.</TITLE>
</HEAD>
<BODY>
Ovde dolazi sadrzaj vase stranice.
</BODY>
</HTML>

Kliknite ovde da biste videli prikaz HTML dokumenta ili ovde da biste videli primer u Notepad-u.

Dakle ovo je standardni HTML dokument. Svaka veb stranica posedujete najmanje gore navedeno. Ali šta se zapravo dešava? Jednostavno brzo objašnjenje različitih tagova koji se ovde koriste.

<HTML> - Ovo označuje početak HTML dokumenta. Ako imate HTML datoteku, uvek ćete početi sa <HTML>.

<HEAD> - Koristi se  za komunikaciju važnih informacija o stranici. Ova informacija je (skoro uvek) nevidljiva posetiocu stranice. Vi ćete često ovde naći naslov stranice i meta oznake (više o ovome kasnije).

<TITLE> - Otvara naslov vaše stranice. Nakon što upišete početnu oznaku unesite željeni naslov za vašu stranicu. Ovo će prikazati naslov u gornjem levom uglu ekrana pregledaču posetioca. Zatim zatvorite oznaku sa </ TITLE>.

Pogledajte primer dokument iznad. Možete videti da se  između <TITLE> i < / TITLE> oznaka  prikazuje sledeće : " Ovde mozete da popunite naslov stranice. ".

</HEAD> - Ovo je kraj oznake HEAD.

Imajte na umu da se praktično svi elementi u HTML-u sastoje od oznaka otvaranja i zatvaranja.
Oznaka za zatvaranje izgleda isto kao i oznaka za otvaranje, ali ima samo jednu / ispred.

Ne zaboravite da početne i završne oznake uključite u dokumentu, u suprotnom ovo (uglavnom) ima ozbiljne posledice po rezultat na ekranu.

<BODY> i </BODY> - Ove oznake su ubedljivo najvažnije oznake u bilo kojem HTML dokumentu. Sadržaj na vašoj stranici će stajati između ovih oznaka. Zato se zove "body" ili "telo". 

Oznaka <BODY> je između  <HTML> i </ HTML> oznaka,  posle </ head> oznake.
Takođe ćete naći u <BODY> element sadržj važnih informacija, na primer boja pozadine i teksta.

Šest ključnih atributa u BODY tagu su:
background -omogućava vam da postavite sliku kao pozadinu na vašoj stranici.
bgcolor -omogućava vam da definišete boju pozadine vašoj stranici.
text - pomoću ove funkcije možete da koristite podrazumevanu boju teksta na stranici.
link -omogućava vam da definišete boju linkova na vašoj stranici. 
alink -određuje boju aktivnih linkova, veza je aktivna kada kliknete na nju.
vlink - ukazuje boju kliknute veze, ako se posetilac vrati na vašoj stranici, onda je posećeni link  u ovoj boji.

Jednostavno primer "BODY " oznake sa mogućim atributima i vrednostima:
<BODY bgcolor="yellow" text="red" link="pink" alink="purple" vlink="brown">
 
Dobićete stranicu sa žutom pozadinom, crvenog teksta, roze linkovima, purpurna aktivni linkovi i posećeni linkovi braon.

Naravno da netreba da koristite ove atribute. Ako ih nekoristite, onda pregledač koristi podrazumevane vrednosti. Obično to znači bela pozadina, plavi linkovi, itd.


</HTML> - Ovo označava kraj HTML dokumenta. Ovo je poslednja oznaka koja se  koristiti prilikom pravljenja stranice.