Cum să adăugați imagini pe site-ul dvs. în Dreamweaver - dummies

Adăugarea unei imagini la pagina dvs. Web poate părea aproape la început, deoarece procesul este atât de simplu cu Dreamweaver. Provocarea cu grafica web nu le adaugă în paginile dvs., ci creează imagini frumoase care se încarcă rapid în browserul dvs. de vizualizare.

Aveți nevoie de un alt program, cum ar fi Photoshop, Photoshop Elements sau Fireworks, pentru a crea, converti, edita și optimiza imagini. Optimizarea imaginilor face ca dimensiunile fișierelor să fie mai mici, astfel încât imaginile să se descarce mai repede. Dreamweaver oferă câteva instrumente de editare a imaginilor de bază, dar în cea mai mare parte folosiți Dreamweaver pentru a insera și poziționa imagini pe pagina dvs.

Dreamweaver face ușor de plasat imaginile pe paginile dvs. web și oferă mai multe moduri de a face acest lucru:

• Faceți clic pe pictograma Imagini din panoul Common Inserare și apoi selectați o imagine utilizând caseta de dialog Insert Image.

• În panoul Fișiere, faceți clic și trageți un nume de imagine pe pagina în care doriți să apară imaginea.

• Utilizați meniul Inserare.

Dacă nu aveți o imagine JPEG, GIF sau PNG optimizată pentru web, puteți descărca imagini gratuite care sunt deja optimizate.

Deschideți o pagină existentă sau creați și salvați o pagină nouă.

1. Plasați cursorul în locul în care doriți să inserați imaginea în pagină.

2. Puteți introduce imagini în colțul din stânga sus al unui nou fișier gol și puteți introduce imagini în etichete și elemente într-o pagină web, însă nu puteți plasa o imagine în mijlocul paginii fără a utiliza cod HTML suplimentar etichete sau formatare CSS pentru ao poziționa.

   Selectați Insert → Image → Image.

3. Se afișează caseta de dialog Selectarea sursei de imagine.

   Răsfoiți pentru a localiza imaginea pe care doriți să o inserați.

4. În funcție de sistemul computerului, puteți previzualiza imaginile pe măsură ce le inserați în moduri diferite. Iată trei opțiuni comune:

   Pe un PC cu Windows XP,

   • alegeți Miniaturi din lista derulantă din meniul View din partea dreaptă a câmpului Look In pentru a afișa versiunile miniatură ale tuturor imaginilor din orice folder deschis. De asemenea, puteți vizualiza o singură previzualizare a oricărei imagini selectate în extrema dreaptă a casetei de dialog. Pe un PC cu Windows Vista sau Windows 7

   • , alegeți o opțiune de pictogramă (Icoane mici, Icoane medii, Icoane mari sau Pictograme foarte mari) din meniul derulant din meniul derulant din partea dreaptă a ecranului Look In pentru a afișa versiunile miniatură ale tuturor imaginilor din orice folder deschis. De asemenea, puteți vizualiza o singură previzualizare a oricărei imagini selectate în extrema dreaptă a casetei de dialog. Pe un Mac,

   • alegeți opțiunea Vizualizați ca coloane din partea stângă sus a casetei de dialog. Puteți vedea o singură previzualizare a oricărei imagini selectate în extrema dreaptă a casetei de dialog. Credit: Fotografii de Casey Stoll

     

     Pentru a insera imaginea, faceți dublu clic pe numele imaginii sau faceți clic pe o singură dată, apoi faceți clic pe OK.

5. Dacă introduceți o imagine într-o pagină și imaginea nu este salvată în folderul site-ului dvs. local, Dreamweaver vă solicită o casetă de dialog de avertizare și vă oferă să copiați imaginea în folderul site-ului dvs. local. Mulți designeri creează un subfolder numit

   imagini în interiorul folderului site-ului local unde stochează toate imaginile de pe site-ul lor, dar puteți organiza imagini în mai multe subfoldere dacă preferați. Selectați imaginea de pe pagina dvs. web pentru a vizualiza și edita proprietățile imaginii.

6. Opțiunile de imagine sunt afișate automat în inspectorul Proprietăți din partea de jos a paginii când este selectată o imagine.

   Credit: Fotografie de Casey Stoll

   

   Când introduceți un fișier imagine pe o pagină, nu adăugați de fapt o copie a imaginii în pagină; creați o referință la imagine. Codul de bază seamănă foarte mult cu codul pentru un link dintr-o pagină în alta.

Ambele referințe de imagine și link-uri includ numele fișierului și calea de la pagină la acel fișier. În esență, creați o instrucțiune pentru un browser web pentru a găsi imaginea când afișează pagina.

Pentru a afișa o imagine pe pagina web, trebuie să încărcați atât pagina, cât și imaginea când publicați site-ul. Dacă fișierele imagine și paginile care se referă la acele fișiere nu se află în aceeași locație relativă de pe hard disk ca și pe serverul dvs. web, rupeți referința la imaginile dvs. și pe pagina dvs. apare o pictogramă de urgență deteriorată.

Cea mai bună modalitate de a vă asigura că imaginile și fișierele dvs. rămân acolo unde ar trebui să se afle între ele este să le permiteți Dreamweaver să le urmărească pentru dvs. De aceea este foarte important să finalizați procesul de configurare a site-ului și să vă asigurați că nu vă deplasați sau redenumiți niciodată o imagine, cu excepția panoului Fișiere.