Grafica asistata de calculator

Examen – 2 credite
Prezenta lab: 9 prezente, 1 abs
Curs 1-4: Realizare site-uri web utilizand WebWave

Curs 5: Prezentari dinamice pptx PREZI/PowerPoint

Curs 6-7: Documente Google

Curs 8-9: Pliante si materiale publicitare

Curs 10: Prezentare de sinteza

2
WebWave – un instrument pentru realizarea unui site gratuit
https://ro.webwave.me/

3
4
5
Vom alege un sablon – pentru ca vom realiza un site pentru promovarea unei
pensiuni turistice alegem
Trecand cu corsorul mouse-ului
peste imagine se vizualizeaza
butoanele de mai jos:

UTILIZEAZA SABLON

PREVIZUALIZARE

Pentru a realiza site-ului alegem

primul buton

6
Se asteapta cateva secunde pana se initializeaza pagina:

7
Se executa click pe CONTIUA

8
Panoul de setari (butonul se afla in dreata sus)

9
 Nume site

Culoare site

10
Pentru a modifica poza de fundal: click dr pe poza

11
Pentru a vizualiza modificarile click pe butonul:

Langa acest buton apare si butonul salveaza pagina:

12
Pentru a vizaliza modificarile noastre utilizam butonul:

13
Modificam titlul:
Sunt doua casete de text
pozitionate pe doua
dreptunghiuri colorate
Pentru fiecare se utilizeaza
Editeaza continut

14
Culoarea textului:

Se poate atasa un link in

cadrul textului

15
Se modifica
fundal text

Se poate
aduga
animatie

16
Editare meniu
Daca utilizam aceasta optiune rezulta
fereastra de pe slide-ul urmator.
In fereastra respectiva se pot realiza
pagini noi, se pot schimba
subordonari, adica se modifica
structura site-ului
Daca utilizam aceasta optiune
atunci ni se permite
modificarea directa a
denumirilor din meniu (deci
site-ul ramane cu aceeasi
structura de pagini doar ca
acestea vor avea alte
denumiri.
17
Se observa ca meniul
Galerie si meniul
Localizare sunt
element in Prima
pagina. Ele se pot
redefini ca pagini
separate.

18
Stergem meniul
Conact de tip element
de subpagina

19
Prin glisare il
pozitionam in
partea de jos

20
Am creat Localizare si Contact de tip subpagina.
Apare optiunea: deschide in fila curenta/fila noua

21
Toate elementele din site apar in aceasta
lista se straturi.

Astfel elementele pot fi activate de aici

pentru a fi modificate sau din sablon prin
pozitionare directa.

Se observa ca desi am redefinit Localizare si

Contact de tip subpagina ele apar in pagina
principala – din aceasta lista se pot sterge.

22
Pagina Localizare nu are continut inca - ea a fost creata dar inca
nu am editat nimic in interiorul ei.

23
Pentru modificarea pictogramelor se utilizeaza

24
25
Umbra activa impiedica
utilizarea conturului.

26
OBSERVATIE: Daca utilizam optiunea prin scrollare in mod vizualizare bradul
se deplaseaza din pozitia lui ramanand tot timpul in pozitia in care a fost fixat.

27
Textul se înlocuiește
prin editare.

Se poate modifica și aspectul

butonului.

28
Se utlizează panoul cu straturi:
- Se modifică textul.
- Se modifică culoarea și forma butonului.
- Se înlocuiește imaginea și se prelucrează.
- Se modifică culoarea stratului de pe imagine.

29
Se selecteaza linia dorită (de ex Foto fundal) și
se utilizează Panoul de setări/Editează
conținut

30
31
32
Având în vedere că am creat un meniu numit Localizare din pagina principală ștergem
Localizarea:

Pentru ștergere Harta Google din pagina principală – cu un click

selectăm zona și apar butoanele de editare.

33
34
Având meniul Contact am șters din pagina principală – formularul și adresa

35
Comutarea între pagini atunci când edităm se realizează din meniul:

36
Editarea paginii Localizare

In partea stanga a ecranului

37
Se scrie adresa
fara semne de
punctuatie Se modifica
valoarea
implicita

38
Editarea paginii Contact

Pentru pregatirea aspectului

in care inseram formularul
desenam

cateva dreptunghiuri;

titlu

39
40
 Daca dorim un
formular cu mai
multe campuri

41
42
43
44
Modificare pagina Preturi

45
46
Pentru a modifica actiunea corespunzatoare unui buton avand in vedere ca noi
am schimbat structura site-ului:

47
Acest buton ne duce in pagina principala la Titlul zonei corespunzatoare:

48
Am modificat zona Vezi mai multe din pagina principala:

49
 OBS: daca imaginile noastre nu corespund dimensiunilor predefinite se
utilizeaza proprietatile din meniu:

De asemenea la incarcare nu uitam ca putem prelucra imaginile:

50
Am modificat denumirea paginii din Case in Camere (s-a actualizat
automat si in meniul)

51
Modificam continutul paginii adaptandu-l la proiectul nostru

52
 Pentru modificarea galeriei de imagini procedam astfel:

In Lightbox incarcam imaginile noastre. Putem incarca si mai mult de 3 imagini.

Pentru fiecare imagine completam campurile din dreapta (cate dorim)

53
Vechile imagini le selectam pe rand si activam butonul:

54
Adaugarea unui Lightbox in site

Elementul Lightbox contine funcționalități

asemanatoare cu cele ale galeriei, adica ajuta la
prezentarea unui număr mare de poze

In setarile site-ului Lightbox-ul avea 3 imagini,

iar noi avem 4.

55
Editarea zonei de Footer

OBS: Modificat intr-o pagina se modifica automat in toate paginile!

56
Modificam pagina Atractii: am sters Lightbox si am inserat o galerie de imagini.

Am eliminat din galerie

imaginile existente.

57
58
Modificam pagina Locuri de vizitat: am sters Lightbox si am inserat o galerie
de imagini de tip Slider.

59
 Se poate modifica textul si
dupa inserarea imaginilor.

Efectul Ken Burns - un efect de zoom animat.

60
61
https://ro.webwave.me/webmasterPanel/userWebsites

62
https://ro.webwave.me/webmasterPanel/userWebsites

Pentru a crea un alt site alegem:

63
https://www.cumfaciunsite.com/#tutorial-creare-site-webwave

https://ro.webwave.me/blog/tool-uri-gratuite

https://www.cumfaciunsite.com/#tutorial-creare-site-webwave

https://ro.webwave.me/webmasterPanel/userWebsites

64