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.