Postoji puno načina kako da napravite web stranicu. Mnogi koriste različite programske alate za izradu web stranica, no najvažnija stvar koju biste trebali naučiti prije nabavke bilo kojeg programa za izradu web stranica je da si najprije nabavite neku knjigu o html kodu.
Izrada web stranica sa gotovim alatima
Izrada web stranica je u biti vrlo jednostavna, postoje mnogi gotovi CMS-sistemi (content management system) ili pojednostavnjeno “šablone” gdje je potrebno samo upisati svoj tekst i web stranica je gotova. Ovakav način izrade web stranica je brz ali nikada nećete ovladati potpunim znanjem o kreiranju web stranica ako ne počnete iz početka, a to je učenje html koda.
Što je to html kod
Html kod je vrsta programskog jezika koji služi za prikaz i kreiranje web stranica. Kratica dolazi od naziva HyperText Markup Language. Html kod je jedan od najjednostavnijih kodova za učenje za razliku od pravog programiranja jer vizualno možete primjetiti greške koje ste načinili i odmah ih jednostavno ispraviti. Html kod je osnova koju bi trebali znati svi oni koji žele jednoga dana raditi vlastite web stranice. Iako danas postoje mnogi cms sistemi ili pojednostavljeno “šablone” u koje upisujete vaš tekst vaše web stranice nikada neće biti popularne dok ne ovladate potpunim znanjem html koda.
Što mi treba za početak
Za početak najvažnije je nabaviti knjigu za učenje html koda. Ukoliko radite na linux sistemu poput ubuntu distribucije na njoj ćete pronaći fenomenalan text editor koji se zove gedit. Na windowsima imate Notepad, koji je jako loš program, no na internetu možete pronaći i Notepad+ koji je daleko superiorniji program za pisanje html kodova te ga možete besplatno skinuti ovdje!
Da li ja mogu to savladati?
Kao što smo napomenuli html kod je zasigurno najjednostavniji način programiranja. Kodovi se obično sastoje od dva djela i vrlo ih je lako naučiti. Budući da ćete se s tim kodovima susretati cijelo vrijeme bolje je da ih savladate. Mnogi danas rade web stranice a da nemaju ni elementarnog znanja html kodova. Njihove web stranice su obično vrlo atraktivne na prvi pogled jer se služe programima i raznim gotovim cms šablonama, ali u svojoj srži su često nedovoljno dobro optimizirane za web tražilice pri čemu ne privlače mnogo posjetitelja.
Gotovi cms sistemi “šablone za web stranice”
Gotovi CMS sistemi ili šablone za brzu izradu web stranica poput wordpress ili yoomla sistema su odlična stvar jer se ne morate puno zamarati sa pisanjem kodova. Potrebno je samo upisati vrijednosti u određena polja te nadodati tekst i slike. Iako mnogi ljudi koriste ove sisteme bez ikakvog znanja o html kodovima, gotovo je sigurno da nikada neće dostići sam vrh na pretraživačkim stranicama tipa google ili yahoo. Danas većina nas koji se bavimo izradom web stranica većinom koristimo gotove cms sisteme, no unutar njih ugrađujemo vlastite kodove kako bismo ih nadogradili i prilagodili vlastitim potrebama.
Najbolji način da se nauči raditi web stranice
Najbolji način da naučite raditi web stranice jest da najprije u potpunosti naučite html kod te kreirate vlastite vježbe, pokusne web stranice i slično. Bitno je da učite polako i eksperimentirate. Mnogi koji pre naglo krenu u ovaj posao često se znaju u budućnosti vraćati natrag i ponavljati gradivo. Ukoliko krenete pre brzo, mnoge stvari ćete “izgubiti po putu”. Krivi start je najgori, mnogi su izradili na desetke web stranica prepunih tekstova koje su se na internetu ponašale potpuno krivo te su kasnije morali mjenjati u potpunosti koncept i dizajn.
Poželjno je znanje engleskog jezika
Ukoliko dobro poznajete engleski jezik imate vrlo veliku prednost da naučite osnove html kodova. Mnoge kratice u html kodu potječu iz engleskog jezika. Tako se recimo kod pod nazivom <ul> naziva unordered list, a <li> list item. Ovi kodovi se obično koriste kada se pišu liste nečega, artikala, filmova, predmeta i slično. Kada jednom vidite takve kodove već vas sami po sebi podsjećaju na engleske riječi i vrlo brzo ćete se snaći.
Praktičan primjer kako napraviti web stranicu
Slijedi jedan primjer kako izgleda web stranica u html kodu. Otvorite Notepad kojeg možete pronaći već instaliranog unutar vaše windows instalacije, Notepad je inače text editor u kojeg ćete kopirati kodove u zelenom okviru ispod metodom COPY / PASTE. Sada možete snimiti snimiti file ali snimite ga sa ekstenzijom .htm primjer mojawebstranica.htm Sad kad ste snimili web stranicu otvorite je sa svojim omiljenim web browserom poput internet explorera ili firefoxa. Inače ova web stranica koju ste napravili nije ništa osobito, no zapravo ovo je najjednostavniji primjer od kojeg sve polazi.
<head>
<title>Moja prva web stranica</title>
</head>
<body>
<h1>Ovo je moja prva web stranica</h1>
<p>Nadam se da sam uspio kreirati naslov i tekst</p>
<hr>
<p>Ovo je popis stvari koje volim raditi:</p>
<ul>
<li>raditi tekstove na uputstva.org</li>
<li>govoriti sa prijateljima na facebooku</li>
<li>biti u prirodi</li>
<li>voziti bicikl</li>
</ul>
<a href=”http://uputstva.org”title=”Povratak na uputstva.org”>Ovo je link prema uputstva.org</a>
<p>Ovo su osnove izrade web stranica.</p>
</body>
</html>
Neka vas ne obeshrabruje ovaj prikaz vrlo jednostavog oblika web stranice koju ste upravo napisali, ovo je bio samo jedan od najosnovnijih primjera. Ovo je najosnovniji početak izrade web stranica, u toku vašeg učenja html koda naučit ćete kako ovaj jednostavan primjer možete upotpuniti slikama, bojama i još puno toga!
Naučite html kod na internetu
Na internetu ćete pronaći ogroman broj web stranica na kojima možete jako puno saznati o svim tehnikama izrade web stranica. Jedna od vodećih web stranica je svakako w3schools.com na kojima ne samo da možete naučiti gotovo sve komponente html koda, već ih možete i direktno isprobati. Mnogi koji već znaju raditi web stranice redovito posjećuju ovaj websajt kako bi osvježili pamćenje i prisjetili se kodova koje su zaboravili.