Logare

Înregistrare

Panoul Webmastera

 

Nu ai reușit sa găsești răspunsul dorit ?

Scrie-ne pe sesiunea de Chat sau trimite-ne un email către contact@webwave.ro

Dacă ai nevoie de anumite funcții noi, scrie-ne pe grupul comunității WebWave.

Înapoi

10 septembrie 2019

WYSIWYG - Panoul de editare a textului în WebWave

În programul WebWave elementul Text are foarte multe posibilități - adaugi un text, link-uri, îl îmbogățești cu o imagine sau cu film Youtube. În acest articol vei afla mai detaliat despre posibilitățile elementului text pe care le poți folosi atunci când creezi un site în WebWave

În editorul programului WebWave există 2 panouri de editare a textului. 

Editorul de text WYSIWYG clasic în WebWave

Editorul de text WYSIWYG clasic

Editorul de text WYSIWYG simplificat în WebWave

Editorul de text WYSIWYG simplificat.

 

Descrierea funcțiilor:

1- Stilurile de text

2- Fonturi

3- Dimensiunea caracterelor

4- Dimensiunea interliniilor

5- Editarea stilului textului

  5.1- Culoarea textului

  5.2- Culoarea fundalului textului (marcarea textului)

  5.3- Umbra textului

6- Formatarea stilurilor de text

  6.1- Aldin (Boldare)

  6.2- Cursiv

  6.3- Subliniere

  6.4- Text întretăiat

7- Resetează stilul

8- Alinierea textului

9- Listele

  9.1- Listă numerotată

  9.2- Listă punctată

10- Mărește/micșorează indentarea

 

11- Link  (Referințe)

  11.1- Adaugă / editează un link

  11.2- Șterge link-ul

  11.3- Adaugă / editează o ancoră

12- Multimedia

  12.1- Adaugă o imagine

  12.2- Adaugă un film de pe YouTube

  12.3- Adaugă un film  HTML5

  12.4- Biblioteca Media

13- Suplimentar

  13.1- Adaugă un tabel

  13.2- Adaugă o linie de separare orizontală

  13.3- Adaugă un simbol

14- Transformă textul

  14.1- Transformă textul în majuscule

  14.2- Transformă textul în minuscule

  14.3- Prima literă majusculă

  14.4- Schimbă literele majuscule <-> minuscule

15- Codul sursă a textului

16- Spațiere dintre paragrafe

 

1- Stilurile de formatare

Permite setarea stilului textului, alegând unul dintre stilurile accesibile. Datorită stilurilor alese poți mai ușor să administrezi modul în care arată textul pe site-ul tău. De exemplu poți modifica culoarea, mărimea, fontul stilului, iar modificările vor fi implementate în cazul tuturor textelor care folosesc acest stil.

 

2- Fonturi

Permite să alegi fonturile din lista de fonturi. Dacă nu vei găsi un font corespunzător printre cele disponibile poți adăuga fonturi noi cu ajutorul serviciului Google Fonts.

Ala are un măr


3- Dimensiunea caracterelor

Permite setarea mărimii caracterelor în px.

Ala are un măr

Ala are un măr

Ala are un măr

 

 

4- Dimensiunea interliniilor

Setarea distanței între liniile de text în cadrul unui paragraf.

Ala are un măr

Ala are un măr

Ala are un mă

 

5- Editarea stilului textului

 

5.1- Culoarea textului

Aici poți seta culoarea caracterelor

Ala are un măr

 

5.2- Culoarea fundalului

Setează culoarea fundalului, pe care vor fi afișate literele. Aceasta nu este culoarea fundalului pentru întregul element, ci doar pentru caracterele selectate.

Ala are un măr

 

5.3- Umbra textului

Setează culoarea, mărimea și poziția umbrei textului.

Ala are un măr

 

6- Formatarea stilului textului

6.1- Text aldin (Boldare)

Pentru a diferenția un anumit fragment de text putem folosi opțiunea bold. Caracterele textului selectat va fi mai ”gros” decât cel obișnuit.

Ala are un măr

 

6.2- Text cursiv

Următoarea opțiune de diferențiere a textului este textul cursiv. La folosirea acestei opțiuni textul va fi puțin înclinat spre dreapta.

Această opțiune este deseori folosită la prezentarea citatelor.

Ala are un măr

 

6.3- Text subliniat

Permite diferențierea textului, adăugând o linie de subliniere.

Ala are un măr

 

6.4- Text întretăiat

Este foarte util pentru a indica modificările în text. Pur și simplu întretaie textul selectat cu o linie orizontală.

Ala are un măr

 

7-  Resetarea formatării stilurilor de text

Permite eliminarea modificărilor stilului de text, și afișează textul conform setărilor stilurilor de text de pe site.

 

8- Alinierea textului

Aceasta este o opțiune pe care o cunoaștem foarte bine datorită programelor de editare a textului ca MS Word. Permite setarea, modului în care trebuie să fie aliniat textul. Aceste opțiuni pot fi utlizate și pentru imagini, filme incluse în elementele de text.

Alinierea textului

  • La stânga - alinierea textului la marginea stângă

Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr.Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. 

 

  • La mijloc - alinierea textului astfel încât mijlocul fiecărui rând al textului să fie la mijlocul elementului.

Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. 

 

  • La dreapta - aliniază textul la marginea dreaptă.

Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr.Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr.

 

  • Alinierea stânga-dreapta - Aliniază textul la stânga, dar în momentul în care rândul de text va fi îndeplint textul va fi aliniat și față de marginea din dreapta - ca rezultat spațiul între cuvinte se poate mări

Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr.Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. Ala are un măr. 

 

9- Liste de text

9.1- Listă numerotată

Permite crearea unei liste - în care urmatoarele fragmente de text vor obține numere după ordine.

  1. unu

  2. doi

  3. trei

 

9.2- Listă punctată

Dacă nu dorești să acorzi listei de text numere de ordine, dar dorești să le prezinți ca pe o listă, poți folosi lista cu marcatori

Lista de cumpărături

  • pâine

  • cașcaval

  • bere

  • lapte

 

10- Mărește/micșorează identarea

Atunci când dorești să adaugi la listă o sublistă, poți mări identarea

  1. unu
    1. unu a
    2. unu b
  2. doi
  3. trei

 

11- Link (referințe)

 

11.1- Adaugă/editează link-ul

Link-ul, sau cu alte cuvinte referințele, reprezintă baza activității rețelei web. Datorită acestei opțiuni poți transforma un fragment de text într-un link. Poți alege, dacă dorești ca link-ul să deschidă pagina în aceeași filă, în filă nouă sau poate în renumitul pop-up.

Adăugarea, setarea unui link în text

Utilizatorul după un click va fi redirecționat spre o pagină indicată de tine. Modul în care arată textul se va schimba în conformitatea cu stilul setat pentru link-uri.

Tutoriale WebWave

 

Pentru a adăuga un link către o ancoră în text este necesar să alegeți opțiunea corepsunzătoare și anume: treci la o ancoră.

11.2- Înlătură link-ul

Șterge link-ul din textul selectat. Stilul textului revine la acel de mai înainte.

 

11.3- Adaugă/editează o ancoră

Adaugă în text o ancoră. Aceasta este un element invizibil pentru utilizatori. Însă datorită ancorei poți seta un loc în text către care va fi transferat utilizatorul atunci când face click pe un link.

Această funcție este foarte utilă la crearea cuprinsului, ca în cazul articolului dat.

 

12- Multimedia

12.1- Adaugă o imagine

Permite includerea în cadrul unui text a imaginilor din Biblioteca media.

 

12.2- Adaugă un film de pe YouTube

Poți adăuga la textul propriu orice film de pe Youtube. La un click pe această opțiune se deschide o fereastră în care poți seta detaliile ce țin de filmul adăugat: dimensiunile ferestrei, dacă trebuie să se pornească automat.

 

12.3- Include un film HTML5

Poți include la textul tău orice fișiere video din Biblioteca Media. La un click pe această opțiune se deschide o fereastră, unde poți seta  detaliile filmului: dimensiunile ecranului, opțiunea autoderulare.

 

12.4- Biblioteca Media

Ultimul buton îți oferă acces la Biblioteca Media.

 

13- Suplimentar

13.1- Adaugă un tabel

La un click pe această opțiune poți crea o tabelă în cadrul textului. La un click pe această opțiune vei vedea o fereastră în care vei putea seta numărul de rânduri și coloane. Dacă în timpul completării tabelului cu date vei înțelege că tabelul este prea mic îl poți edita cu un click dreapta pe tabel și alegând ultima opțiune.

română engleză
Eu Me
Tu You

 

13.2- Adaugă o linie de separare orizontală

Adaugă la text o linie orizontală pe toată lățimea elementului de text.


 

 

13.3- Adaugă un simbol

La un click pe această opțiune se va deschide un meniu care include niște caractere suplimentare care nu pot fi accesate de pe tastatură.

Np. ® lub ©

 

14- Transformă textul

14.1- Transformă textul în majuscule

Modifică literele din textul ales în majuscule.

 

14.2- Transformă textul în minuscule

Modifică literele din textul ales în minuscule.

 

14.3- Prima literă majusculă

Schimbă primele litere ale cuvintelor în majuscule, iar următoarele în litere mici.

 

14.4- Schimbă literele majuscule <-> minuscule

Fiecare click pe această opțiune modifică literele din minuscule în majuscule și invers, în conformitate cu opțiunile descrise mai sus. Deci obținem următoarele efecte la fiecare click ulterior:

  • La primul click: majuscule

  • La al doilea click: minuscule

  • La al treilea click: prima literă majusculă

  • La al patrulea click: majuscule

    Și așa mai departe

 

15- Codul sursă a textului

Prezintă într-o fereastră nouă cum arată textul tău, sub forma unui cod HTML. Dacă cunoști limbajul HTML poți edita textul în acest mod.

 

16- Spațiere dintre paragrafe.

Setarea distanței între paragrafe pentru un anumit stil de  text

Nu ai reușit să găsești soluția?

Îți lipsesc funcții în WebWave?

Întreabă pe Facebook

Trimite-ne un Mesaj

Companie.

Materiale. 

Prețuri. 

Programul WebWave.

Urmărește-ne pe:

Creează Site-uri Web si Magazine Online cu ajutorul platformei WebWave ! Alege unul dintre șabloanele deja optimizate pentru dispozitivele mobile și modifică-l după propriile necesități sau începe cu o pagina curată.

contact@webwave.ro


Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00

Mobile menu

Acest site a fost creat în cu ajutorul platformei WebWave