Adobe CS5 Dreamweaver Page Images - dummies

Du kan lägga till bilder inklusive inbyggda Photoshop (PSD) -filer och Fireworks (PNG) till din tomma sida i Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Placering av bilder påverkar Dreamweaver Files-panelen.

1. Välj Infoga → Bild.

   Dialogrutan Välj bildkälla visas.

   Alternativt klickar du på fliken Gem i Insert-panelen och klickar på knappen Infoga bild.

2. Navigera till din bilds plats och klicka på Välj (Mac) eller OK (Windows).

   Om du väljer en inbyggd Photoshop (PSD) eller Fireworks (PNG) -fil visas dialogrutan Bildförhandsgranskning, så att du kan optimera bilden direkt i Dreamweaver.

   Om du väljer en webbklar bild, till exempel GIF, JPG eller PNG, och bilden ligger utanför din webbplatsmapp, ser du en varning. Dreamweaver varnar dig om att bilden ligger utanför rotmappen, vilket orsakar problem när du kopierar sidor till en webbserver.

   Klicka på Ja för att kopiera filen till din webbplatss rotkatalog. Tilldela ett nytt namn där eller klicka bara på Spara för att behålla samma namn och duplicera bildfilen i din webbplatsmapp.

   Dialogrutan Image Tag Accessibility Attributes visas.

   Alla bilder ska ha Alt (alternativ) text - text som visas innan bilden har laddats ner eller om tittaren har stängt av alternativet för att se bilder.

3. Lägg till en lämplig beskrivning av bilden i textrutan Alternativ text.

   Om bilden är en logotyp, ska beskrivningen innehålla företagsnamnet som Alt-texten eller, om det är ett foto eller en illustration, beskriv bilden med några ord.

   Från en tillgänglighetssynvinkel hjälper alt text till skärmsläsare (t.ex. de som används av synskadade) för att identifiera bildinnehåll för användare. Dessutom är Alt-text ett värdefullt verktyg för att ge sökmotorer ett sätt att indexera bildinnehåll som ingår på din webbplats.

4. Klicka på OK.

   Bilden läggs till på sidan och på panelen Filer.

Du kan redigera en bild genom att dubbelklicka på den i panelen Filer. Du kan också använda egenskapsinspektören för att se detaljer om bilden, inklusive dess dimensioner och filstorlek. Du kan också ändra bildegenskaper, inklusive gränssnitt, hyperlänk och vertikal och horisontell polning.

Använd egenskapsinspektören för att se information om din bild och ändra bildegenskaper.

När du skapar en större webbplats med flera sidor kopplade till varandra kanske du vill ändra visningen av panelen Filer. Genom att klicka på listrutan (längst upp till vänster på panelen Filer) där din webbplats är lokaliserad kan du hitta mappar och andra webbplatser du har använt nyligen.Genom att klicka på rullgardinsmenyn Visa till höger kan du ändra utseendet på panelen Filer.

Öppna filer från panelen Filer genom att dubbelklicka på dem.