Hem Sociala medier Skapa en Rollover-bild i Dreamweaver CS3 - Dummies

Skapa en Rollover-bild i Dreamweaver CS3 - Dummies

Video: Infoga en Flashfilm i Dreamweaver CS 2024

Video: Infoga en Flashfilm i Dreamweaver CS 2024
Anonim

I Dreamweaver, Rollover bilder - som namnet antyder - är utformat för att reagera när någon rullar en markör över en bild. Effekten kan vara lika dramatisk som en bild av en hund som ersätts av en bild av ett lejon, eller så subtilt som färgen på ett ordbyte som en bild ersätter en annan. Hur som helst innehåller Dreamweaver en särskild dialogruta för rollovers, vilket gör att en enkel övergångseffekt blir ett av de enklaste beteenden som ska tillämpas.

Gör så här om du vill skapa en övergångs bild genom att använda dialogrutan Dreamweaver's Insert Image Rollover:

1. Klicka för att placera markören på den sida där övergången ska visas.

Rollover-effekter kräver minst två bilder: en för initialtillståndet och en för rullande tillstånd. Du kan använda två olika bilder eller två liknande, men de båda borde ha samma dimensioner. Annars får du några konstiga skalningseffekter eftersom båda bilderna måste visas i exakt samma utrymme på sidan.

2. Välj Infoga -> Bildobjekt -> Rulla bild.

Dialogrutan Insert Rollover Image visas.

3. Namn på din bild i rutan Bildnamn.

Innan du kan tillämpa ett beteende på ett element, till exempel en bild, måste elementet ha ett namn så att beteendelsesskriptet kan referera till det. Du kan namnge element som du gillar så länge du inte använder mellanslag eller specialtecken.

4. Ange den första bilden du vill synas i rutan Original Image. Använd Bläddra-knappen för att hitta och välj bilden.

Om bilderna inte redan finns i din webbplatss rotmapp kommer Dreamweaver att kopiera dem till din webbplats när du skapar övergången.

5. I rutan Rollover Image anger du bilden du vill bli synlig när besökare flyttar sina markörer över den första bilden.

Igen kan du använda Browse-knappen för att hitta och välja bilden.

6. Markera kryssrutan Preload Rollover Image för att ladda alla överlämnade bilder i webbläsarens cache när sidan först laddas.

Om du inte väljer att göra det här steget kan dina besökare uppleva en fördröjning eftersom den andra bilden inte kommer att hämtas förrän musen rullas över originalbilden.

7. I rutan När du klickar, gå till URL-rutan anger du någon webbadress eller bläddrar för att hitta en annan sida på din webbplats som du vill länka till.

Om du inte anger en webbadress, lägger Dreamweaver automatiskt in # tecknet som platshållare.

8. Klicka på OK.

Bilderna ställs in automatiskt som en övergång.

9. Klicka på klotikonet längst upp i arbetsytan för att förhandsgranska ditt arbete i en webbläsare och testa hur överlämningen fungerar.

Skapa en Rollover-bild i Dreamweaver CS3 - Dummies

Redaktörens val

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Har du någonsin märkt att din sökning Resultaten skiljer sig vanligtvis från en annan persons sökresultat - även om du båda skriver samma fråga i samma sökmotor? Innan du tror innebär det att sökmotoroptimering är helt meningslöst och kasta händerna i exasperation, läs vidare. Här är det som verkligen händer. ...

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Key Performance Indicators (KPI) hjälper en organisation att uppnå sina mål genom att definiera dessa mål och mäta organisationens framsteg mot dem. Enkelt uttryckt är KPI-mål som du kan använda för att mäta din webbplatss framgång. KPIs är viktiga för att du behöver veta vad dina mål är för att korrekt kunna göra Web Analytics.

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Se till att din webb webbplatsen är synlig för sökmotorer blir allt viktigare eftersom e-handel konkurrerar om onlineinkomster. Du kan förlänga din e-postmarknadsstrategi utöver standardinmatningen för att ge dina e-postmarknadsmeddelanden större chanser att få märkt. Ta med följande taktik i din plan: Se till att varje landningssida ...

Redaktörens val

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

För att du ska kunna avgöra om din exponeringsinställningarna ligger i M (manuell) exponeringsläge, visar Nikon D5100 en exponeringsmätare i sökaren och bildinformation. Mätaren är lite linjär grafisk. För att aktivera den, tryck bara på avtryckaren halvvägs och släpp sedan den. Minusskyltänden på ...

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

Din Nikon D3100 kan ta bilder på en mycket större storlek än vad du behöver för att dela dem online - bilder på webben behöver inte vara högupplösta för att kunna ses tydligt. När det gäller e-post, om din mottagare bara vill se (eller posta) bilderna och inte planerar att skriva ut dem, kan de vara ...

Redaktörens val

Sälja banner- och textannonsering på din mamma Blogg - dummies

Sälja banner- och textannonsering på din mamma Blogg - dummies

Säljer banner- och textannonser kan vara De vanligaste sätten att sälja reklam på din blogg, men de är inte det enda sättet. Banderoller och textlänkar är bara en del av vad du kan erbjuda till sponsorer. Ju mindre du är som bloggare, desto mer kreativ kan du få med att skapa anpassade kampanjer ...

Sälja produkter och tjänster på din mamma blogg - dummies

Sälja produkter och tjänster på din mamma blogg - dummies

Bloggar är ett extremt effektivt sätt att marknadsföra din egna produkter eller tjänster att sälja. Bloggar hjälper dig att bygga förtroende med kunder, hitta i sökmotorerna och ge dina potentiella kunder gott om skäl att köpa från dig. Även om det finns likheter med att sälja både produkter och tjänster, kan de faktiskt vara ...

Skapa databasen för din WordPress-blogg - dummies

Skapa databasen för din WordPress-blogg - dummies

När du har hämtat WordPress. org-filer och laddade dem till din dator, har du fortfarande några steg att gå. Detta steg är förmodligen det mest tekniska. Ta ett djupt andetag och förbered dig för att skapa en databas för din WordPress-blogg. Du kan göra det! Förmodligen är upprättandet av en databas inte faktiskt fruktansvärt svårt. ...