Anleitung für Dreamweaver CS5 bewegte Bilder

March 27

Adobe Dreamweaver CS5 ist eine Anwendung, die Sie verwenden können, um dynamische Webseiten und Webseiten-Elemente zu erstellen. Das Programm unterstützt die Programmiersprachen wie JavaScript, ColdFusion und PHP. Haben Sie Bilder auf Ihrer Website, die Sie animieren oder verschieben möchten, können Sie ein einfaches Skript in eine HTML-Datei aktivieren Sie Bewegung aufnehmen. Darüber hinaus können Sie ändern, wo Sie das Bild bewegen soll und die Abmessungen des Bildes.

Anweisungen

1 Laden Sie Ihr HTML-Dokument in Adobe Dreamweaver CS5. Klicken Sie auf der Symbolleiste der Anwendung auf den Entwurf und die Codeansicht anzeigen "Split".

2 Klicken Sie auf das Bild, das Sie verschieben möchten.

3 Geben Sie das folgende Skript in die Code-Ansicht-Bereich:

< Div Style = "Position: Absolute" >< Img src="image.jpg" Width = "500" Height = "400" / >< / Div >

Ersetzen Sie "image.jpg" durch den Namen von Ihrem Image-Datei und legen Sie die "Breite" und "Höhe" auf Ihre speziellen Anforderungen.

4 Klicken Sie das Bild im Entwurfsbereich. Sie sehen ein kleines blaues Quadrat direkt darüber. Klicken Sie auf das Quadrat, um dein Bild an einer beliebigen Stelle auf der Seite positionieren.

5 Drücken Sie die "Strg" und "S" zusammen, auf Ihrer Tastatur, um die Änderungen zu speichern.