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 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 „<“ i završava sa „>“ (bez navodnika). Svaka HTML strana se sastoji od početnog <html> i završnog </html> taga. Najveći broj tagova ima „/“ i  time se završava.Dakle, otvorite Vaš tekst editor i iskopirajte sledeći kod :

<html>
<head>
<title>Naziv web strane</title>
</head>
<body>
Tekst koji će se videti na stranici
</body>
</html>


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
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 Wordpressmagazin, 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.