KAKO NAPRAVITI WEB STRANICU

Korak po Korak

IZRADA WEB STRANICE

U ovom tutorijalu ćete naučiti kako napraviti web stranicu.

Tutorijal je namijenjen svima od apsolutnih početnika do naprednijih korisnika.

I voditi će vas korak po korak dok ne napravite web stranicu kakva vam je potrebna.

Vidjet ćete koliko je izrada web stranica u biti jednostavna.

Da bi stvar bila još i bolja vašoj web stranici ćete naučiti dodavati bilo koju funkciju od kontakt forme, sustava za booking, web shopa do sučelja za rent a car ili šta god vam je već potrebno.

I sve to bez da znate programirati, kodirati ili imate smisla za estetiku.

Web stranicu ćemo napraviti koristeći najkvalitetnije alate današnjice.

Koristiti ćemo istu tehnologiju koju koriste veliki brendovi kao Mercedes, CNN, Snoop-Dogg i ePočetnik : )

ZADOVOLJNI KORISNICI:

Pogledajte što neki od naših ePočetnika koji su uz nas  napravili vlastite web stranice kažu o ovom tutorijalu:

Pula Run

Web stranicu za uličnu utrku PULSKU Xicu napravio sam isključivo pomoću ovog tutorijala. Stranica je taman ono što mi treba i što je najbolje nisam morao plaćati web dizajnere. Preporučujem svakome!

Erik Lukšić

Unikatni Satovi

Stvarno nisam mislio da je tako lako napraviti web stranicu. Uz to ekipa iz ePočetnika je odgovarala na sva moja pitanja i puno su mi pomogli. Hvala ePočetnik!

Tibor Jagica

Web stranicu ćemo napraviti u 3 koraka:

Izrada naše web stranice biti će podjeljena u 3 jednostavna koraka:

  1. Odabrati ćemo platformu na kojoj napraviti web stranicu;
  2. Nabaviti Domenu i Hosting;
  3. Urediti našu web stranicu i dodati joj željene funkcije.

Na kraju, će oni koji žele još više imati priliku dobiti profesionalni alat sa kojim mi radimo sve web stranice za nas i naše klijente i pomoću kojeg ćete web stranicu moći napraviti još lakše i još kvalitetnije.

KORAK 1 – Odabir najbolje platforme

Želite li napraviti kvalitetnu web stranicu prilagođenu mobilnim uređajima bez programiranja ili kodiranja morati ćete izabrati platformu na kojoj ćete je raditi (ili CMS što je kratica za Content Management System odnosno Sustav za Upravljanje Sadržajem).

Zašto vam je portebna platforma?

Desetak godina unazad web stranice su se uglavnom radile koristeći HTML kod, CSS, PHP pa čak i Flash.  

Za svladati te vještine trebalo je puno vremena i truda.  

I web stranicu nije mogao napraviti bilo tko. 

Međutim, u današnje doba, uz razvoj platformi ili Sustava za Upravljanje Sadržajem web stranicu može napraviti svatko. 

Koristeći kvalitetnu platformu kao što je WordPress možete napraviti web stranicu bez ikakvog tehničkog predznanja. 

Sve što vam je potrebno naučiti ćete u ovom tutorijalu : )  

 

ZAŠTO WORDPRESS?

WordPress je najpopularnija platforma za izradu web stranica i pokreće gotovo jednu trećinu svih web stranica dostupnih na Internetu.

Najveća prednost WordPressa (osim što je besplatan) je ta što je vrlo jednostavan za korištenje i čak i potpuni početnici mogu bez imalo muke napraviti profesionalnu web stranicu.

Također, za razliku od stranica napravljenih pomoću HTML-a ili koristeći online graditelje web stranica, stranicama napravljenim u WordPressu možete u samo nekoliko klikova dodati bilo koju željenu funkciju. A gotovo svakoj web stranici treba nekakva funkcija poput kontakt forme, web shopa ili slično.

KORAK 2 – Registracija Domene i Hostinga

Da bi mogli napraviti našu WordPress web stranicu stranicu (ili bilo koju drugu vrstu web stranica) trebat će nam dvije stvari:

  1. Domena (adresa naše web stranice kao npr. nasawebstranica.com) i
  2. Hosting (uslugu koja povezuje našu web stranicu sa Internetom);

WordPress platforma je sama po sebi besplatna, ali domena i hosting će vas koštati oko 30 Kn mjesečno.
To je manje od jedne pizze mjesečno tako da vas neće upropastiti, a može vam jako puno pomoći u online poslovanju.

Imati vlastitu domenu izgleda puno ozbiljnije i profesionalnije nego imati nekakvu besplatnu domenu kao npr. nasadomena.besplatne-domene.com.

Osim toga, uz profesionalni hosting će se vaša stranica učitavati puno brže i neće “padati” odnosno biti nedostupna satima.

 

KAKO NABAVITI DOMENU I HOSTING?

 

Najbitnija odluka koju morate donijeti prije izrade web stranice je odabir hostinga.

Hosting je temelj vaše web stranice i o njemu će ovisiti brzina, sigurnost i performanse vaše web stranice.

Postoji jako puno hoting kompanija a zanima li vas koji hosting mi koristimo, odgovor je Interserver hosting.

Interserver hosting je među najbržim i najkvalitetnijim hostinzima sa kojima smo se ikada susreli.  

Imaju odličnu korisničku podršku dostupnu 0-24. 

A također su i među najpovoljnijima. 

Hosting i domena su jedini trošak koji ćete imati da bi napravili web stranicu, a u nastavku pogledajte kako ih registrirati.

Već imate hosting? Idite na 3.Korak gdje ćete vidjeti kako napraviti vašu web stranicu.

NAPOMENA:

Pošto smatramo da hosting kompanija koju ovdje preporučujemo nudi najkvalitetniji hosting po najboljoj cijeni sklopili smo partnerski odnos sa njima. 

Tako da ukoliko kupite hosting putem našeg linka mi ćemo dobiti proviziju. 

Ali, s druge strane, vi ćete uz naš promo kod dobiti popust od 4,99 USD što je otprilike 30 Kuna.  Tako da će vas prvi mjesec hostinga koštai samo 6 lipa. 

Naglasili bi kako provizija nije razlog naše preporuke jer skoro svaka hosting kompanija nudi provizije ali niti jedna ne nudi mogućnost registracije hostinga po cijeni od 6 lipa.   

REGISTRACIJA HOSTINGA

Ukoliko želite u ovom videu možete vidjeti kako i zašto registrirati Interserver hosting i domenu.

Niže se nalaze tekstualna uputstva.

REGISTRACIJA HOSTINGA – 1. KORAK

Kako bi ostvarili pravo na popust i dobili prvi mjesec hostinga za 6 lipa kliknite ovaj link:

REGISTRACIJA HOSTINGA 2. KORAK

To će vas odvesti na ovu stranicu. Na vrhu stranice na narančastoj pozadini vidjeti ćete kupon kod koji će vam omogućiti da dobijete prvi mjesec hostinga po cijeni od 6 lipa. Kopirajte kod i kliknite “Buy Now” kao što je označeno strelicom.

REGISTRACIJA HOSTINGA 3. KORAK

Sada započinje vrlo kratak i jednostavan proces registracije:

1) Odaberite želite li registrirati novu ili postojeću domenu;

2) Utipkajte vašu domenu

3) Ukoliko registrirate novu provjerite da je označeno “Yes”

4) Kliknite “Continue”

REGISTRACIJA HOSTINGA 4. KORAK

Unesite vaše podatke i  kliknite “Continue”.

Kupnja na 3 mjeseca

Iako Interserver hosting nudi mogućnost kupnje i na mjesec dana to vam se ne isplati jer u paketima od 3 mjeseca ili više dobijate i domenu po promotivnoj cijeni od 1,99 USD (otprilike 12 Kn) umjesto 11 USD (otprilike 66 Kn) koliko košta u mjesečnom paketu. Također, uz naš promo kod dobiti ćete i popust od 4,99 USD (otprilike 30 Kn). Tako da će vas 3 mjeseca hostinga i domena koštati samo 12 USD (otprilike 75 Kn) što je stvarno povoljno. 

Da bi kupili hosting odaberite :

  1. Na koji period želite kupiti hosting (u ovom slučaju 3 mjeseca);
  2. Unesite promo kod koji ste prethodno kopirali;
  3. Whois Privacy vam ne treba osim ako želite da nitko ne može saznati kome pripada vaša domena;
  4. Odaberite način plaćanja;
  5. Kliknite “Place Order”.

ČESTITAMO

Upravo ste postali ponosni vlasnik hostinga i domene! Ako ste kupili Interserver hosting putem gornjeg linka na period od 3 mjeseca ili više javite nam se na [email protected] jer ćemo vam dodatno pomoći sa izradom web stranice.

Klikom na dugme niže možete vidjeti dodatne detalje o tome kako urediti vaš Interserver hosting i domenu.

3. KORAK – IZRADA WEB STRANICE

Sada kada ste registrirali hosting i domenu najteži dio posla je iza vas!
Još samo par koraka i vaša web stranica će biti gotova.

INSTALACIJA WORDPRESSA

Kako bi napravili web stranicu u WordPressu samo moramo instalirati WordPress na našu domenu.
To možemo napraviti jednim klikom iz našeg hostinga.
U sučelju našeg hostinga jednostavno kliknemo “WordPress” ikonu i WordPress će se instalirati na našu domenu:
Osim WordPressa na našu domenu će se automatski instalirati i ova jednostavna web stranica:
I to je to! Upravo smo napravili web stranicu.

I to web stranicu koja izgleda dobro na uređajima svih veličina, od mobitela preko tableta do laptopa i stolnih računala.

Ova web stranica nalazi se na našoj domeni i dostupna je svima na Internetu.

Sada je samo treba malo urediti i spremni ste se proslaviti online : )

Detaljnija uputstva gdje vam je pokazan baš svaki korak instalacije WordPressa nalaze se u ovom videu:

PRIJAVA U SUČELJE

Vidite kako je jednostavno napraviti web stranicu!

Da bi mogli uređivati našu stranicu i dodavati joj tekstove, slike i videa moramo se prijaviti u sučelje naše web stranice.

Podatke za prijavu dobili ste prilikom instalacije WordPressa.

U preglednik utipkajte vašu domenu i dodajte /wp-admin (vasadomena.com/wp-admin).

Pojaviti će vam se ovaj prozorčić za prijavu gdje trebate utipkati korisničko ime i zaporku koje ste dobili prilikom instalacije WordPressa:

Nakon toga ćete doći u sučelje vaše web stranice koje izgleda kao na slici niže i odavde upravljate svim aspektima vaše web stranice:
Ne brinite ako vam se čini da vas bombardiramo informacijama.
Najteži dio je iza vas a ako vam ovo nije sasvim jasno sve je puno detaljnije objašnjeno u gornjem videu.

POSTAVLJANJE WORDPRESSA NA HRVATSKI

Kao i sve ostalo tako se i jezik WordPressa podešava iz našeg sučelja.

Kliknite “Settings” pa “General” i pod “Site Language” odaberite hrvatski i kliknite “Save Changes”.

I sada je sve na hrvatskom!

UREĐIVANJE IZGLEDA WEB STRANICE

Da bi promijenili izgled WordPress web stranice sada samo trebamo promijeniti temu.

Tema je gotov predložak koji govori WordPressu kako naša stranica treba izgledati.

Trenutno imamo instaliranu ovu temu koja se automatski instalirala sa WordPressom.

Još jedna velika prednost WordPressa je ta što nudi tisuće besplatnih tema koje vrlo jednostavno možete urediti i prilagoditi vašim potrebama.

Da bi promijenili trenutnu WordPress temu kliknite na “Izgled” pa “Teme”.
Pojaviti će vam se sve dostupne besplatne WordPress teme.

Izaberite onu koja vam se najviše sviđa i Kliknite “Instaliraj” i zatim “Aktiviraj”.
Vaša stranica će sada izgledati isto kao i tema koju ste odabrali:

IZMJENA TEKSTOVA I SLIKA

Nakon što smo odabrali našu temu i na taj način odredili kako će naša stranica izgledati sada trebamo zamijeniti demo tekstove i slike sa našima.
Na vrhu stranice kliknite “Prilagodi”:
Sa lijeve strane pojaviti će se opcije za uređivanje naše teme.
Sada jednostavno prođite kroz svaku opciju i izmijenite ono što želite izmijeniti.
Tako npr. da bi promijenili tekst “Naše usluge” (1) samo utipkajte novi tekst u polje sa lijeve strane (2).
Sve je vrlo jednostavno a u videu vam je objašnjeno korak po korak kako preurediti cijelu stranicu.

KAKO DODATI FUNKCIJE NAŠOJ WEB STRANICI

Da bi WordPress stranici dodali bilo koju funkciju koristimo se Pluginovima odnosno Dodacima.

Tako, želimo li npr. našoj web stranici dodati mogućnost bookinga samo ćemo instalirati dodatak za booking.

Želimo li našu web stranicu pretvoriti u web shop samo ćemo instalirati dodatak za web shop.
Vrlo jednostavno.

Jedan od dodataka koji je potreban skoro svakoj web stranici je kontakt forma, pa ćemo započeti sa tim primjerom.

KONTAKT FORMA

Da bi našoj web stranici dodali kontakt formu idemo pod Dodaci (1) i Dodaj novi (2).
Vidjeti ćete da vam se nudi preko 25.000 besplatnih dodataka koji vašoj stranici mogu dodati razno razne funkcije.
U tražilicu utipkajte “Kontakt Forma” (3) i pojaviti će vam se razni dodaci koji vašoj stranici dodaju kontakt formu.
Odaberite dodatak koji vam najviše odgovara i kliknite “Instaliraj” (4) i zatim “Aktiviraj”

Sada ste vašoj stranici dodali kontakt formu.

Vidimo da se u našem sučelju sa lijeve strane pojavio novi red sa nazivom instaliranog dodatka.

Kliknemo li ga pojaviti će nam se opcije za uređivanje naše kontakt forme.

Ovdje samo trebamo odrediti koje podatke ćemo tražiti od naših posjetitelja (npr. ime, mail adresu i sl.) i unijeti
mail adresu na koju će nam ti podaci biti poslani.
I to je to.
Želite li imate puno detaljnije objašnjenje u videu.

KAKO NAPRAVITI WEB SHOP

Po istom principu našoj web stranici možemo dodati bilo koju drugu funkciju.

Pošto je jedna od najtraženijih funkcija web-shop u ovom videu vam je detaljno objašnjeno kako na vrlo jednostavan način možete pretvoriti vašu stranicu u web shop.

ČESTITAMO

Sada ste u stanju napraviti vlastitu funkcionalnu, responzivnu web stranicu sa kontakt formom i web shopom!