Tutorial av Dreamweaver CS5 Moving Images

Adobe Dreamweaver CS5 er et program du kan bruke til å lage dynamiske websider og web sideelementer. Programmet støtter programmeringsspråk som Javascript, Coldfusion og PHP. Hvis du har bilder på nettstedet ditt som du ønsker å animere eller flytte, kan du inkludere et enkelt script i en HTML-fil for å muliggjøre bevegelse. I tillegg kan du endre hvor du vil at bildet skal flytte og dimensjonene på bildet.

Bruksanvisning

1 Last HTML-dokumentet i Adobe Dreamweaver CS5. Klikk "Split" på verktøylinjen for å vise både design og kode visninger.

2 Klikk på bildet du vil flytte.

3 Skriv inn følgende skriptet inn koden oversiktsruten:

<Div style = "position: absolute"> <img src = "bilde.jpg" width = "500" height = "400" /> </ div>

Erstatt "image.jpg" med navnet på bildefilen og angi "width" og "height" til dine spesielle behov.

4 Klikk på bildet i utformingen ruten. Du vil se en liten blå firkant like over det. Klikk på firkanten for å plassere bildet hvor som helst på siden.

5 Trykk "Ctrl" og "S" sammen på tastaturet for å lagre endringene.