Utilizând editorul de text și imagine, puteți ilustra conținutul de text cu imagini, creând articole și pagini de prezentare atractive vizual.
Aveți câteva opțiuni pentru a adăuga o imagine pe site-ul dvs. web:
- Ca element în linie prin intermediul elementului Text, din categoria Text și imagini
- Prin intermediul elementului Imagine și text, unde pot fi adăugate imagini suplimentare ca elemente în linie
- Ca un singur element de Imagine din categoria Text și imagini
Este important de reținut că, dacă adăugați o imagine prin intermediul elementului Imagine, ca în exemplul de mai sus, nu veți putea avea elemente de conținut suplimentare alături de aceasta, cum ar fi text sau video. Acest lucru nu este valabil și în cazul celorlalte două alternative.
Există câteva opțiuni pentru a încărca imaginile dorite:
- Glisați și fixați imaginile din fișierele locale sau alte pagini web în panoul de proprietăți.
- Răsfoiți imaginile din fișierele locale din calculatorul dvs. făcând clic în interiorul zonei de adăugare a imaginii.
- Adăugați dintr-un URL pentru o imagine publicată pe alt site. Doar copiați adresa imaginii, lipiți-o în interiorul câmpului URL și faceți clic pe Adăugare imagine. (Imaginile care conțin un semn „#” sau un semn de întrebare „?” în numele lor pot fi încărcate doar prin GliSare și fixare sau URL)
O altă alternativă ar fi să utilizați fila Bibliotecă imagini și să alegeți dintr-o gamă de imagini din stoc.
După ce ați încărcat o imagine, aceasta va fi setată automat la dimensiunea implicită. Alegeți din cele 3 dimensiuni predefinite de imagini: mică, medie și actuală sau definiți dimensiunea proprie (Dimensiune personalizată). Chiar dacă este posibilă redimensionarea unei imagini, sistemul păstrează imaginea originală, astfel încât să poată fi ajustată mai târziu. Toate imaginile redimensionate vor apărea cu detalii sporite pe un afișaj cu rezoluție crescută.
Făcând clic pe o imagine, se va deschide în dreapta un panou de editare cu opțiuni de personalizare, setarea dimensiunii, a marginilor, a stilurilor de înfășurare și a efectelor.
Puteți modifica imaginea selectată oricând, făcând clic pe butonul Modificare. Alegeți Editare, iar imaginea se va deschide într-un editor extern unde veți efectua editarea de bază a imaginii, de exemplu prin decupare, răsturnare, rotire, redimensionare și adăugare de efecte speciale limitate.
Opțiunile implicite vă vor permite să setați dimensiuni personalizate ale imaginii prin specificarea lățimii și înălțimii dorite. Atunci când modificați dimensiunea, se recomandă să faceți clic pe pictograma de lacăt pentru a constrânge proporțiile imaginii și a preveni distorsionarea. De exemplu, atunci când modificăm lățimea, înălțimea va fi ajustată proporțional pentru a ne asigura că atât raportul, cât și perspectiva rămân în raport cu cele ale imaginii originale. Pentru a restabili dimensiunea originală a unei imagini, faceți clic pe link-ul Resetare.
Modificarea lățimii și a dimensiunii unei imagini în editor va scala imaginea la noile dimensiuni doar vizual, atunci când browserul încarcă pagina, dar fișierul imagine își păstrează dimensiunea originală. Pentru a optimiza imaginile mai mari pentru o încărcare mai rapidă, se recomandă redimensionarea imaginilor într-un program extern de editare a imaginilor înainte de a încărca fișierul în Editorul de text și imagine.
Câmpul Legendă la deplasarea cursorului vă permite să specificați o parte din textul descrierii aferente imaginii care va apărea atunci când un utilizator își plasează cursorul deasupra unei imagini. Legendele la deplasarea cursorului au un rol și pentru optimizarea adecvată a motorului de căutare a paginii dvs. web, astfel încât se recomandă să le adăugați pentru imaginile cheie de pe paginile dvs.
Pentru continuarea modificării imaginii, puteți aplica un efect de imagine, care va fi vizibil odată ce modificarea a fost salvată, făcând clic în afara elementului editat.
Setarea unei alinieri a imaginii și adăugarea unui link deasupra imaginii sunt câteva dintre celelalte opțiuni pe care le aveți la dispoziție. Selectarea pictogramei pentru a adăuga un link va arăta următorul submeniu în partea de jos a meniului din dreapta.
Reglați spațierea în jurul imaginii în raport cu conținutul suplimentar din element prin specificarea spațiilor de sus, jos, stânga și dreapta în pixeli.
Puteți adăuga o margine la imaginile dvs. specificând lățimea marginii imaginii în pixeli și selectând culoarea dorită a marginii. Făcând clic pe pictograma Culoare margine, se va deschide o casetă de instrumente de culoare în care puteți aplica sau elimina culoarea marginii.
Imaginile care apar la deplasarea cursorului adaugă un element de interactivitate la un site și pot indica, de asemenea, că se va întâmpla ceva dacă se face clic pe imagine. Acest lucru ar putea fi util în cazurile în care un link a fost adăugat peste imagine.
Creați o imagine care apare la deplasarea cursorului cu efecte de tranziție prin încărcarea unui al doilea fișier de imagine în cadrul opțiunii de imagine care apare la deplasarea cursorului. După ce ați încărcat imaginea care apare la deplasarea cursorului, puteți selecta dintr-o listă de tranziții care să fie utilizate între cele două imagini.
La prima vedere, efectele de estompare și dizolvare par foarte asemănătoare, dar există o diferență semnificativă atunci când sunt aplicate pe imagini care au părți transparente. Cu efectul de Intrare imaginea normală rămâne, în timp ce imaginea care apare la deplasarea cursorului se estompează deasupra și cele două sunt combinate. Cu efectul de Dizolvare imaginea normală se estompează, în timp ce imaginea care apare la deplasarea cursorului devine din ce în ce mai vizibilă deasupra.
În funcție de dimensiunea imaginii pe care ați selectat-o, comenzile vă permit să ajustați imaginile chiar în editorul de text și imagine. Puteți să decupați cu ușurință o imagine și să măriți o anumită zonă a imaginii fără a utiliza un alt instrument. Rezultatul va fi disponibil instantaneu pentru vizualizare și în contextul paginii. Această caracteristică se aplică, de asemenea, imaginilor care apar la deplasarea cursorului. Funcția de decupare și mărire a imaginii este disponibilă atunci când Opțiunea avansată este activată, iar imaginea sursă trebuie să fie mai mare decât imaginea vizualizată.
Imaginile mai mari decât dimensiunea afișată vor afișa o bară glisantă de mărire și micșorare atunci când faceți clic pe ea, permițându-vă să măriți sau să micșorați imaginea și să o trageți și să o poziționați în limitele dimensiunilor specificate. Acest lucru ușurează concentrarea pe o anumită zonă, așa cum se arată în exemplul de mai jos. Imaginile cu o variație la trecerea cu cursorul vor afișa o pictogramă de comutare în colțul din dreapta sus atunci când sunt selectate. Dacă faceți clic pe pictogramă, se vor activa toate opțiunile de editare pentru imaginea care apare la deplasarea cursorului.