*   >> Lecture Éducation Articles >> tech >> développement web

Créer une image diaporama panoramique dans Dreamweaver

Le résultat

Tout d'abord, disons que nous avons déjà un site de travail, et nous voulons ajouter un diaporama dans le contenu. Pour ce tutoriel, nous allons commencer à partir d'un modèle de site Web fourni par www.justdreamweaver.com

Disons que nous voulons remplacer le titre de H2 et le texte avec une belle diaporama:

< h2> Tutoriel Démarrer

Pour faire ce tutoriel, vous aurez besoin de Dreamweaver (8, CS3 ou CS4), l'extension Creative DW ImageShowPro à partir du site Étendre studio et un ensemble de photos.

Vous pouvez télécharger un essai gratuit d'ici et tout ce que vous devez faire est de l'installer à l'aide du gestionnaire d'extensions Adobe Dreamweaver qui vient avec. Pour localiser l'extension dans Dreamweaver, suivez ce lien.

  • Ouvrez le mainpage.html (si vous utilisez le modèle fourni par JustDreamweaver) ou dans votre propre page HTML

  • Cliquez sur la page où vous voulez appliquer le diaporama (dans mon cas, je l'ai supprimé le titre de H2 et le contenu ci-dessous et cliqué dans l'espace vide créé)

  • Accédez à l'onglet ImageShow Pro et cliquez sur Insérer une nouvelle image Afficher Pro bouton

  • Ceci ouvrira la image show interface Pro Dreamweaver, était que nous devrions faire les réglages pour le diaporama.




  • Maintenant, les images que je l'aide pour le diaporama sont 500px de largeur et la hauteur est d'environ 330px. Afin de créer le mouvement panoramique des images, vous devez définir la largeur pour être égale ou inférieure à la taille de l'image, donc au lieu de la valeur par défaut 450x450 revêtons 350px de large et 340 px de hauteur:

  • Photos < li>

  • La prochaine étape est de télécharger des photos.

    ASTUCE: pour temps rapides diaporama de chargement, vous devez ouvrir les images dans Photoshop et «Sauvez-les pour le Web" Pour télécharger des photos, cliquez sur le bouton «Insérer élément"

  • Fixons le diaporama. boucle. Cliquez sur la case.

    Création

    A ce point vous avez téléchargé les images des effets de diaporama et nous pouvons jouer avec les effets. Dans la zone d'effet de diaporama, vous pouvez régler la transition entre les images, régler la vitesse de mouvement panoramique et la direction de panorama.


  • Définissez les effets de diapositives à disparaître (In et Out effets) et glissez retard à 100 ( Vous pouvez jouer avec de retard que vous le souhaitez en fonction sur les photos).

  • Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.