Wkudk

Hvordan at skabe en grundlæggende flash interaktiv webside


Med disse oplysninger, også du kan opbygge din egen hjemmeside. Mange store virksomheder har gode flash hjemmesider, men alligevel så mange små virksomheder synes ude af stand til at designe en glat og ren hjemmeside. I denne tutorial, vil vi skabe en Tropics-tema website. BEMÆRK: Denne tutorial forudsætter, at du ved hvordan man bruger Flash 8 eller MX.

Redigeret af Alex Dickinson 2008/06/03

Steps

Hvordan at skabe en grundlæggende flash interaktiv webside. Åbn dit Macromedia Flash program, og vælg "nye flash dokument".
Hvordan at skabe en grundlæggende flash interaktiv webside. Åbn dit Macromedia Flash program, og vælg "nye flash dokument".
  1. 1
    Åbn dit Macromedia Flash program, og vælg "nye flash dokument".
  2. 2
    På "egenskaber" nederst på skærmen (hvis du ikke kan se dette, skal du gå til vinduet -> ejendom -> klik på ejendom, skal du klikke på knappen, der siger "størrelse" ved siden af.
  3. 3
    En kaldet vindue "dokumentegenskaber" skulle poppe op i de to tomme felter ud for "dimensioner", udfylde 625 for bredden og 750 for længden.
  4. 4
    På den samme "egenskaber" baren, ændre baggrundsfarven til en blød grøn, # bae29e (brug tekstfeltet øverst farvevælgeren) er en god skygge til at bruge, og klik på OK.
  5. 5
    Opret et symbol ved at trykke på CTRL + f8.
  6. 6
    Name it "banner_mc" og sæt dens type "filmklip" og derefter klikke på OK.
  7. 7
    Opret et rektangel, med ingen påfyldning og en 2-pixelstørrelse grænse, ved hjælp af rektangelværktøjet til venstre.
  8. 8
    Vælg rektangel bruger markeringsværktøjet (default - "v) og indstille dens bredde til 750, og højden til 172 ved hjælp af ejendommen nederst på skærmen.
  9. 9
    På "farve mixer" side-rude på siden af skærmen (hvis du ikke kan se dette gå til vinduet -> farve mixer, skal du vælge den radiale indstilling fra drop-down boks.
  10. 10
    Længst til venstre i den radiale farve baren, og vælg et blad farve (ved at dobbeltklikke på skyderen). # 66CC00 bør arbejde pænt.
  11. 11
    3/4 's af vejen langs linjen, placere en solid hvid ved blot at klikke og dobbeltklikke på den og vælge hvidt.
  12. 12
    Hele vejen til højre ende af linjen, placere en tropisk kiwi farve. # 99FF66 er et godt valg her.
  13. 13
    Nu bruger malerspandværktøjet (default - 'k'), udfylde dit banner med den radiale. Hvor du klikke for at fylde vil repræsentere midten af ​​din cirkel-typen design. Placere midten af ​​cirklen på toppen af ​​stangen, omkring 3/4 's af vejen til den venstre ende.
  14. 14
    Kig op til din lag bar, og kalder dette lag "base".
  15. 15
    Opret et lag ved hjælp af den nye layer-knappen (nederst baren) - kalder det "tekst".
  16. 16
    Vælg tekstværktøjet (default - 't') på venstre, og sørg for teksten er sat til "statiske tekst" option på bunden af ejendommen baren.
  17. 17
    Indstil farven på teksten til sort.
  18. 18
    Vælg en skrifttype til at bruge. Nogle af de anførte skrifter er skræddersyede skrifttyper og beslagene ved siden af ​​dem indeholder hjemmesiden til at hente dem fra.
    • Scriptina (Abstract Fonts)
    • WirWenzlaw (Abstract Fonts)
    • Viner Hand ITC
    • Sylfaen
    • Monotype Corsiva
    • HandScript
    • Lucida Blackletter
    • Papyrus
  19. 19
    Skriv dit navn på din hjemmeside i tekstfeltet og finde en passende størrelse.
  20. 20
    Placere teksten til venstre side. Efterlade nok plads til at indsætte et billede.
  21. 21
    Gå på internettet, for at google billeder, og skriv "palme".
  22. 22
    Vælg et foto af en palme, som denne bitmap: Palm tree
  23. 23
    Gem dette billede, og importere den ind i din flash dokument ved hjælp af fil -> import.
  24. 24
    Navngiv den i biblioteket som "palm tree_bmp"
  25. 25
    Opret et symbol (CTRL + f8), name it palm tree_gr, og vælg den grafiske valgknappen.
  26. 26
    Resize det til din smag ved at bruge værktøjet Fri transformering (default - Q) til venstre på skærmen og skære nogen del af det du ikke kan lide ud.
  27. 27
    Gå tilbage til banneret, og lave et nyt lag.
  28. 28
    Kald det "billede".
  29. 29
    Sæt din håndflade tree_gr og skalere det, så det passer i venstre hjørne.
  30. 30
    Nu placere din banner_mc på scene 1.
  31. 31
    Opret et nyt symbol (CTRL + f8), kalder det navigation_mc, og gøre det til et filmklip.
  32. 32
    Opret en tynd, lang rektangel til at huse dine links.
  33. 33
    Kald laget "base"
  34. 34
    Gør det har en 2-pixelstørrelse grænsen
  35. 35
    Fyld rektangel med # 66cc00.
  36. 36
    Opret en anden (knap) symbolet (CTRL + f8), kalder det "home_bt".
  37. 37
    Se tilbage på listen over skrifttyper jeg forudsat, og vælg en anden skrifttype end din banner, en, der ser godt ud med den anden. Kontroller, at alle dine knapper bruger den samme skrifttype og størrelse.
  38. 38
    Skriv "hjem",
  39. 39
    Bryde det fra hinanden ved hjælp af CTRL + B.
  40. 40
    Kopier frame "op", og indsætte det til de andre rammer.
  41. 41
    Navngiv dette lag "tekst".
  42. 42
    Opret et nyt lag, kalder det "skjulte".
  43. 43
    Lav et rektangel groft dækker din tekst.
  44. 44
    Giv rektangel ingen kant, og sæt dens alpha til 0%.
  45. 45
    Kopier rektangel ramme og indsætte den på de andre rammer dette lag.
  46. 46
    Gå tilbage til navigation_mc og lave et nyt lag.
  47. 47
    Kald det "knapper".
  48. 48
    Sæt din knap der.
  49. 49
    Gentag trin 43-54 for så mange knapper, du har brug for.
  50. 50
    Sæt en 1-pixel linje mellem dine knapper på navigation_mc på "base" lag.
  51. 51
    Gå tilbage til scene 1 og navngive laget med dit banner "banner".
  52. 52
    Opret et andet lag, og kalder det navigation.
  53. 53
    Afgiv din navigation på dette.
  54. 54
    Opret så mange billeder som du har knapper på din menu.
  55. 55
    Gøre dem alle keyframes (ved at højreklikke på rammen og vælge "indsættes nøgle frame" eller trykke på f6).
  56. 56
    Klik på din navigation_mc.
  57. 57
    Klik på din hjem-knap, og åbn ActionScript ved at klikke på handlingen panelet nederst på skærmen eller den genvej jeg bruger oftest f9.
  58. 58
    Brug af "ekspert-mode" type i det følgende:
    gotoAndStop (1);
    } Dette vil gøre det så når musen er klikket og udgivet det vil gå til rammen '1 'og stoppe.
  59. 59
    På din næste knap, det samme gør det, undtagen i "gotoAndStop" beslag, skrive det næste nummer (i rækkefølge).
  60. 60
    Gå tilbage til scene 1.
  61. 61
    Åbn tiltag for frame 1 (f9).
  62. 62
    Skrive: stop ();
  63. 63
    Lav et nyt lag på scene 1, og kalder det "tekst".
  64. 64
    Konverter alle rammer på dette lag til keyframes, og gøre så mange som du har brug for at have en keyframes til at matche dine andre lag.
  65. 65
    Lav en tekstfeltet ved hjælp af tekstværktøjet (T), og skriv hvad du ønsker på hver side.
  66. 66
    Test webside, og lad hvem du vil teste det.
  67. 67
    Gå til fil -.> Offentliggøre indstillinger, sørg html er valgt, og tryk offentliggøre. Dette vil offentliggøre flash hjemmeside, du har oprettet i en html-fil, som du kan, uanset hvor du har gemt den til. Hvis dette ikke virker sørg du har gemt derefter gentage dette trin.
  68. 68
    Dobbeltklik på den fil, du publiceret (. Html), og du er færdig!

Tips

  • Giv dig selv en eller to dage at fuldføre denne i. Breaking tiden op kan få dig til at glemme, hvor du var i tutorial.
  • Må ikke sætte tekst på Scene 1, sætte det i navigation_mc, samme med rammer, ellers knapperne er ubrugelige.

Advarsler

  • Sørg for, at for hver time, du bruger på computeren, får du en halv time session af motion.

Ting du behøver

  • Hosting service
  • Flash Professional 8 eller MX
  • Mindst 4 timers tid
  • Kreativitet
  • Grundlæggende kendskab til Actionscript