Site-ul școlii

1
 Lecția #2

Crearea primului site.

Site-ul școlii

În această lecție vom elabora un site web pentru scoală cu

tematica structurarea design-ului pentru site-ruile web.
Orice pagină web poate fi împărțită în mai multe părți:
■ Antet - este unul dintre cele mai importante elemente de
design. Acesta este un antet al site-ului, care conține meniul
și un logo (Figura 1).

Figura 1

■ Subsol - este un bloc care conține informații de contact

ale proprietarului (Figura 2).

Figura 2

■ Corp (Body) - este partea de conținut a site-ului care conține

informații esențiale pentru utilizatori (articole, linkuri,
bannere, videoclipuri etc.) (Figura 3).
2
 Site-ul școlii

Figura 3

Multe șabloane din aplicația Wix conțin toate elementele de

mai sus în mod implicit.
Să luăm în considerare elementele unui site web prin
practică. Pentru a face acest lucru, creați un site al unei școli
perfecte. Mai întâi, alegeți un șablon gol pentru site-ul dvs. web
(consultați Figura 4).
Plasați numele și sigla școlii dvs. în antetul site-ului. Pentru a
schimba designul antetului, faceți clic dreapta pe zona ecranului de
sus. Ca rezultat, apare meniul din Figura 5 (vezi pagina 4).

Figura 4

3
Lecția 2

Figura 5

Puteți fixa antetul, astfel încât utilizatorul să poată vedea

întotdeauna meniul site-ului dvs. web atunci când derulează paginile
(Figura 6).

Figura 6

Pentru a edita subsolul, faceți clic dreapta pe linia de jos. Nu

trebuie să fixați poziția acestei părți a paginii (Figurile 7 și 8).

Figura 7

4
 Site-ul școlii

Figura 8

Să luăm câteva instrumente, care vor fi utile în procesul de

creare a site-ului: Rigla (Rules) și Linii de grilă(Gridlines)
(Figura 9).

Figura 9

Rigla vă ajută să poziționați și să aliniați elementele unul față de

celălalt pe diferite pagini ale site-ului (Figura 10).

5
Lecția 2

Figura 10

Cât despre Linii de grilă, ele marchează zona în care puteți posta
conținut. Dacă rămâneți la grilă atunci când lucrați la site-ul web,
acesta se va afișa corect pe toate dispozitivele și în toate browserele
(Figura 11).

Figura 11

De asemenea, dacă trageți elemente sau le redimensionați, pe

ecran vor apărea linii roz și le puteți folosi pentru a poziționa pe ecran
orice obiect în raport cu alte obiecte (Figura 12).

Figura 12

6
 Site-ul școlii

Cea mai importantă parte a oricărui site este meniul.

Pentru a-l adăuga la pagină, faceți clic pe Adăuga (+) din panoul din
stânga și selectați Meniul. În funcție de numărul de secțiuni ale site-
ului, meniul poate fi orizontal (în antet) sau vertical (Figura 13).

Figura 13

În mod implicit, există o singură pagină într-un șablon gol - Acasă.

7
Lecția 2

Pentru a adăuga mai multe pagini pe site, deschideți Meniul

Site-ului și faceți clic pe Adauga Pagina (Figura 14).

Figura 14

Puteți crea elemente de meniu principale și imbricate. Acestea vă

ajută să structurați site-ul împărțindu-l în subcategorii (Figura 15).

Figura 15

8
 Site-ul școlii

Puteți adăuga un fundal pentru a face site-ul dvs. web să pară

mai interesant. Pentru aceasta, mergeți la categoria Fundaluri (Figura
16).

Figura 16

9
Lecția 2

Fundalul apare în mod implicit numai pe pagina de pornire.

Dacă doriți să apară pe tot site-ul, faceți clic pe opțiunea Aplicați la
alte pagini și verificați paginile necesare (Figura 17).

Figura 17

10
 Site-ul școlii

Pentru a adăuga și a forma blocuri de text (de exemplu, descrieri

ale lecțiilor) folosiți elementul Adaugă text (Figura 18).

Figura 18

Adăugați mai multe pagini pe site (descrierea școlii și a

subiectelor, informații despre profesori și așa mai departe) și
completați-le cu conținut.
Faceți site-ul mai viu, adăugați fotografii pe subiecte școlare (de
exemplu, lectură, matematică, limbi străine, muzică, desen etc.)

11
Lecția 2
Puteți găsi în Galerie șabloane în categoria Adăugați
Galerie. Aici sunt nu doar șabloane statice, ci și interactive
(Figura 19).

Figura 19

Pentru a căuta imagini subiecte frumoase, ar trebui să utilizați

bănci de imagini. De exemplu:
■ https://pixabay.com/
■ https://www.freeimages.com/
■ https://pikwizard.com/

Nu uitați să salvați proiectul după finalizarea lucrării!

În colțul dreapta sus sunt 3 butoane foarte importante, care ne
permit Salvarea site-ului, previzualizarea sa si publicarea (Figura 20).

12
 Site-ul
școlii

Figura 20

O fereastră adițională se va deschide, unde noi putem selecta

numele de domeniu pentru site-ul nostrum, după care facem clic
stânga pe opțiunea Salvare și Continuare (Figura 21).

Figura 21

Pentru a înțelege cum arată web site-ul nostru, facem

clic stânga pe opțiunea Vizualizare (Figura 22).

Figura 22

La final, alegem oțiunea Publicare, pentru a ne publica web-site-ul

pe internet (Figura 23).
13
Lecția 2

Figura 23

Putem edita site-ul creat în orice moment după publicarea, este

suficient doar să accesăm pagina Wix.com și să redeschidem
proiectul.

14