Izrada web stranica

[M@jk!]

U ovoj temi mozete procitati o:

• Što je potrebno znati pre nego što po?nete
• Provera teksta na internetskim stranicama
• Kako da probate na svom kompjuteru
• Joomla
• Drupal
• Izaberite ime za svoju domenu
• Kako izabrati hosting za web stranicu

Pa da pocnemo.
Šta je potrebno znati pre nego što po?nete

Mnogi misle da je za izradu web stranice potrebno znanje HTML-a, php-a ili nekog drugog programskog jezika. To je bilo tako do prije nekoliko godina. Sada postoje gotove aplikacije , CMS - content managment system, ili sistem za upravljanje sadržajem, koje može koristiti svatko tko zna koristiti word ili nekakv drugi sli?an program. Postoji nekoliko veoma popularnih besplatnih CMS aplikacija, na primjer Joomla ili Drupal. Tako?er, postoje blog aplikacije, npr. WordPress koje vam omogu?uja da vodite svoj internet dnevnik, ali za to Vam nije potrebno da napravite svoj sajt, dovoljno je da se registrirate na nekom od popilarnih blog servisa.

Ovdje je kratka lista o tome što vam je potrebno da biste po?eli sa izradom svoje internet stranice:

1. Tema stranice - razmislite o ?emu ?e biti rije? na Vašoj web stranici
2. Host - server na kojem ?e se nalaziti Vaša web stranica
3. Web domain - web adresa Vaše stranice
4. CMS Aplikacija (ili Web builder)
5. Template za aplikaciju - odre?uje izgled Vaše web stranice
6. Sadržaj - pripremite tekstove koje ?ete publikovati
7. Malo dobre volje i strpljenja na po?etku

[M@jk!]

Provera teksta na internet stranicama

Dakle kada pišete ?lanke i tekstove za vaše stranica, a naravno i ina?e bilo što u browseru / pregledniku, jaaako je poželjno da pregledate tekst i ispravite nepravilno pisane rije?i. To se zove provjera teksta, provjera sricanja rije?i.

Time, ne samo da je tekst razumljiviji, ?itkiji i prihvatljiviji (ne?u re?i kulturniji), nego i tražilice (search engine) ga mogu bolje indeksirati i odrediti kojim jezikom je tekst, stranica pisana. (zašto je to važno, o tome sigurne piše tu negdje na www.kako-lako.com)

Prvi korak
Otvorite Firefox. Naravno da koristite Firefox kao preglednik. Ako ne, po?nite.

Drugi korak (Opis je za Firefox 2.0.0.6)
Kliknite gore na Extras + Add-ons, to otvori Add-ons (dodatke) dijalog.

Kliknete na link dolje desno njem. Erweiterungen herunterladen. Engleski bi bilo npr. Add-On download.

Tako do?ete na stranicu dodataka https://addons.mozilla.org/de/firefox/

Negdje lijevo u sredini pronadjete njem. Wörterbücher ili Dictionarys. te u listi prona?ete željeni jezik  (ma ima i ?irilica naravno)

Lista je "inteligentno" sortirana po izvornom nazivu jezika.
tj. pod "h" u drugom stupcu. Naravno da sam triput morao gledati dok sam našao...

kliknete na "Installieren", i pojavi se mali dijalog o Software-Installieren. Dalje naravno opet Installieren.

Kada je finito, trebate restartati Firefox kako bi instalacija završila.

Test
Dakle otvorite neku stranicu gdje želite upisati poruku ili komentar. Pišete, a kao u normalnom svijetu, Firefox vam podcrtava nepravilne rije?i.

Naravno, kao i svaki program, niti ovaj nije idealan, ali ?e pomo?i da Vam tekstovi budu kvalitetniji.

pozdrav i dobro pisanje.
Drazen

P.S. naravno da ako želite biti cool, pisati kao što svi cooleri pišu, morati ?ete dodati Vaše izraze i konstrukcije u rje?nik.

[M@jk!]

Kako da probate na svom kompjuteru

Ako želite da probate kako da napravite web stranicu na svom kompjuteru, to možete napraviti vrlo jednostavno.
Potrebno je da skinete nekoliko besplatnih programa sa interneta i da ih instalirate. Zapravo, instalacija nije ni potrebna, dovoljno je da raspakirate zip fajl, i već je sve spremno.
Da biste mogli instalirati Joomla-u ili Drupal (ili neku drugu CMS aplikaciju) trebaće vam Apache Web Server, MySQL baza podataka i PHP programski jezik. Ako kojim slučajem imate Linux na vašem kompjuteru, vjerovatno je da je to već unaprijed instalirano. Ukoliko želite da te aplikacije instalirate posebno na vašu windows mašinu, to može biti dosta zahtjevno. Na sreću postoji jedan paket u kojem su sve pomenute aplikacije, i koji možete instalirati u roku od nekoliko minuta. To je xammp.
Ovaj paket možete skinuti s ove adrese: http://www.apachefriends.org/en/xampp.html
Kliknite na "XAMPP for Windows" i tamo downloadujte XAMMP paket (za to će vam trebati brza internet veza, jer je paket oko 85 MB).
Postoji više načina instalacije, ali moja omiljena je da samo raspakujem zip fajl u direktorij koji želim.
Najjednostavnije je da to bude c:\xammp ili d:\xammp. U tom slučaju ne morate da pokrenete setup program. Ako zip arhivu raspakujete u neki drugi direktorij, potrebno je da pokrenete setup program (setup_xammp.bat) koji se nalazi u direktoriju gdje ste raspakovali arhivu. Setup program će samo podesiti nekoliko parametera i završiti će u roku od 1 ili 2 sekunde.
Nakon toga odete u direktorij i pokrenete xammp-control.exe. Umjesto tog programa možete pokrenuti xammp_start ili posebno mysql_start + apache_start.
xammp-control je kontrol centar za xammp aplikacije. Iz njega možete pokrenuti Apache Web server i MySQL bazu podataka.
Nakon što pokrenute ta dva programa, kliknite na admin dugme pokraj Apache modula. To će vam otvoriti xammp stranicu u vašem browseru. Ta web stranica već dolazi sa vašeg kompjutera! Tu stranicu možete otvoriti direktno tako da u browseru napišete http://localhost/xampp/ (zapamtite da prije toga trebate pokrenuti xammp, odnosno apache i MySQL).
Da biste instalirali Joomla-u ili Drupal potrebno je da napravite bazu podataka. To je vrlo jednostavno. Na xammp stranici kliknite na phpMyAdmin (na lijevoj strani, u Tools meniju). Kada vam se otvori ta stranica (http://localhost/phpmyadmin), sve što trebate je da upišete ime nove baze podataka u polje ispod "Create New Database" natpisa i stisnete "Create" dugme pored toga. Ime može biti npr. joomla, ako instalirate joomla CMS aplikaciju, ali i bilo što drugo (mojabaza ili drupal ili ...).
Slijedeći korak je instalacija CMS aplikacije. Ovdje ću opisati kako da instalirate Joomla CMS aplikaciju, ali instalacija Drupala je vrlo slična (instalacija je čak i nešto jednostavnija, ali je kasnije podešavanje malo komplikovanije).
Prvo treba da skinete instalacioni paket. To možete učiniti sa http://www.joomla.org. Na lijevoj strani stranice ćete naći "Download latest" link. Ja vam preporučujem da skinete posljednju verziju 1.0.x serije (momentalno to je 1.0.13), zat što za tu verziju ima puno više template i modula. Verzija 1.5 još nije zvanično predstavljena, a i proći će još neko vrijeme prije nego što budete imali na raspolaganje sve što sada ima za verziju 1.0.
Za one koji nemaju iskustva sa različitim formatom arhiva, najlakše je da skinu zip (Joomla_1.0.13-Stable-Full_Package.zip). Nakon što skinete arhivu napravite novi direktorij u c:\xamp\htdocs (ako ste xammp instalirali u c:\xammp) pod imenom joomla. Raspakujte fajl koji ste skinuli u taj novi direktorij. (Joomlu prevedenu na hrvatski možete skinuti ovdje: )
Slijedeći korak je instalacija Joomle. Jednostavno u vašem browseru napišite: http://localhost/joomla
Na prvoj stranici instalacijski program provjerava da li je server na koji instalirate Joomlu podešen kako treba. Kod vas će sada sve biti u redu (ako instalirate na server kod nekog hosting provajdera, lako se može desiti da nešto dodatno treba podesiti).
Stisnite "Next". Druga stranica je licenca pod kojom je izdata aplikacija (GPL).
Stisnite "Next". Na trećoj stranici (Step 1)trebate upisati podatke o vašoj bazi podataka.
Host: localhost
MySQL user name: root
MySQL password: (ostavite prazno)
MySQL Database name: joomla (ili ime koje ste dali kada ste kreirali bazu podataka)
MySQL Table prefix: (ostavite kako je, jos_).
Ostale parametre (Drop existing tables, ...)također možete ostaviti na već postavljenim vrijednostima.
Kliknite na "Next", i zatim OK. Na slijedećoj stranici (Step 2)trebate upisati ime vaše web stranice, npr. "Moja web stranica" (to možete kasnije promijeniti).
Stisnite "Next". Na ovoj stranici (Step 3)možete ostaviti sve kako je osim admin password. Tu trebate upisati lozinku koju ćete koristiti prilikom administracije vaše web stranice. Pošto ova web stranica neće biti na internetu, nego samo na vašem kompjuteru, možete izabrati nešto jednostavno i lako zapamtljivo. U email adresu upišite bilo koju email adresu.
Stisnite "Next". Instalacija je skoro gotova. Još je samo potrebno izbrisati direktorij (ovo ne možete i ne smijete preskočiti) gdje su smješteni fajlovi potrebni za instalaciju Joomla-e. To je u našem slučaju c:\xamp\joomla\installation.
Instalacija je gotova. Možete početi dodavati sadržaj na vašu web stranicu. Upišite http://localhost/joomla i vidjet ćete početnu Joomla stranicu.
O tome kako treba konfigurirati Joomla-u i kako dodati vaš sadržaj bit će riječi u slijedećem postu.

[M@jk!]

Joomla

Joomla je izuzetno popularna CMS aplikacija sa ogromnim izborom dodatnih modula, kako besplatnih, tako i komercijalnih. Do sada, kad god sam tražio bilo kakvo rješenje za web stranice, našao sam odgovaraju?i Joomla modul.Tako postoje moduli za forume, web šopove, vremensku prognozu, moduli za ankete, za mape, za integraciju drugih web aplikacija, npr. foto galerija, i još puno, puno toga.

Instalacije Joomla-e je jako jednostavna, ako su zadovoljeni neki preduvjeti. Ako želite da koristite Joomla-u, prije nego što izaberete hosting provajdera, raspitajte se da li je mogu?e kod njega instalirati Joomla-u, i da li može pokazati ve? neku web prezentaciju koja radi sa Joomla-om. Kod velike ve?ine hosting provajdera ne?e biti problema, a neki se i reklamiraju kao "Joomla friendly".

Ako želite instalirati Joomla-u na svom kompjuteru, uputstvo o tome možete na?i ovdje

Ako koristite Joomla-u ne?ete se morati puno brinuti ni o diazjnu vaše web stranice: postoje tisu?e gotovih Joomla template-ova (dizajnerskih šablona), i vrlo vjerovatno ?ete na?i neki koji odgovara vašem ukusu i vašim potrebama. Svrha template-a je da odvojite izgled od sadržaja vaše stranice.
Instalacija template-a je vrlo jednostavna, i oni se mogu izmjeniti za nekoliko sekundi. Pri tome sadržaj vaše stranice ostaje sa?uvan, samo se izgled promijeni. Mnogi template-i se pla?aju (cijena je obi?no izme?u 30 i 50 USD), ali postoje i stotine besplatnih. Na ovoj stranici možete na?i preko 1400 besplatnih template za Joomla-u: Joomla24.com.

Nakon što instalirate Joomla-u i template koji ste odabrali, treba da smislite organizaciju vaše stranice. U Joomli postoje sekcije (section) i kategorije (category) u koje možete organizirati tekstove na vašoj stranici. To u praksi izgleda otprilike ovako: npr. pravite stranicu o motornim vozilima. Prvo napravite sekcije npr. "Automobili", "motorcikli", "kamioni", "servisi", "saloni", itd.. Zatim unutar svake sekcije trebate napraviti jednu ili više kategorija. Npr. u sekciji "automobili" napravite kategorije "mali automobili", "srednja klasa", "luksuzni automobili", "terenci", itd. I zatim možete po?eti pisati tekstove. Tako ako napišete tekst o Fiat Puntu, njega ?ete staviti u sekciju "automobili", kategorija "mali automobili".
Ako kasnije želite da promijenite organizaciju tekstova, ne?ete imati problema, jer tekstove jednostavno možete prebaciti u drugu sekciju ili kategoriju.

Joomla sadržava WYSIWYG editor za pisanje tekstova, što zna?i da ?e pisanje tekstova biti sli?no pisanju tekstova u Wordu. Svaki tekst je podijeljen u dva dijela. Prvi dio je obavezan i sadrži ili ?itav tekst ili kratki uvod u tekst koji je napisan u drugom dijelu. To je zato dobro jer možete na veoma pregledan na?in prikazati više tekstova na jednoj stranici. Posjetitelj vidi listu tekstova sa kratkim uvodom, i kada klikne na naslov otvori mu se kompletan tekst.

Nakon što napišete nekoliko tekstova trebate definirati menije. Struktura menija može odgovarati strukturi skcija i kategorija, ali ne mora. Meniji u joomli su jako fleksibilni, tako da možete definirati da se prilikom klika na meni otvori jedan tekst, lista tekstova u kategoriji, lista tekstova u sekciji, možete ?ak prikazat sadržaj neke druge internet stranice unutar vaše stranice i još puno, puno toga. Detaljan opis svih mogu?nosti joomle možete na?i na http://www.joomla.org

[M@jk!]

Drupal

Drupal je jedna od najpopularnijih besplatnih CMS aplikacija koju mozete na?i. To što je besplatna ne zna?i da ima manje mogu?nosti od komercijalnih aplikacija.

Drupal je izuzetno lako instalirati. Preduvjet za instalaciju je MySQL baza podataka i instaliran PHP programski jezik. Dovoljno je raspakirati arhivu koju ste skinuli sa www.drupal.org u direktorij na koji je postavljano ime vaše domene. Nakon toga otkucate u browseru ime domene i upišete podatke o bazi podataka i instalacija je gotova.

Ako želite da napravite interaktivnu web stranicu, na kojoj ?e i posjetitelji mo?i ostaviti svoje komentare, ili ?ak pisati svoje blogove ili tekstove, onda je Drupal idealan za vas. Za svakog korisnika je mogu?e podesiti što smije i može raditi ili gledati na stranici.

Za drupal tako?er postoji veliki broj besplatni grafi?kih template-a. tako da se ne?ete morati puno brinuti oko izgleda vaše stranice. Dovoljno je da odaberete template koji vam se svi?a i nakon toga se možete posvetiti sadržaju vaše stranice, što je mnogo važnije.

[M@jk!]

Izaberite ime za vas domen

Prvi korak u izradi Vaše web stranice je izbor imena domena. Domen se sastoji od dva ili više dijelova razdvojenih ta?kom, npr. www.moj-domen.com . Drugi dio domene je oznaka grupe(top level domain) kojoj domena pripada. Najpopularnije grupe su .com (commercial), .info, .net, .org (organization), .gov (goverment), .edu (education). Postoje takodjer grupe koje oznacavaju regionalnu pripadnost domene, najcesce sa oznakom drzave. Tako .hr domene ozna?avaju web stranice iz Hrvatske, .yu domena ozna?ava Jugoslaviju (sada Srbiju, ne znam da li Srbija ima novu domenu), .ba je Bosna i Hercegovina i tako dalje.
Na internetu sada ve? postoje milijuni web stranica, i vrlo vjerovatno da je ime koje biste željeli da rezervirate za svoju domenu ve? zauzeto. Ako želite da ime domene bude na engleskom i da završava na .com, vrlo ?ete teško prona?i slobodno ime. Na sre?u, možete kombinirati dvije ili više rije?i, i tada je ve? puno lakše.

Pravila o imenima domena:

    * Ime domene sastoji se samo od znakova iz skupa koji ?ine: 26 slova engleske abecede (pri ?emu se ne razlikuju velika i mala slova), znamenke "0"-"9" i znak "-";
    * sastoji se od najmanje 2, a najviše 65 znakova;
    * prvi i zadnji znak u nizu ne može biti "-".

Registracija domene se može izvršiti kod ovlaš?enog registratora.

Mnogo je jednostavnije registrirati .com, .net, .info, .org ili .biz domenu. Za registraciju tih domena sve što Vam je potrebno je kreditna kartica i ?itav posao možete završiti za nekoliko minuta. Cijena domena nije velika, kre?e se izme?u 8 - 20 dolara za godinu dana. Naj?eš?e je oko 10 dolara. Mnogi hosting provajderi daju besplatnu registraciju domene ako platite za hosting.

[M@jk!]

Kako izabrati hosting za web stranicu

Hosting je usluga koja se odnosi na prostor za Vašu web stranicu. To zna?i da Vam hosting provajder iznajmljuje mjesto na svom serveru (ili ako ste zahtjevniji korisnik ?itav server) na kojem možete smjestiti svoju web stranicu. ?esto je uz mjesto (koliko megabajta na disku) naveden i dozvoljeni mjese?ni promet
.
Postoji ogromna ponuda na tržištu i nije lako izabrati pravo rješenje. Najjeftinije rješenje nije uvijek i najbolje, i ako za po?etak nije neophodno ulagati puno novaca.

Ovde je kratki pregled stvari na koje trebate paziti kod odabira hostinga.

1. Kod odabira hostinga treba imati u vidu kakav tip web stranice želite. Da li zelite samo stati?ke HTML web stranice, ili pak želite CMS aplikaciju. Prvo rjesenje je dobro ako ?ete u nekom HTML editoru (FronPage ili sli?no) napraviti nekoliko stranica, i njih ne želite ?esto mijenjati i ne želite ?esto dodavati nove stranice.
Ako to nije slu?aj, onda bih svakako savjetovao da izaberete jednu od besplatnih CMS aplikacija. Hosting koji podržava takve aplikacije je nešto skuplji, ali Vaša internet prezentacija ?e biti puno lakša za održavanje, nove sadržaje ?ete mo?i dodati u roku od nekoliko minuta, i sve to iz vašeg browsera. To svakako vrijedi tih 3-4 dolara mjese?no.
Mnogi web hosting provajderi daju uz host i takozvane web builder aplikacije. S tim aplikacijama možete dosta brzo napraviti jednostavnu web stranicu, koja uz to i dobro izgleda. Mana im je što nisu dovoljno fleksibilni, i ako kasnije želite proširiti svoju stranicu s novim sadržajima, npr. web šoping aplikacijom, newsletter-om i slicno, to ?esto nije mogu?e. Tako?er, mnogi provajderi hosting sa web builderom napla?uju skuplje nego hosting sa CMS aplikacijom.

2. Druga stvar na koju treba paziti je koliko mjesta dobijate na serveru. Ako ce Vasa prezentaija sadrzavati samo tekst, to onda i nije problem, svaki hosting ce Vam biti odgovarajui. Ali ako zelite staviti slike, ili video trebate izraunati koliko ce Vam mjesta trebati. Ni u kom slucaju ne treba stavljati fotografije koje ste napravil digitalnim fotoaparatom direktno na server, jer su one prevelike i necete dobiti nista na kvalitetu prikaza tih slika na monitoru. Jedna fotografija od 5 megapixela je veca od 2 MB. Ako takvu sliku stavite na svoju web stranicu, vrijeme ucitavanja stranice ce biti veoma dugacko, a slika se i onako nece moci prikazati u originalnoj razlucivosti. Zato je slike potrebno smanjiti na max 1024x768 pixela. Mnoge CMS aplikacije podrzavaju dva formata slika, jednu manju sliku koja ce biti prikazana u tekstu i jednu vecu koja ce biti prikazana u novom prozoru kad se klikne na manju sliku.

3. Treca stvar je dozvoljeni promet na serveru. Ako Vasa internet prezentacija ima puno slika i videa, i pored toga je jos i dobro posijecena, moze se desiti da predjete dozvoljeni mjesecni promet. Ako Vasa web prezentacija ima 30 strana i na svakoj strani 2-3 manje slike, i uz to nema vise od 20-30 posjetitalja dnevno, vjerovatno e Vam biti dovoljan mjesecni promet od 500 MB. Ali ukoliko imate video ili velike slike, i imate nekoliko stotina ili tisuca posjetitelja dnevno, mjesecni promete biti puno, puno veci. Ali ukoliko imate puno posjetitelja, to ce Vam sigurno donijeti direktnu ili indirektnu zaradu od web stranice, tako da se onda o cijeni hostinga ne morate brinuti.