1

Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

Cuprins
CERINTE PROIECT .......................................................................................................................................... 1
Pasul 1 – Crearea contului www.weebly.com .............................................................................................. 2
Pasul 2 - Crearea site-ului ............................................................................................................................. 3
Pasul 3 – Adăugarea obiectelor în pagina Web ............................................................................................ 4
Pasul 4 – Adăugarea altor pagini ale site-ului şi stabilirea structurii site-ului .......................................... 5
Pasul 6 – Punctul G Formular Web pentru contactare clienti ................................................................... 6
Pasul 7 – Publicare site ................................................................................................................................. 7

CERINTE PROIECT
1. Creare Site companie

2. Platforma recomandată la laborator si in acest ghid – www.weebly.com

3. Site-ul poate fi creat în orice platformă sau direct in HTML – alternative la Weebly
www.wix.com, www.wordpress.com

4. Site-ul va include urmatoarele sectiuni sau pagini

a. Descrierea companiei

b. Istoric

c. Media Gallery

d. Conducerea

e. Formular Web pentru clienți

f. Pagina de contact + harta

 2
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

Pasul 1 – Crearea contului www.weebly.com

1. Se selectează zona SIGN UP FREE.

2. Introduceţi FULL NAME, EMAIL și PASSWORD.

Există posibilitatea de a te loga cu un cont de Facebook. Nu recomandăm acest lucru din motive de securitate,
deci folosiţi o adresă de mail şi o parolă valide.

3. În fereastra următoare accesaţi opţiunea SITE.

4. Alegeţi tema site-ului (care va putea fi modificată ulterior).
5. Stabiliţi locul care va fi folosit pentru publicarea efectivă a site-ului.
6. Veţi putea urmări un tutorial pentru a vă lămuri în legătură cu acest site.
 3
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

Publicarea efectivă a site-ului presupune alegerea uneia dintre cele 3 variante.

Prima variantă (pe care o vom alege şi noi) presupune crearea unui site ca sub-domeniu pentru
“weebly.com”. Site-ul va fi accesibil la adresa de tipul “silviuc.weebly.com”. În momentul în care alegeţi
textul-adresă, trebuie să îi verificaţi disponibilitatea, să aveţi semnul “available”.
Cea de-a doua variantă presupune înregistrarea unui nume de domeniu. Dacă site-ul dumneavoastră este
unul important, puteţi achiziţiona un nume de domeniu de tipul “firmamea.com” şi să-l înregistraţi.
Funcţionează numai cu domeniile “.com”, “.net”, “.org”.
Cea de-a treia variantă este pentru situaţia în care aveţi nevoie de un domeniu “.ro”.
Este important de ştiut că selectarea primei variantă nu implică costuri. Domeniul va fi găzduit gratuit la
adresa “silviuc.weebly.com”. Celelalte două variante presupun costuri.
(Noi vom folosi prima variantă pentru că este vorba de un proiect. Celelalte două variante sunt pentru
aprofundare.)

Pasul 2 - Crearea site-ului

1. Vom alege tipul de site. (OTHER = doar informativ sau fara vanzari /NO magazine online).
 4
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

2. Din interfaţa unde ne aflăm acum se pot gestiona mai multe site-uri. Utilizând butonul
ADD SITE se poate adăuga un alt site.
3. Alegem site-ul pe care l-am creat anterior şi suntem din nou în interfaţa de administrare.
4. În zona de DESIGN aveţi posibilitatea de a modica design-ul site-ului. Pentru utilizatorii
începători, acest instrument vine cu diferite teme predefinite, teme care sunt adoptate
pentru diverse nevoi. Pentru a modifica selectăm tema dorită şi avem posibilitatea de a
previzualiza tema (PREVIEW) şi de a selecta tema respectivă (CHOOSE). După ce alegem
tema, designul site-ului se va modifica.
5. Suplimentar, în zona DESIGN avem posibilitatea de a configura site-ul (fonturi, culori).
Orice element al temei poate fi personalizat în funcţie de nevoi.

Se pot administra mai multe site-uri.

Pentru logare ne vom întoarce în zona de SIGN UP FREE şi vom folosi opţiunea LOG IN. Aici vom introduce
datele cu care ne-am conectat iniţial şi dăm click pe LOG IN.

Pasul 3 – Adăugarea obiectelor în pagina Web

1. În interfaţa în care ne aflăm putem alege paginile pe care dorim să stăm (HOME, ABOUT,
CONTACT). Paginile sunt predefinite.
2. Pentru adăugarea unui text în secţiunea de ABOUT, alegem butonul cu TEXT din meniul
din stânga, prin DRAG & DROP înserăm caseta pentru text. Va apărea o casetă unde vom
introduce textul. Fontul textului se poate personaliza.
3. Se pot adăuga şi elemente mai complexe, cum ar fi o imagine. Tot prin DRAG & DROP
alegem butonul pentru imagine din meniul din stânga şi îl aducem în pagina noastră. Va
apărea un buton în pagină, unde vom da click şi va apărea o fereastră unde vom alege
fotografia pe care dorim să o încărcăm. Imaginea adăugată poate fi configurată ulterior.
4. Se pot adăuga şi: galerie de imagini, slideshow, hartă, contact form şi multe altele (din
meniul din stânga - structurate în BASIC, STRUCTURE, MEDIA, COMMERCE, MORE).
5. Prin DRAG & DROP adăugăm elementul MAP din meniul din stânga pe pagina noastră.
După ce se configurează, dăm click pe imagine şi, în caseta care apare, introducem adresa
dorită.
 5
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

6. Un formular de contact care poate fi configurat (FORM OPTIONS). Toate elementele pot
fi personalizate printr-un simplu click. Datele introduse în acest formular de contact sunt
stocate şi într-un Excel (VIEW ENTRIES) unde pot fi vizualizate. Din meniul din stânga
putem alege să introducem şi alte elemente.

Obiectele marcate cu o steluţă nu sunt disponibile în versiunea gratuită, ci necesită un abonament

Pasul 4 – Adăugarea altor pagini ale site-ului şi stabilirea structurii site-ului

1. Selectăm Tab-ul PAGE din meniul superior.

2. Selectăm butonul ADD PAGE. Aici putem adăuga o pagină standard, o pagină de tip blog, o
pagină de tip magazin online sau un link către un alt site/o altă resursă.
3. Introducem numele paginii. Există posibilitatea de a alege cum să arate pagina respectivă
(formatul pentru HEADER), de a ascunde pagina din meniul de navigare, de a proteja pagina
printr-o parolă, dar şi din alte setări avansate (folosite cu predilecţie în cazul site-urilor care se
doresc a fi foarte bine indexate).
4. După ce am făcut toate aceste setări apăsăm butonul SAVE&EDIT pentru a salva pagina.
5. Pagina a fost creată şi putem lucra aici.
6. În meniul din stânga se găsesc paginile curente ale site-ului şi aici putem defini structura site-
ului. Prima pagină (şi cea pe care apare simbolul căsuţei) este pagina principală. Mutând paginile
cu ajutorul DRAG&DROP în acest meniu putem selecta pagina care dorim să fie
principală/homepage.
7. Pentru a crea o ierarhie a paginilor, prin DRAG&DROP mutăm paginile 1cm la dreapta în acest
meniu. Putem crea astfel sub-pagini sau sub-sub-pagini.

Pentru vizualizare, ne întoarcem în Tabul BUILD şi vom observa că numai o pagină este viziblă,
celelalte fiind sub-pagini.

8. În Tabul SETINGS putem realiza setările necesare site-ului. În meniul din stânga avem mai multe
zone: GENERAL, SEO, EDITORS, STORE.
9. În zona GENERAL găsim adresa site-ului, titlul, setări privind folosirea protocolului SSL,
optimizarea pentru Mobile, stabilirea unei parole pentru întreg site-ul, integrare cu Facebook şi
multe altele.
10. În zona SEO este important să definiţi o descriere a site-ului, tagurile Meta, codul de Footer,
optimizări pentru Google Analytics şi multe altele.
11. În zona EDITORS puteţi configura editorul.
 6
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

Nu vom aprofunda alte setări pentru că scopul nu este acela de a avea un material avansat de
utilizare a acestui instrument, ci de a îl folosi pentru a crea un site de prezentare.

12. După ce au fost realizate toate setările, urmează etapa de publicare. Dăm click pe butonul
PUBLISH şi ni se va deschide din nou fereastra cu alegerea domeniului. Selectăm CONTINUARE.
Ni se deschide o fereastră care ne cere să introducem un cod captcha care protejează site-ul.
După ce introducem codul, se deschide o altă fereastră unde trebuie să accesăm link-ul site-ului
nostru. Aveţi grijă să nu daţi click pe CONTINUE pentru că, procedând aşa, veţi cumpăra
domeniul.
13. După ce dăm click pe link-ul afişat, site-ul este publicat. Acesta este disponibil de oriunde.

Pasul 6 – Punctul G Formular Web pentru contactare clienti

Pentru punctul G din cerințe vă rog să folosiți tipul de obiect CONTACT FORM și să-
l adaptați la o relație cu cetățenii ( a se vedea captura următoare).
 7
Pas cu Pas – creare site in weebly / Conf. Univ Dr. Silviu Cojocaru

Pasul 7 – Publicare site

Selectați butonul PUBLISH albastru din colțul din dreapta sus a interfeței Weebly. Selectați un nume de
sub-domeniu valid nume_ales.weebly.com.