Crearea unui website în 3 pași simpli

Introducere

• Crearea unui website nu a fost niciodată mai facilă. Acest articol, este adecvat persoanelor care sunt la început de drum și doresc o prezență online, însă nu dețin cunoștințe avansate în domeniul IT. Indiferent că este vorba de un blog, o pagină de prezentare al unui restaurant, sau un portal de știri, veți avea toate cele necesare pentru un website modern și optimizat pe toate dispozitivele.

Cerințe

• Un pachet de găzduire Hostico
• Un domeniu activ

Instalarea Website-ului

• Cum am promis în titlul articolului, în doar 3 pași ajungem de la un serviciu proaspăt achiziționat, la un website accesabil, care poate rivaliza cu multe site-uri realizate de către dezvoltatori experimentați.
• Pentru configurarea ulterioară, atât din punct de vedere al conținutului cât și al design-ului vom aborda paragrafele viitoare

Pasul 1 - Accesarea SiteBuilder (SitePad)

• Va trebui să accesăm panoul de control al găzduirii pe care urmează să instalăm fișierele necesare website-ului nostru. Acest lucru va fi realizat cu ajutorul e-mail-ului primit odată cu achiziționarea serviciilor de găzduire (Date administrare găzduire)

• Una dintre cele patru adrese ale panoului de control va trebui accesat într-un browser la alegere (recomandat Chrome sau Firefox), asemenea unui website normal. În urma accesării se va deschide o pagină care va permite inserarea unui utilizator și a unei parolei. Aceste date vor fi luate tot din mail-ul menționat anterior, după care vom finaliza autentificarea prin butonul Log In

• Odată conectați în cPanel, vom naviga în partea inferioară a paginii, și vom accesa iconița SitePad Website Builder din categoria Software

Pasul 2 - Alegerea Temei

•  După accesarea SitePad din cPanel, vom fi redirecționați către pagina de unde va fi posibilă instalarea website-ului. Aici, vom accesa textul create a new site, iar în imediat următoarea pagină facem click pe Get Started

                                                                                                                                         

• Partea "grea" vine doar acum! Vom fi prezentați cu un catalog ce are peste 535 teme grafice, dintr-o gama variată de domenii de activitate. Pentru a finaliza alegerea temei nimic mai simplu, vom merge pe butonul verde Select

Pasul 3 - Finalizarea instalării

• Ultima parte constă în completarea detaliilor privind website-ul nostru, și sunt după cum urmează:
  
  1. Site Address - Aici vor putea alege domeniul pe care dorim să instalăm website-ul, directorul unde va instalat, respectiv protocoalele de securitate. Recomandarea noastră este ca fiecare site sa fie instalat cu varianta HTTPS, iar câmpul director să fie lăsat necompletat (dacă nu se dorește implicit alt folder), astfel fiecare site va fi instalat în folderul predefinit.
  
  2. Admin Email - Această adresă de email va fi utilizată pentru autentificarea în panoul SitePad. Puteți utiliza fie o adresă publică (gmail, yahoo) fie adresa e-mail aferentă site-ului dvs.
  
  3. Site Title - Titlul afișat în pagina principală a site-ului. Este irelevant ce trecem, întrucat poate fi modificat ulterior.
  
  4. Description - Descrierea generală a paginii Web. Ca și în cazul titlului, putem insera orice deoarece poate fi modificat ulterior.
  
  5. Site Language - Limba în care va fi afișat website-ul nostru după instalare.

 

• În partea dreaptă, optional pot fi completate detaliile de contact. După ce ne-am asigurat că toate datele sunt inserate corect, vom face click pe butonul Proceed with Install

• Dacă toți pașii au fost urmați cu succes, vom primi un mesaj de confirmare că instalarea site-ului a fost finalizată, iar personalizarea poate începe prin accesarea Click here to login into the site start editing

• În acest moment, dacă accesăm domeniul pe care am instalat site-ul intr-un browser, vom fi întâmpinați de interfața pe care am ales-o anterior.
  

Configurarea Website-ului

• Dacă am ajuns la acest pas, înseamnă ca am instalat cu succes noul nostru website. Chiar dacă am crede că munca este finalizată, doar acum începe partea de redactare respectiv finisare.
• În cele ce urmează, vom trece peste toate aspectele care trebuie modificate pentru a avea website-ul final, și pentru a începe efectiv să atragem publicul țintă stabilit.

Textele

• Predefinit fiecare temă prezintă texte de tip lore ipsum (text standard utilizat pentru a simula casete de text și a ușura evaluarea designului unui site web), acestea trebuie înlocuite.
• Acest lucru poate fi făcut printr-un simplu dublu click pe căsuța de text. Mărimea, culoarea, fontul-ul și alte elemente de design pot fi modificate din partea dreaptă a paginii la secțiunea Edit Title
  

Imaginile

• Nu este nimic gresit dacă păstram imaginile inițiale, întrucât nu prezintă drepturi speciale de autor, însă pentru a nu avea site-ul identic cu alți 1.000 utilizatori, este indicat (dacă dispunem de imagini de calitate), să le inlocuim.
• Pentru a face acest lucru, ducem mouse-ul deasupra imaginii pe care dorim să o inlocuim, și accesăm creionul albastru

• De aici, în partea dreaptă ne asigurăm că suntem pe Background Style. Dacă nu dorim neapărat să punem o imagine, putem oricând să mergem pe varianta unei culori solide sau de tip gradient, însă este recomandat să avem imagini în loc de culori.

Butoanele

• Cred că deja ați înteles ideea, orice modificare este foarte usor de realizat, iar actualizarea butoanelor nu face nici ea excepție. Ca și în cazul imaginilor, butoanele se modifică prin creionul albastru afișat odată cu mutarea mouse-ului peste element, sau prin apăsarea click-ului drept și selectarea optiunii Edit Image Box

• Din nou, meniul afișat în dreapta ne va ajuta să înțelegem aspectele care pot fi implementate, sau înlăturate la alegere. Nu vom mai parcurge fiecare element în parte, întrucât termenii sunt expliciți.

 

Paginile

• Să presupunem că dorim să adăugăm pagini suplimentare în partea de sus a site-ului care să ducă către diferite secțiuni. Pentru a adauga o pagină trebuie doar să accesăm Pages și Create New

• Din instalarea inițială vor exista mai multe pagini cu denumiri care cel mai probabil nu vor fi aplicabile proiectului nostru si vor trebui fie modificate, fie inlaturate. Aceste acțiuni vor fi realizate din setările paginei respective, care pot fi găsite în partea de sus lângă logo-ul SitePad.

                                                                                                                                                                                                                                                           

• După ce introducem numele nou al paginii, sau ștergem o pagină existentă trebuie să ne asigurăm că am salvat modificarile, altfel când vom părăsi pagina nu vor rămâne cele realizate.

 

Widget-uri

• Peste 40 Widget-uri pot fi utilizate pentru a customiza pagina după bunul plac. Indiferent dacă vorbim de Google Maps, Calendar, Tabele sau altele, vom putea cu un simplu "click and drag" insera orice element cu foarte mare ușurință. Aceste elemente pot fi regăsite din nou în partea dreaptă a paginii sub secțiunea Widgets

Hyperlink-uri

• Vor exista cu siguranță situații în care ne dorim să facem trimitere la o altă pagină de pe site-ul nostru, dar nu neapărat printr-un buton, ci prin text. Acest lucru este realizat prin Hyperlink-uri.
• Pentru a adaugă un Hyperlink pe textul nostru, va trebui să selectăm textul dorit, după care să apăsăm click din dreapta pe Edit Rich Text

• Din meniul familiar deja, vom selecta iconița de Link, și vom insera link-ul către pagina unde dorim să ne duca textul. Celalalte două câmpuri de Title și Target sunt indicate a fi completate și ele din motive de SEO (mai multe informații în paragraful următor)

SEO

• Un concept familiar, însă neînțeles de o mare parte dintre deținătorii de site-uri. Pe scurt sunt o serie de identificatori care delimitează site-ul nostru de alte site-uri de pe internet, și ne oferă un avantaj fată de concurență. Cu cât optimizarea acestor identificatori este mai bună, cu atât poziționarea în motoarele de cautăre va fi una mai sus, și implicit numărul vizitatorilor va crește.
• Pentru site-ul nostru, optimizarea SEO poate fi realizată prin mai multe metode, dar cel mai usor este prin butonul oferit de către Site Builder

• Cu cât termenii sunt mai generali, cu atât concurența va fi mai mare, iar șansele ca site-ul dvs. să fie printre primele căutări doar prin setarea acestor câmpuri vor fi reduse.
• Dacă termenii sunt mai neobișnuiți, poziționarea va fi mai bună, însă numărul celor care caută aceste cuvinte va fi mai scazut. Când vine vorba de optimizarea SEO, trebuie gasită o balanță potrivită.

• În cazul în care nu se inserează MetaTags, acestea vor fi alocate automat, iar șansele ca ele să fie potrivite site-ului dvs. vor fi mici.
• Trebuie să luați în considerare faptul că optimizarea SEO este un spectru variat ce poate implica muncă constantă, și de cele mai multe ori este necesară aprofundarea conceptului pentru a avea rezultate insemnate.

 

• Pentru a vizualiza modificările realizate până acum, va fi necesar să accesăm din nou butonul Update prezentat anterior, și să dăm un click pe Preview. Site-ul nostru va fi încărcat cu actualizările aduse în ultima sesiune.

• Exista posibilitatea să fi greșit intr-un moment, sau pur și simplu să nu ne placa design-ul ales, ce facem, incepem cu site-ul de la inceput? Nu. Toate versiunile anterioare pot fi vizualiate la sectiunea History and Revision, astfel avem certitudinea că mereu avem opțiunea de a revenii la o versiune mai "veche"
  

  

 

• Am început articolul prin a spune că realizarea unui website "nu a fost niciodată mai facilă" și țin să cred că și dvs. considerați acest lucru, acum că website-ul dvs. a fost finalizat cu succes.
  Mai sunt și alte aspecte de impementat înainte ca site-ul sa fie unul "bine realizat" însă pentru o prezență inițială este un start reușit.
  Pe parcurs vă veți familiariza cu site builder-ul, iar anumite aspecte vor fi mai bine înțelese și mai usor de implementat.

Note

• Acest site builder este un program terț oferit printr-un furnizor, și nu este dezvoltat direct de către echipa Hostico.
• Instalarea unui site poate fi realizată pe domenii multiple, chiar dacă acestea sunt adăugate de același pachet de găzduire
• Certificatele de securitate SSL sunt generate automat de către cPanel odată cu instalarea site-ului pe găzduire și nu este nevoie de configurare manuală ulterioară
• Aplicația SitePad este destinată în principal persoanelor care sunt în căutarea unui website simplu care nu necesită neapărat implicarea unui dezvoltator
• Site Builder-ul nu poate fi utilizat pentru website-uri de tip eCommerce. Pentru acest lucru recomandăm alte platforme de tip CMS precum Prestashop, Magento, Wordpress + Woocommerce  care au fost concepute anume pentru acest lucru.
• Aplicația nu vine predefinit cu interfață de administrare a bazei de date. Toate înregistrările sunt efectuate direct în PhPMyAdmin, iar orice înscriere nouă sau interogare trebuie realizată direct din cPanel