Wie man eine erweiterte Flash Website erstellen

October 16

Wie man eine erweiterte Flash Website erstellen

Fortgeschrittene flash-Websites integrieren verschiedene Features wie flash Effekte, Manipulation von Objekten und Elementen auf der Bühne über ActionScript und eine laden-flash-Animation, die den Fortschritt einer laden-Website zeigt.

Als Faustregel gilt haben die Funktionalität Vorrang vor den Ästhetik. Darüber hinaus sollten diese Features die Website verbessern statt ablenken den Besucher. Das Hinzufügen dieser Funktionen macht keinen praktischen Sinn wenn sie unnötig lange Ladezeiten verursachen. Flash-Funktionen sollten sparsam auf jeder Website aus dem oben genannten Grund verwendet werden.

Anweisungen

Vorladen

1 Erstellen Sie eine neue Ebene, auf der Zeitachse, und nennen Sie es "Preloader."

2 Klicken Sie auf Bild 2 der "Preloader" Schicht, und geben Sie den Text "einlegen" beim Formatieren des Textes wie gewünscht.

3 Konvertieren Sie den Text in einen Movieclip, indem Sie F8 drücken und "Loader" zu benennen.

4 Doppelklicken Sie auf den Movieclip "Loader" und geben Sie ein zweites Textfeld auf der rechten Seite mit dem Text "99 %" wie folgt:

Laden von 99 %

5 Gehen Sie zurück zum Stamm-Magistrale und klicken Sie auf den Movieclip "Loader".

6 Drücken Sie F9, und geben Sie den folgenden Code:

OnClipEvent (Last) {}

total = _root.getBytesTotal();

}OnClipEvent (EnterFrame) {}

loaded = _root.getBytesLoaded(); current = int(loaded/total*100);

p = "" + Strom + "%";Wenn (geladen == gesamt) {}

_root.gotoAndStop(2);

}

7 Erstellen Sie eine neue Ebene "Actions."

8 Klicken Sie auf Bild 1 und drücken Sie F8. Geben Sie den folgenden Code:

Stop();

Animierte Interaktivität

9 Erstellen Sie eine neue Ebene "Buttons" auf der Zeitachse.

10 Ziehen Sie eine Schaltfläche Grafik aus der Bibliothek und platzieren Sie es auf der Hauptbühne.

11 Drücken Sie F8, um die Grafik in einen Movieclip zu konvertieren. Nennen Sie es "ButtonMC."

12 Drücken Sie F8, erneut, und wandelt es in einen anderen Clip namens "AboutMC."

13 Geben Sie "About_mc" den Instanznamen; setzen Sie "About_mc" unter der Registerkarte "Eigenschaften".

14 Doppelklicken Sie auf "AboutMC" und fügen Sie 2 zusätzliche Schichten auf seine Timeline, "Effect" und "Text".

15 Doppelklicken Sie auf die "AboutMC" und drücken Sie F8, erneut, um in ein Schaltflächensymbol umwandeln.

16 Doppelklicken Sie auf das Symbol des "AboutMC"-Schaltfläche und legen Sie die entsprechenden "Bis" "Über" "Down" und "Hit" Staaten. Verwenden Sie Gestaltung oder Bild um zu definieren, wie die Schaltfläche angezeigt wird, wenn die Maus über die Schaltfläche und umgekehrt wird aus der Bibliothek.

17 Fügen Sie den Code unten für jede Schaltfläche, durch Drücken von F9 auf 1 Frame der Ebene "Actions":

About_mc.onRelease = function [

getURL ("http://www.aboutus.com", "_blank")

Passen Sie jeder Link, wenn Sie auf der rechten Seite beim Klicken auf an.

18 Fügen Sie die Seiteninhalt und Grafiken durch Ziehen auf der Hauptbühne für jedes Button-Instanz hinzu.

19 Drücken Sie STRG + EINGABETASTE, um zu testen.

Tipps & Warnungen

  • Wenn Sie Probleme beim Entwurf der Preloader haben, versuchen Sie den Download einige freie on-line-Preloader, die Sie anpassen können.