Kreiranje veb sajta u 3 jednostavna koraka

Uvod

• Kreiranje veb sajta nikada nije bilo lakše. Ovaj članak je namenjen osobama koje su na početku puta i žele prisustvo na internetu, ali nemaju napredna znanja u oblasti IT-a. Bilo da se radi o blogu, stranici prezentacije restorana ili portalu sa vestima, imaćete sve što vam je potrebno za moderan i optimizovan veb sajt na svim uređajima.

Zahtjevi

• Jedan paket hostinga Hostico
• Aktivna domena

Instalacija Veb Saita

• Kao što smo obećali u naslovu članka, u samo 3 koraka dolazimo od sveže kupljene usluge do dostupnog sajta koji može da se takmiči sa mnogim sajtovima koje su napravili iskusni programeri.
• Za dalju konfiguraciju, kako iz perspektive sadržaja tako i dizajna, obuhvatićemo sledeće paragrafe

Korak 1 - Pristup SiteBuilder-u (SitePad)

• Biće nam potrebno da pristupimo kontrolnoj tabli hostinga gde ćemo instalirati potrebne fajlove za našu veb stranicu. Ovo će biti urađeno koristeći email koji smo dobili prilikom kupovine hosting usluga (Podaci o administraciji hostinga)

• Jedna od četiri adrese kontrolne table moraće da se pristupi u pregledaču po izboru (preporučeno Chrome ili Firefox), slično običnom veb sajtu. Nakon pristupa, otvoriće se stranica koja omogućava unos korisničkog imena i lozinke. Ovi podaci će biti preuzeti iz prethodno pomenutog emaila, nakon čega ćemo završiti autentifikaciju klikom na Prijavi se dugme.

• Jednom kada se povežete în cPanel, otići ćemo na dno stranice i pristupiti ikoni SitePad Website Builder u kategoriji Softver

Korak 2 - Izbor Teme

•  Nakon pristupanja SitePad-u iz cPanel-a, bićemo preusmereni na stranicu sa koje će biti moguće instalirati veb sajt. Ovde, pristupaćemo tekstu napravite novi sajt, a u narednoj stranici kliknemo na Počnite

                                                                                                                                         

• Težak deo dolazi tek sada! Bićemo predstavljeni sa katalogom koji ima više od 535 grafičkih tema, iz raznih oblasti delatnosti. Da bismo završili izbor teme, ništa lakše, pritisnućemo zeleni dugme Izaberi

Korak 3 - Završetak instalacije

• Poslednji deo se sastoji od popunjavanja detalja o našoj veb stranici, a oni su kako sledi:
  
  1. Adresa sajta - Ovde će moći da izaberu domen koji želimo da instaliramo, direktorijum u kojem će biti instaliran, kao i sigurnosne protokole. Naša preporuka je da svaki sajt bude instaliran sa HTTPS varijantom, a da polje direktorijuma ostane nepopunjeno (ako se ne želi podrazumevani drugi folder), tako da će svaki sajt biti instaliran u podrazumevani folder.
  
  2. Admin Email  - Ova e-mail adresa će biti korišćena za autentifikaciju u SitePad panelu. Možete koristiti ili javnu adresu (gmail, yahoo) ili e-mail adresu koja pripada vašem sajtu.
  
  3. Naslov sajta - Naslov prikazan na početnoj stranici sajta. Nije bitno šta upisujemo, s obzirom na to da može biti promenjeno kasnije.
  
  4. Opis - Opšti opis veb stranice. Kao i u slučaju naslova, možemo uneti bilo šta jer se može promeniti kasnije.
  
  5. Jezik sajta - Jezik na kojem će biti prikazan naš veb sajt nakon instalacije.

 

• Na desnoj strani, opcionalno se mogu popuniti kontakt detalji. Nakon što se uverimo da su svi podaci ispravno uneti, kliknućemo na dugme Proceed with Install

• Ukoliko su svi koraci uspešno završeni, dobićemo poruku o potvrdi da je instalacija sajta završena, a personalizacija može početi pristupanjem Kliknite ovde da se prijavite i počnete sa uređivanjem

• U ovom trenutku, ako pristupimo domen na kojem smo instalirali sajt u pregledaču, naići ćemo na interfejs koji smo ranije odabrali.
  

Konfiguracija Vebsajta

• Ako smo stigli do ovog koraka, to znači da smo uspešno instalirali našu novu veb stranicu. Iako bismo mogli da mislimo da je posao završen, tek sada počinje deo uređivanja odnosno finalizacije.
• U narednom, preći ćemo preko svih aspekata koji treba da se promene kako bismo imali finalni sajt, i kako bismo zapravo počeli da privlačimo određenu ciljnu publiku.

Tekstovi

• Predefinisani svaki tema predstavlja tekstove tipa lore ipsum (standardni tekst koji se koristi za simulaciju tekstualnih okvira i olakšavanje ocenjivanja dizajna veb sajta), ovi treba da budu zamenjeni.
• Ovo se može uraditi jednostavnim dvostrukim klikom na tekstualnu kutiju. Veličina, boja, font i drugi elementi dizajna mogu se menjati sa desne strane stranice u sekciji Izmeni naslov
  

Slike

• Nema ništa loše ako zadržimo početne slike, pošto ne predstavljaju posebna autorska prava, ali da ne bismo imali sajt identičan sa drugih 1.000 korisnika, preporučljivo je (ako imamo slike dobre kvalitete) da ih zamenimo.
• Da bismo to učinili, prebacujemo miš iznad slike koju želimo da zamenimo, i pristupamo plavoj olovci

• Odavde, u desnom dijelu se pobrinemo da smo na Stilu pozadine. Ako ne želimo nužno da stavimo sliku, možemo uvek da odaberemo varijantu čvrste boje ili gradijenta, ali je preporučljivo da imamo slike umesto boja.

Dugmad

• Mislim da ste već razumjeli ideju, svaka izmjena se vrlo lako izvršava, a ažuriranje dugmadi takođe nije izuzetak. Kao i u slučaju slika, dugmadi se izmjenjuju putem plave olovke koja se pojavljuje kada pređete mišem preko elementa, ili putem desnog klika i odabirom opcije Uredi okvir slike

• Ponovo, meniul prikazan desno će nam pomoći da razumemo aspekte koji mogu biti implementirani ili uklonjeni po izboru. Nećemo više prolaziti kroz svaki element posebno, pošto su termini eksplicitni.

 

Stranice

• Hajde da pretpostavimo da želimo dodati dodatne stranice na vrhu sajta koje će voditi ka različitim sekcijama. Da bismo dodali stranicu, samo treba da pristupimo Stranice i Kreiraj novu

• Iz inicijalne instalacije biće više stranica sa nazivima koji najverovatnije neće biti primenljivi na naš projekat i biće potrebno da se ili izmene, ili uklone. Ove radnje će biti izvršene iz podešavanja te stranice, koja se može naći u gornjem delu pored loga SitePad.

                                                                                                                                                                                                                                         

• Posle što unesemo novo ime stranice, ili obrišemo postojeću stranicu, moramo se pobrinuti da smo sačuvali izmene, inače kada napustimo stranicu, ne će ostati ono što je urađeno.

 

Widgeti

• Preko 40 Widget-a može se koristiti za prilagođavanje stranice po vašoj želji. Bez obzira govorimo li o Google Maps, Kalendaru, Tabelama ili drugima, moći ćemo s jednostavnim "click and drag" umetnuti bilo koji element sa velikom lakoćom. Ovi elementi se mogu ponovo naći s desne strane stranice u sekciji Widgets

Hiperveze

• Postojiće sigurno situacija u kojima želimo da uputimo na drugu stranicu našeg sajta, ali ne nužno preko dugmeta, već kroz tekst. To se ostvaruje putem hiperlinkova.
• Da bismo dodali hyperlink na naš tekst, potrebno je da selektujemo željeni tekst, a zatim da kliknemo desnim tasterom miša na Edit Rich Text

• Iz poznatog menija, izabrat ćemo ikonicu Link i umetnuti link ka stranici gde želimo da nas tekst odvede. Ostala dva polja Title i Target preporučuje se da budu popunjena iz SEO razloga (više informacija u sledećem paragrafu)

SEO

• Poznat koncept, ali ne razumljiv velikom broju vlasnika sajtova. Ukratko, to su niz identifikatora koji razdvajaju naš sajt od drugih sajtova na internetu, i pružaju nam prednost u odnosu na konkurenciju. Što je optimizacija ovih identifikatora bolja, to će pozicija u pretraživačima biti viša, a samim tim i broj posetilaca će rasti.
• Za našu stranicu, SEO optimizaciju je moguće ostvariti različitim metodama, ali najlakši način je kroz dugme koje pruža Site Builder

• Što su uslovi opštiji, to će konkurencija biti veća, a šanse da vaš sajt bude među prvim pretragama samo podešavanjem ovih polja biće smanjene.
• Ako su termini manje uobičajeni, pozicioniranje će biti bolje, međutim broj onih koji traže te reči će biti manji. Kada je u pitanju SEO optimizacija, treba pronaći odgovarajuću ravnotežu.

• U slučaju da se ne umetnu MetaTagovi, oni će biti automatski dodeljeni, a mogućnosti da budu prikladni za vašu stranicu biće male.
• Mora da uzmete u obzir da je SEO optimizacija raznolik spektar koji može uključivati stalni rad, i da je često potrebno dublje razumevanje koncepta da bi se postigli značajni rezultati.

 

• Da bismo vidjeli promjene napravljene do sada, biće neophodno da ponovo pristupimo dugmetu Update prikazanom ranije, i da kliknemo na Preview. Naš sajt će biti učitan sa ažuriranjima koja su napravljena u poslednjoj sesiji.

• Postoji mogućnost da smo u nekom trenutku pogrešili, ili jednostavno da nam se ne sviđa izabrani dizajn, šta radimo, počinjemo sa sajtom ispočetka? Ne. Sve prethodne verzije mogu se pregledati u sekciji Istorija i Revizija, tako da imamo sigurnost da uvek imamo opciju da se vratimo na neku "stariju" verziju.
  

  

 

• Počeli smo članak rečenicom da izrada web sajta "nikad nije bila lakša" i verujem da se i vi slažete s tim, sada kada je vaš web sajt uspešno završen.
  Postoje i drugi aspekti koje treba implementirati pre nego što sajt postane "dobro urađen", ali je za početnu prisutnost ovo uspešan početak.
  Tokom vremena upoznaćete se sa graditeljem sajtova, a određeni aspekti će biti bolje razumljivi i lakši za implementaciju.

Napomena

• Ovaj alat za pravljenje sajtova je treća strana program koji nudi dobavljač, i nije direktno razvijen od strane tima Hostico.
• Instalacija sajta može se izvršiti na više domena, čak iako su dodati iz istog paketa hostinga
• SSL sigurnosni sertifikati se automatski generišu od strane cPanel-a prilikom instalacije sajta na hosting i nije potrebna dalja ručna konfiguracija
• SitePad aplikacija je prvenstveno namenjena osobama koje traže jednostavnu veb stranicu koja ne zahteva nužno angažovanje programera
• Site Builder se ne može koristiti za web stranice tipa eCommerce. Za ovo preporučujemo druge platforme tipa CMS poput Prestashop, Magento, Wordpress + Woocommerce  koje su posebno dizajnirane za ovo.
• Aplikacija ne dolazi unapred sa interfejsom za upravljanje bazom podataka. Sve îzvodi su izvršeni direktno în PhPMyAdmin, a svaka nova prijava ili upit mora biti izvršena direktno iz cPanela