|
Déterminer la meilleure façon d'afficher vos images en ligne est souvent difficile. Finie l'époque où les images ont été placés sur des pages web dans un tableau statique , les gens s'attendent à ce que plus d'interactivité maintenant . Un diaporama peut être un moyen amusant et interactif pour afficher vos photos sur le web. Que vous présentons des objets à vendre , en affichant votre portfolio professionnel ou partager des photos personnelles , Adobe Flash offre la flexibilité et la puissance de créer un diaporama interactif qui peut être rapidement intégré dans votre site web. Choses que vous devez
Adobe Flash
Images
Voir Plus Instructions
Créer un diaporama
1 Ouvrez un nouveau document Flash et fixé la toile au choix taille pour le diaporama . Cliquez sur " Taille " dans la fenêtre Propriétés . Entrez les nouvelles dimensions dans les champs Largeur et Hauteur.
2 créer trois couches. Sélectionnez " Insérer ", " Timeline" et " couche " pour tous les trois. Nommez les meilleurs calque " Actions ", la deuxième couche "Controls" et la troisième couche " Images ".
3 Placez la première image. Sélectionnez " Fichier", " Importer" et " Importer dans la bibliothèque . " Sélectionnez ensuite les autres images pour le diaporama. Sélectionnez la première image sur votre couche "Image" . Choisissez "Fenêtre" et " Library " pour ouvrir la fenêtre de votre bibliothèque. Sélectionnez la première image et faites-la glisser sur la scène. Si l'image doit être redimensionnée , régler la hauteur (H) et la largeur (W) dans la fenêtre " Propriétés". Faites ensuite glisser l'image dans la position correcte .
4 Insérez une nouvelle « image-clé » pour chaque image dans le diaporama. Cliquez sur l'image suivante dans la couche d'image et sélectionnez "Insérer ", " Timeline" et " image clé " . Une nouvelle image clé avec la première image apparaît. Sélectionnez l'image et cliquez sur " Swap" dans la fenêtre Propriétés . Ensuite, sélectionnez l'image suivante pour le diaporama . Répétez cette étape jusqu'à ce que toutes les images sont correctement placés .
5 créer des contrôles . Sélectionnez la première image sur votre calque " Controls " . Placer ou dessiner les boutons suivant et précédent . Pour créer des boutons triangulaires simples , sélectionnez l'outil " Polygone ". Cliquez sur "Options" dans la fenêtre Propriétés et modifier le nombre de parties à 3. Dessinez les deux triangles comme vous le souhaitez .
6 Convertir les boutons de symboles. Cliquez sur le bouton suivant que vous souhaitez utiliser. Sélectionnez "Modifier " et " Convertir en symbole . " Sélectionnez "Button" que le type et le nom du bouton " next_btn . " Dans la fenêtre Propriétés de changer le nom de l'instance à « next_btn " ainsi. Répétez le processus à partir du bouton précédent , en changeant le nom et le nom de l'instance à « prev_btn . " Assurez-vous que la couche Controls est la même longueur que la couche «Images» . Si ce n'est pas , sélectionnez la dernière image du calque , puis sélectionnez " Insérer", " Timeline" et "Frame ".
7 Ajouter actions. Le diaporama a besoin d' un peu de code pour arrêter le film de jouer automatiquement et de donner à la fonctionnalité des boutons. Sélectionnez la première image sur votre calque Actions . Ajoutez le code suivant : "//Arrête le film de jouer le automatically.stop cadres ();
//Lorsque l'utilisateur clique sur next_btn , la trame suivante appear.next_btn.onRelease = function () { if ( _root._currentframe == 5) { gotoAndStop (1) } else { nextFrame ();} }
//Lorsque l'utilisateur clique sur prev_btn , l'image précédente sera appear.prev_btn.onRelease = function ( ) {if ( _root._currentframe == 1) { gotoAndStop (5) } else { prevFrame (); }} "
Ajouter au Site
8 Publier l' diaporama . Sélectionnez "Fichier" et "Publier Setting ... " . Dans l'onglet Formats , assurez-vous que "Flash" et le type "HTML " sont sélectionnés. Appuyez sur "Publier" pour créer un fichier SWF , JavaScript (JS ) fichier, et le fichier HTML.
9 Ajouter le site . Ouvrez le fichier HTML dans un éditeur web, tels que Dreamweaver ou un éditeur de texte. Sélectionnez et copiez le code de à , y compris et . Collez-le dans le code HTML de votre page web où vous voulez votre diaporama à afficher.
10 utiliser un client FTP comme Filezilla pour télécharger le code HTML , un fichier JavaScript et le fichier SWF vers votre site. Assurez-vous que le code HTML reflète toujours l'emplacement de ces fichiers. Notez que si vous avez placé tous les fichiers à l'intérieur des dossiers différents , vous devrez peut-être modifier le code HTML et de le télécharger à nouveau .
|
