Tutoriale Web Design, Wordpress si SEO

Pentru a introduce o imagine se foloseste meniul Insert - Insert Image sau CTRL+ALT+I.

In HTML o imagine are tag-ul urmator <img src=”poza.jpg” mce_src=”poza.jpg” width=20 height=20>

Va recomand ca imaginile sa se afle in folderul radacina /un folder denumit “imagini” pentru a evita mai tarziu cand vreti sa publicati site-ul link-uri nefunctinale.

Pentru a stabili sau modifica din proprietatile imaginii trebuie sa selectati imaginea iar in toolbar-ul Properties faceti schimbarile dorite.

• In afara de W(width -latime imagine) si H(height=inaltime imagine) veti observa si
• Vspace (vertical Sapce -spatiul in pixeli dintre imagine si marginea de sus a paginii),
• Hspace ( horizonatl space - spatiul tot in pixeli dintre imagine si marginea din stanga a paginii), src (sura imaginii -calea pana la fisierul unde se afla imaginea),
• Link(daca imaginea se doreste a fi un link in respectiva casuta se va intoduce o adresa web…din acest moment si caseta Target va fi activa ),
• low src - in cazul in care imaginea este mare si ingreuneaza timpul de incarcare a paginii, se poate stabili ca inaintea acestei imagini sa se incarce o alta imagine schitata,
• ALT - textul care va aparea cand se va trece cu mouse-ul peste imagine (atentie este important pentru SEO sa stabiliti textul aceste folosind un cuvand cheie),
• border (chenarul imaginii),
• align (alinierea imaginii),
• un buton EDIT ( care va declansa editorul Fireworks pentru prelucrarea imaginii)
• si alt buton Reset Size (resetare dimensiuni).

Tot in tooldbar-ul properties se alfa si optiunea pentru maparea imaginii (Map). Maparea imaginii presupune suprapunerea imaginii cu zone mouse sensitive (adica va reactiona la click). Maparea imaginii inseamna impartirea imaginii pe zone (hotspots- pct. fierbinti), zone care actioneaza ca un link care deschide o noua fereastra in urma unui click.

In dreptul casutei Map se va introduce un nume unic (de ex Mapa). Sub casuta Map se afla 3 figuri geometrice un dreptungi, un cerc si un poligon. Selectand una dintre figurile geometrice se va desena peste imagine figura geometrice respectiva dupa care in toolbar-ul properties se poate baga adresa web (link), target-ul si alt.