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.
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
Editorul de text WYSIWYG simplificat.
Descrierea funcțiilor:
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 |
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.
-
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.
|
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
|
10- Mărește/micșorează identarea
Atunci când dorești să adaugi la listă o sublistă, poți mări identarea
|
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.
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.
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.
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ă.
|
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?
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ă.
Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00
Acest site a fost creat în cu ajutorul platformei WebWave