Cum să inserați imagini în Dreamweaver - dummies

Puteți să inserați imagini din Clipboard-ul sistemului de operare în documente Dreamweaver. Aceasta funcționează cu imaginile copiate în Clipboard de la unele, dar nu toate, browserele (Safari fiind unul) și pentru unele, dar nu toate, formate de fișiere non-web. Orice imagine pe care o puteți copia în clipboard-ul sistemului de operare poate fi inserată într-o pagină HTML deschisă în Dreamweaver.

Copierea imaginilor din browsere este puțin diferită în funcție de browser, dar tehnica de bază este să faceți clic dreapta sau să faceți clic pe Control și să alegeți o opțiune cum ar fi Copiere imagine din meniul contextual care apare. Sau puteți copia și lipi lucrări de artă din programe precum Illustrator, Photoshop sau Word.

Cu o imagine copiată în Clipboard, urmați acești pași pentru a lipi imaginea în Dreamweaver și apoi salvați-o ca fișier imagine în site-ul dvs.:

1. Faceți clic pe fereastra Document în punctul unde imaginea trebuie inserată.

   Modul în care imaginea va fi afișată va fi definită cu CSS, deci nu observați în acest moment.

2. Selectați Editare → Lipire.

   Ce se întâmplă acum variază în mod semnificativ în funcție de versiunea dvs. de Dreamweaver, deși conceptele de bază sunt aceleași:

   1. Alegeți un format de fișier imagine și câteva alte atribute de imagine.

   2. Atribuiți un nume de fișier.

   În versiunile pre-CS6 ale Dreamweaver, se deschide o casetă de dialog previzualizată oarecum complexă. În CS6, imaginea apare în fereastra Document și apare o casetă de dialog Optimizată de imagine foarte simplificată.

   

   Setările prestabilite ale formatului de imagine din caseta de dialog Previzualizarea imaginilor pot fi modificate prin alegerea formatului de fișier imagine și a setărilor de optimizare (filtre precum transparența, contrastul și luminozitatea) din fereastra Presetare.

3. Alegeți opțiunile din caseta de dialog Optimizare imagine (presupunând că sunteți în CS6), apoi faceți clic pe OK.

4. În caseta de dialog Salvare imagine Web care se deschide, introduceți numele imaginii.

   Ca și în cazul tuturor file-urilor web, evitați utilizarea spațiilor și caracterelor speciale și nu înlocuiți extensia de nume de fișier (.png,.jpg sau.gif).

5. Salvați fișierul în dosarul rădăcină al site-ului făcând clic pe butonul Root Site.

   Salvarea în folderul root este întotdeauna un pariu sigur. Dacă sunteți confortabil cu gestionarea structurilor de fișiere de fișiere, nu ezitați să salvați imagini în subfolderele din folderul site-ului dvs., deși.

6. Faceți clic pe Salvați.

   Imaginea este salvată și apare caseta de dialog Image Description (Alt Text). În această casetă de dialog, definiți atributele de accesibilitate.

   Puteți introduce alt text (textul care va fi citit cu voce tare pentru a descrie imaginea pentru vizitatorii cu probleme de vedere prin software-ul cititorului sau care se va afișa în mediile de navigare în care afișarea imaginii este dezactivată) în caseta Alternate Text din dialog.

7. Faceți clic pe OK pentru a insera imaginea.

   Imaginea va fi vizibilă în pagină în ecranul Design.