Hur man klistrar in bilder i Dreamweaver - dummies

Du kan klistra in bilder från operativsystemets Urklipp till Dreamweaver-dokument. Detta fungerar med bilder kopierade till Urklipp från vissa, men inte alla, webbläsare (Safari är en) och för vissa men inte alla icke-webbvänliga filformat. Alla bilder som du kan kopiera till ditt operativsystems urklipp kan klistras in på en öppen HTML-sida i Dreamweaver.

Kopiering av bilder från webbläsare är lite annorlunda beroende på webbläsaren, men den grundläggande tekniken är att högerklicka eller Control-klicka och välj ett alternativ som Kopiera bild från den snabbmeny som visas. Eller du kan kopiera och klistra in bilder från program som Illustrator, Photoshop eller Word.

Med en bild kopierad till Urklipp följer du dessa steg för att klistra in bilden i Dreamweaver och sedan spara den som en bildfil på din webbplats:

1. Klicka i dokumentfönstret vid den punkt där bilden ska infogas.

   Hur bilden visas kommer att definieras med CSS, så observera inte det på det här steget.

2. Välj Redigera → Klistra in.

   Det som händer varierar nu väsentligt beroende på din version av Dreamweaver, även om de grundläggande begreppen är desamma:

   1. Du väljer ett bildfilformat och några andra bildattribut.

   2. Du tilldelar ett filnamn.

   I pre-CS6-versioner av Dreamweaver öppnas en något komplicerad bildförhandsgranskning dialogruta. I CS6 visas bilden i dokumentfönstret, och en mycket förenklad dialogruta för bildoptimering visas.

   

   Standardinställningar för bildformat i dialogrutan Bildförhandsgranskning kan ändras genom att välja bildfilformat och optimeringsinställningar (filter som transparens, kontrast och ljusstyrka) från förinställd popup.

3. Gör dina val i dialogrutan Bildoptimering (förutsatt att du är i CS6) och klicka sedan på OK.

4. I dialogrutan Spara webbbild som öppnas anger du bildnamnet.

   Som med alla webbfilnamn, undvik att använda mellanslag och specialtecken och ersätt inte filnamnstillägget (.png,.jpg eller.gif).

5. Spara filen till din webbplatsens rotmapp genom att klicka på Site Root-knappen.

   Spara till webbplatsens rotmapp är alltid ett säkert spel. Om du är bekväm med att hantera filmappsstrukturer, kan du rädda bilder i undermappar i din webbplatsmapp.

6. Klicka på Spara.

   Bilden sparas och dialogrutan Bildbeskrivning (Alt text) visas. I den här dialogrutan definierar du tillgänglighetsattribut.

   Du kan ange alt text (text som kommer att läsas högt för att beskriva bilden för synskadade besökare av läsarprogramvaran, eller som kommer att visas i webbläsarmiljöer där bildvisning är inaktiverad) i rutan Alternativ text i dialogrutan.

7. Klicka på OK för att infoga bilden.

   Bilden kommer att synas på sidan i designvy.