Comment créer un diaporama avec Dreamweaver

Dreamweaver est le logiciel de développement Web professionnel d'Adobe et offre une gamme de fonctions pour créer des pages Web. Ces fonctions vont de l'intégration de la base de données back-end aux diaporamas JavaScript qui changent les images à intervalles fixes. Le code JavaScript standardisé de Dreamweaver permet aux développeurs de sites Web de créer des diaporamas sans avoir à creuser directement dans le code. Alors que l'élément Web appelé « diaporama » partage le même nom qu'un jeu de diapositives PowerPoint, la sortie de Dreamweaver est un code HTML standard visible dans n'importe quel navigateur Web.

Étape 1

Lancez Dreamweaver et ouvrez le projet de site Web à partir du menu "Fichier". Accédez à la page de votre projet de site Web où le diaporama sera intégré.

Étape 2

Cliquez sur « Insérer », puis sur « Calque » dans le menu du calque supérieur. Cela ouvrira une boîte de dialogue; cliquez sur "Image" pour le type de calque dans cette case.

Étape 3

Cliquez sur "Parcourir" et accédez à votre répertoire d'images. Sélectionnez l'image de votre premier calque - ce sera la première diapositive affichée dans le diaporama. Vous pouvez également pointer vers d'autres pages HTML plutôt que vers des images ; c'est une façon d'intégrer du texte et des liens cliquables dans le diaporama de votre site Web.

Étape 4

Répétez les deux étapes précédentes, en ajoutant un nouveau calque et le contenu approprié pour chaque diapositive que vous souhaitez afficher. Étant donné que le JavaScript utilisé pour afficher le diaporama dans le navigateur Web prélèvera tout le contenu, vous souhaiterez probablement limiter les diaporamas à six ou sept éléments au maximum afin que la page Web se charge dans un délai raisonnable.

Étape 5

Cliquez sur « Fenêtre », puis sur « Chronologie » dans le menu du calque supérieur. Un éditeur de chronologie apparaîtra. Entrez une durée pour chaque image du groupe de calques que vous avez créé. Sélectionnez la première image que vous souhaitez afficher, cliquez avec le bouton droit sur l'entrée de la chronologie correspondante et sélectionnez "Ajouter une image clé".

Étape 6

Sélectionnez une combinaison calque/image pour l'image clé sélectionnée et répétez cette procédure pour chaque calque et image que vous voulez dans votre chronologie.

Étape 7

Cliquez sur "OK" pour enregistrer vos paramètres.