Blog: SajtMaster.rs, 15.Okt.2010, 14:40   (ažurirano 02.Apr.2020.)

Izrada sajta.Šta je HTML a šta CMS?

Posle dobro isplaniranog sajta na red je došla najbitnija faza, a to je njegova izrada. Osnova za kreiranje web stranice je poznavanje HTML-a (HyperText Markup Language). Osnove HTML-a možete savladati za svega par dana a kasnije. Sve što je potrebno za početak imate na Vašem računaru a to je tekst editor (Notepad) i Web browser koga već imate. HTML služi za izradu stranice a izgled se definiše pomoću CSS-a. Najpoznatiji sajt za učenje HTML-a je W3school , preko koga izmedju ostalog >> Pročitaj celu vest na sajtu Blogovi << možete da učite i ostale programske jezike.
U današnje vreme izrada sajta je napredovala pa su se samim tim razvili i alati koji prate razvoj i izradu web stranica. Neki od najpoznatijh alata za izradu stranica su dreamweaver koji je namenjen naprednijim korisnicima ,  Front Page, OpenWebware, Cofee Cup za one sa malo manje iskustva i jedan od poznatijih za izradu flash sajtova je  WIX.  Ovi alati se jos nazivaju web site builders. Neki od njih su integrisani u Cpanel Vašeg hosting provajdera a drugi su softver koji se kao i svaki program nalazi na Vašem kompjuteru odakle ćete kreirati offline web strane. Nakon kreiranih stranica sledeći korak je objavljivanje istih na internet. Spisak ovih alatki i njihovo poredjenje pogledajte ovde
Izrada HTML strana HTML se generiše uz pomoć tzv tagova. Svaki tag počinje zagradom '&#60;' i završava sa '&#62;' (bez navodnika). Svaka HTML strana se sastoji od početnog &#60;html&#62; i završnog &#60;/html&#62; taga. Najveći broj tagova ima '/' i  time se završava.Dakle, otvorite Vaš tekst editor i iskopirajte sledeći kod :
&#60;html&#62;
&#60;head&#62;
&#60;title&#62;Naziv web strane&#60;/title&#62;
&#60;/head&#62;
&#60;body&#62;
Tekst koji će se videti na stranici
&#60;/body&#62;
&#60;/html&#62;


zatim sacuvajte iz vašeg editora : File -Save page As i nazovite je index.html. Početna strana ima naziv  index.html a onda se ostale stranice povezuju linkovima na nju.Ovo je samo mali delić onoga što može HTML.

Izrada web strane u Front Page-u
Vrlo je bitno kako nazivate stranice i foldere u kojima se one nalaze jer će posetioci dolaziti na web stranu najviše sa pretraživača. Dalje, trudite se da ne pravite veliki broj foldera a sve stranice bi najbolje da budu što bliže domenu.
Neispravno :
www.primer.com/folder/nesto/bla/kontakt.html
Ispravno:
www.primer.com/kontakt.html
www.primer.com/nekiproizvod/
O nazivima fajlova čitaćete u nekom od narednih postova kada budem pisao o promociji sajta i optimizaciji za pretraživače.
WEB aplikacije Ukoliko ste savladali osnove HTML-a mogli bi da probate i neke od najpopularnijih web aplikacija  kao što su Joomla, WordPress , SMF ili Elxis. U principu za rad sa ovim aplikacijama nije potrebno da znate nijedan programski jezik i još se nazivaju Content Managment Systems (Sistemi za upravljanje sadržajem). Uprošćeno rečeno za instalaciju i rad sa ovim programima potrebno je da imate fajlove i bazu koju dobijate od vašeg hosting provajdera.
Ono što ove CMS-ove čini privlačnim je lako korišćenje  i upravljanje sadržajem (tekst, slika, video) , veliki izbor dodataka za iste i veliki izbor već spremljenih templejta. Svaki od njih ima svoj administracioni deo gde ulazite pomoću svoje šifre i nadimka. U admin panelu dodajete pluginove, kreirate članke i menjate izgled vaše stranice.
Joomla i Elxis joomla logo

Joomla i Elxis namenjeni su pre svega onima koji žele da imaju svoj portal i  na njemu plasiraju vesti iz neke kategorije. Slični a ipak različiti. Joomla ima mnogo više dodataka dok je glavna odlika Elxisa višejezičnost i mogućnost da se kreiraju zasebne stranice. Uglavnom, dok ne isprobate svaki od ovih CMS-ova nećete znati koji vam najviše odgovara. Primer Joomla stranice je i BalkanRock portal koji postoji skoro 3 godine i koji se redovno ažurira i pruža informacije svojim posetiocima. Odličan  tutorijal o Joomla-i skinite ovde
SMF Verovatno ste videli veliki broj foruma gde su odredjene teme poredjane po kategorijama ili podforumima. Jedan od takvih je i niški forum . U principu, proces instalacije je sličan kao i kod svake pomenute aplikacije  - u instalacioni fajl ubacite podatke i povežete fajlove i bazom i već nakon toga u svom administracionom panelu počinjente sa kreiranjem kategorija (podforuma). Dobra strana foruma je to što vaš sadržaj stvaraju drugi korisnici a loša ta što na taj sadržaj ne možete da utičete previše. Forumi spadaju u kategoriju tzv. UGC sajtova .
WordPress Moj omiljeni CMS. Blog koji čitate je na wordpress platformi. Zamišljen je kao softver za blogove medjutim wordpress je vremenom evoluirao u nešto mnogo više pa je sada praktično moguće da od njega napravite i online magazin, web shop ili jednostavno unapredite vaš blog. WordPress je možda i najbolje optimizovan za pretraživače i vrlo je lagan za korišćenje. O instalaciji WP-a smo već pisali . Struktura WP-a je podeljen po kategorijama i tagovima tako da jedan post može biti označen na više načina.
Ovo je najkraći prikaz web aplikacija koje sam odabrao po svom nahodjenu jer su najpopularnije i najlakše za korišćenje. . Spisak ostalih CMS-ova pogledajte na Wikipediji i odaberite onaj koji vama odgovara. Svaka od njih ima svoje prednosti i svoje mane u odnosuna ostale, a ako vremenom postanete malo bolji u korišćenju istih onda na jednom domenu pored vaše prezentacije dodajte i blog ili forum. Naravno pre toga, dobro isplanirajte vaš sajt i znajte šta želite. Najčešća greška koju prave početnici je da ne znaju šta žele ili odaberu kategoriju koja je previše 'široka' a nisu dovoljno upoznati sa materijom. Zato , krenite polako, korak po korak.
Share this on Facebook Blog this on Blogger Email this via Gmail Tweet This!

Nastavak na SajtMaster.rs...