ponedjeljak, 26. listopada 2009.

Izrada web stranice - Što i kako?

Izrada web stranicaZanima Vas što je sve točno potrebno da se krene u izradu jedne solidne internet stranice? Da li baš zaista svatko može izraditi web stranicu kako često znamo čuti od nekih ljudi? Odgovori nisu tako jednostavni, ali recimo da svatko može izraditi stranicu, ali ne može baš svatko izraditi svaku web stranicu. Neke stranicu su kompliciranije od drugih i potrebno je malo više znanja da ih se dovede u funkcionalno stanje. Mi ćemo danas prezentirati neke od najosnovnijih pojmova vezanih uz izradu web stranice.

1. HTML

HTML znači "Hyper Text Markup Language" i radi se o "jeziku" kojim je napisana svaka web stranica. HTML se sastoji od raznih tagova kojima se definira funkcija određenog elementa na stranici, a unutar njega mogu se uključiti i jezici poput JavaScript-a, te koristiti CSS kako bi se odredila prezentacija teksta i ostalih materijala.
HTML elementi sastoje se od atributa, koji određuje njihovu funkciju i vrijednost, te sadržaja, koji se prezentira:
Sadržaj
Svaki element mora biti propisno otvoren i zatvoren kao što je navedeno u primjeru iznad.
Elementi se dijele na strukturalne, koji određuju svrhu nekog teksta (naslov, podnaslov, tj. "h1" ili "h2", te slično), prezentacijske, koji određuju izgled nekog teksta (bold, italic, tj. "b" ili "i" i ostali), te Hypertext elemente, koji se koriste za povezivanje s ostalim dokumentima, bilo unutar ili van stranice (čuveni "a href" tag).
Za detaljnije informacije o HTML-u preporučljivo je istražiti materijale ponuđene na brojnim tutorijalima na webu, ili možda kontaktirati profesionalce.

2. CSS

CSS je kratica od "Cascading Style Sheets" i radi se o prezentacijskom jeziku koji se najčešće koristi kako bi se prezentirao izgled stranice napisane u HTML-u.
Radi se ustvari o načinu da se omogući odvajanje sadržaja određenog dokumenta od njegove prezentacije, tj. stvaranje formata, boja, stilova teksta i fontova koji se mogu koristiti na više različitih dijelova stranice bez da ih se u svakom nanovo određuje - to se postiže stvaranjem posebnog "CSS style sheet" dokumenta u kojem se definiraju "stilovi" vezani uz pojedine elemente, ali i prioritet pojedinog pravila ukoliko ga se može povezati sa više različitih elemenata.
Da ne kompliciramo previše, unutar CSS dokumenta možete unaprijed odrediti točno kako će izgledati svaki pojedini element HTML koda, od naslova do najmanjeg slova, te zatim taj izgled koristiti prilikom "slaganja" stranice.
Pošto je CSS manje-više direktno povezan s HTML-om, potrebno je prvo dobro savladati taj jezik.

3. Web programiranje

Za web programiranje najčešće se koriste ili PHP ili ASP. Programiranje web stranica je, za razliku od HTML-a i CSS-a, malo kompliciranije i nemoguće ga je objasniti u ovako malo prostora. Da ne kompliciramo previše, radi se opciji povezivanja podataka koji se nalaze na serveru s HTML kodom stranice. Dakle, unutar koda se nalazi određena naredba, recimo PHP skripte, koja od servera traži da izvuče određeni podatak iz neke baze podataka ili slično, te da se taj podatak prezentira unutar HTML koda, a samim time i na stranici. Ukoliko se želi izraditi bilo kakva kompliciranija web stranica, npr. za nekakvu turističku agenciju ili za agenciju za nekretnine sa velikom bazom podataka, tada je znanje iz web programiranja obavezno.

4. Korištenje raznih programa

Ne bih htio sada zasebno obilaziti svaki program koji se može koristiti prilikom razvoja jedne internet stranice, pa ću samo ukratko navesti neke.
Adobe Dreamweaver koristi se za stvaranje i obradu HTML, CSS, PHP, ASP i ostalih dokumenata, te je, po mojem mišljenu, ključan alat pri stvaranju jedne stranice. Ukoliko Vam se ovaj software učini prekompliciranim, a nije Vam potrebna previše zahtjevna internet stranica, tada se za izradu i obradu HTML dokumenta može koristiti i Microsoft FrontPage.
Photoshop je još jedan program od Adobe-a i koristi ga se prilikom obrade slika kada dizajniramo izgled stranice. Radi se o iznimno kvalitetnom alatu kojim možemo raditi čuda kada obrađujemo vizualne elemente stranice. Ono što je najbolje u svemu jest činjenica da je ovaj software toliko popularan da je web prepun raznih tutorijala i zaista ga svatko može naučiti koristiti.
Wordpress, Joomla, Drupal... Živjeli besplatni CMS sustavi! Ako je nešto zaista jednostavno onda je to naučiti se koristiti ovim programima. Ukoliko Vam sve što ste pročitali do sada u ovom članku zadaje glavobolju, a nemate dovoljno novaca da platite profesionalni web studio da Vam izradi internet stranicu, tada je jedan od ovih programa pravo rješenje za Vas. Ja osobno preporučam da jednostavno "pokupite" Wordpress i već danas pokrenete blog. Kasnije možete krenuti na kompliciranije stvari.

Svijesni smo da ovaj tekst nije ponudio ništa novo ljudima koji su već upoćeni u vještine potrebne za web dizajn ili programiranje, ali to nije niti bila njegova svrha. Naša namjera bila je uputiti one potpuno neiskusne u pravome smijeru i stvoriti podlogu za daljnje istraživanje i obrazovanje. Ukoliko Vas i nakon čitanja ovog članka zanima izrada web stranica, tada bez imalo ustručavanja započnite s učenjem naprednijih vještina i krenite na put da postanete pravi stručnjak na ovome polju.

http://www.igorweb.net/article/izradawebstranice.html