Les diaporamas sont une interface de site Web courante utilisée pour mettre en évidence le contenu récent.
Crédit d'image : Miriam2009/iStock/Getty Images
Dreamweaver est le logiciel de développement Web professionnel d'Adobe et fournit une gamme de fonctions pour la création de pages Web. Ces fonctions vont de l'intégration de base de données back-end aux diaporamas JavaScript qui changent les images à intervalles fixes. Le 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 en HTML standard et peut être consultée 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 Internet où le diaporama sera intégré.
Vidéo du jour
Étape 2
Cliquez sur "Insérer", puis "Calque" dans le menu du calque supérieur. Cela ouvrira une boîte de dialogue; cliquez sur "Image" pour le type de couche 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 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 un contenu approprié pour chaque diapositive que vous souhaitez afficher. Étant donné que le JavaScript utilisé pour afficher le diaporama dans le navigateur Web pré-extrait tout le contenu, vous voulez probablement garder les diaporamas à pas plus de six ou sept éléments afin que la page Web se charge dans un délai raisonnable temps.
Étape 5
Cliquez sur "Fenêtre", puis "Chronologie" dans le menu de la couche supérieure. Un éditeur de chronologie apparaîtra. Saisissez 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 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 souhaitez dans votre chronologie.
Étape 7
Cliquez sur "OK" pour enregistrer vos paramètres.
