|
Les sites les plus avancées et joliment interactive en ligne sont créés avec Flash . Une grande partie de ce qui rend un site Web réussi est la navigation à travers le site. D'autres considérations sont si le site est visuellement attrayant , fonctionnel ou facile à utiliser et à comprendre . Flash 8 permet aux utilisateurs avec seulement une compréhension rudimentaire de ActionScript pour programmer un menu de navigation simple et basique qui peut être ajouté à n'importe quel site Web . Ces instructions étape -par-étape pour la création d' un tel menu ne représentent que l'une des centaines de façons d'accomplir cette tâche. Les choses dont vous aurez besoin
Macromedia Flash 8
connaissances de base et la compréhension de l'interface Flash et mise
Afficher plus Instructions
1 Une fois que vous avez Flash 8 ouverte, utiliser l'outil Rectangle pour dessiner un rectangle horizontal sur la scène d'une couleur de remplissage et d'AVC. Il doit être assez long à l'endroit où vous pouvez imaginer la divisant en différents nombre de boutons que vous prévoyez d'avoir.
2 Utilisez l'outil Ligne pour tracer une ligne verticale de haut en bas de votre horizontale rectangle . Ce sera «diviser» et diviser le rectangle dans une partie qui va représenter l'un de vos boutons. Utilisez la même technique pour diviser complètement le rectangle en sections pour l'ensemble de vos boutons. Il n'a pas d'importance combien de temps les lignes sont , comme vous pourrez le supprimer dans la prochaine étape .
3 Double -cliquez sur une section divisée de rectangle (je recommande la première section, l'extrême gauche) . Appuyez sur "F8" de votre clavier pour transformer cette section en un symbole " Movieclip " . Nommez-le "Button1 ". Sélectionnez la section suivante par un double -clic ( pour obtenir à la fois la course et remplissage ) et appuyez sur "F8" de votre clavier pour en faire un clip. Nommez-le " Button2 ". Répétez cette opération jusqu'à ce que toutes vos sections ont été faites dans movieClips . Supprimer les lignes verticales que vous avez utilisé pour créer les pauses.
4 Insérez une nouvelle couche sur la " Timeline" au-dessus du calque courant ( vous pouvez nommer le calque courant si vous le souhaitez en cliquant deux fois où il dit " Layer 1" . sur cette couche , utilisez l'outil de texte pour saisir le texte ci-dessus chaque section de bouton comme "Home ", " propos ", " contact" , etc Verrouiller cette couche lorsque vous avez terminé .
5 Sélectionnez le premier bouton et en le " inspecteur de propriétés " lui donner un nom d'occurrence " btn1 " . réduire l' alpha du bouton à 70 % dans la zone de couleur de l'inspecteur des propriétés . Nommez le deuxième bouton " btn2 " et réduire son alpha à 70% , aussi bien. Répétez jusqu'à ce que tous les boutons ont été correctement nommé et ont eu leur alpha réduit .
Programme Votre Menu
6 Cliquez sur le "1er image clé " dans le domaine des couches et appuyez sur " F9 " pour ouvrir le panneau " ActionScript " Coller le code suivant : .
btn1.onRollOver = function () { this._alpha + = 30; btn1.onRollOut } = function () { this._alpha - = 30; }
vous pouvez appuyer sur "Ctrl + Entrée" de votre clavier pour tester ce code le bouton doit foncer quand vous mettez votre souris dessus. et revenir à 70 % d'alpha lorsque vous déplacez votre souris sur elle.
7 maintenant, pour faire votre bouton fonctionnel , insérez le code ci-dessous , en remplaçant « YOUR_WEBPAGE " avec votre adresse Web réelle que vous voulez sur le bouton pour emmener les visiteurs à . Notez que votre URL ne doivent avoir guillemets autour de lui .
btn1.onRelease = function () { getURL (" http://www.YOUR_WEBPAGE ")}
8 Répétez les deux étapes ci-dessus pour chacun des boutons de votre menu de navigation , en remplaçant le nom de " btn1 " dans le code par le nom que vous avez donné à chacun de vos boutons.
|
