Hem Sociala medier Adobe CS5 Dreamweaver Page Images - dummies

Adobe CS5 Dreamweaver Page Images - dummies

Video: Dreamweaver CS5 Rollover Image Tutorial - Make a Rollover Image Dreamweaver CS5 2025

Video: Dreamweaver CS5 Rollover Image Tutorial - Make a Rollover Image Dreamweaver CS5 2025
Anonim

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.

Adobe CS5 Dreamweaver Page Images - dummies

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...