Hur man skapar samtal i Adobe Dreamweaver CS6 - dummies

I Adobe Dreamweaver CS6 kan du infoga bildobjekt, inklusive bildplatshållare, rollover bilder (bilder som ändras när en tittare rullar musen över bilden), navigeringsfält och Fireworks HTML. Du får åtkomst till dessa bildobjekt genom att välja Infoga → Bildobjekt.

Gör så här för att skapa en övergångs bild:

1 Skapa bilderna som ska användas som övergång.

Du kan skapa dessa bilder i Fireworks, Illustrator, Photoshop eller någon annan applikation som kan spara bilder som är optimerade för webben. För bästa resultat, skapa bilder som är exakt samma bredd och höjd.

2 Placera markören på sidan vart du vill att övergången ska visas och välj Infoga → Bildobjekt → Rulla bild eller klicka på knappen Rollover Image i Insert-panelen.

Dialogrutan Insert Rollover Image visas.

3Typ ett bildnamn utan mellanslag i textfältet Bildnamn.

Detta namn används i skriptet som skapar övergången.

4Klicka på bläddraknapparna till höger om textfälten Original Image och Rollover Image för att hitta den bild som du vill visa som standard på sidan.

Bilden visas bara när någon höjer muspekaren över bilden.

5Välj avkryssningsrutan för förladdningsrulla bilden vald.

Detta alternativ hämtar rolloverbilden när sidan laddas ned för att undvika förseningar i rollovers.

6Typ lämpligt beskrivande alt text.

Naturligtvis skulle du skriva det i Alt-textfältet.

7 I det När klicka, Gå till URL-textfältet, berätta Dreamweaver där tittare riktas när de klickar på din övergångsbild.

Du kan antingen klicka på knappen Bläddra för att hitta en annan sida på din webbplats eller ange en webbadress.

Om du länkar till en annan webbplats måste du inkludera // prefixet i början av webbadressen. Om du lämnar detta tomt lägger Dreamweaver automatiskt en död länk (#) automatiskt.

8Klicka på OK.

Övergångsbilden skapas på sidan.

9Till förhandsgranska den nya övergångsbilden, välj Arkiv → Förhandsgranska i webbläsare eller klicka på knappen Live View på dokumentverktygsfältet.

Om du inte har en riktig länk för att använda en knapp eller en hyperlänk kan du ange ett pundtecken (#) för att skapa en död länk. Länken eller knappen visas klickbar men går inte någonstans när den klickas. Det här alternativet är bättre än att trycka på mellanslagstangenten för att skapa ett tomt utrymme som en länk eftersom den länken visar ett fel på sidan Not Found när den klickades.