Wkuno

Hvordan lage en enkel flash interaktiv nettside


Med denne informasjonen, kan du også bygge din egen nettside. Mange store selskaper har gode flash nettsteder, men likevel så mange små bedrifter synes ute av stand til å utforme en glatt og ren nettside. I denne opplæringen vil vi skape en Tropics-tema nettsted. MERK: Denne veiledningen forutsetter at du vet hvordan du bruker Flash 8 eller MX.

Redigert av Alex Dickinson 6/3/2008

Trinn

Hvordan lage en enkel flash interaktiv nettside. Åpne din Macromedia flash-programmet, og velg "ny flash dokument".
Hvordan lage en enkel flash interaktiv nettside. Åpne din Macromedia flash-programmet, og velg "ny flash dokument".
  1. 1
    Åpne din Macromedia flash-programmet, og velg "ny flash dokument".
  2. 2
    På "egenskaper" nederst på skjermen (hvis du ikke kan se dette, gå til vinduet -> eiendom -> klikk på eiendommen, klikker du på knappen som sier "size" ved siden av.
  3. 3
    Et vindu kalt "dokumentegenskaper" skal dukke opp, i de to feltene ved siden av "dimensjoner", fyll i 625 for bredde og 750 for lengde.
  4. 4
    På den samme "egenskaper" bar, endre bakgrunnsfargen til en myk grønn, # bae29e (bruke tekstboksen øverst i fargevelgeren) er en god skygge å bruke, og klikk ok.
  5. 5
    Lag et symbol ved å trykke Ctrl + F8.
  6. 6
    Name it "banner_mc", og sette sitt slag til "filmklipp" klikk ok.
  7. 7
    Lag et rektangel, med ingen fylling og en 2-pixel størrelsen grensen, ved hjelp av rektangelet verktøyet til venstre.
  8. 8
    Velg rektangel med markeringsverktøyet (standard - 'v) og sette bredden til 750, og høyden til 172 bruker eiendommen nederst på skjermen.
  9. 9
    På "color mixer" side-panelet på siden av skjermen (hvis du ikke kan se dette gå til vinduet -> fargeblanderen, velg radial alternativ fra nedtrekkslisten.
  10. 10
    Helt til venstre av radial farge linjen, velg et blad farge (ved å dobbeltklikke på glideren). # 66CC00 bør fungere fint.
  11. 11
    3/4 's av veien langs baren, plassere en solid hvit ved bare å klikke og dobbeltklikke på den og velger hvitt.
  12. 12
    Hele veien til høyre enden av baren, plassere en tropisk kiwi farge. # 99FF66 er et godt valg her.
  13. 13
    Nå, ved hjelp av maling bøtte verktøyet (standard - 'k'), fyll inn din banner med radial. Hvor du klikker for å fylle vil representere sentrum av sirkelen-type design. Ved å plassere sentrum av sirkelen på toppen av stolpen, omtrent 3/4 's av veien til den venstre ende.
  14. 14
    Se opp til ditt lag bar, og kaller dette laget "base".
  15. 15
    Lag et lag ved å bruke det nye laget knappen (nederst i baren) - Kaller dette "tekst".
  16. 16
    Velg tekstverktøyet (standard - 't') på venstre, og sørge for at teksten er satt til "statisk tekst" på bunnen av eiendommen bar.
  17. 17
    Sett farge på teksten til svart.
  18. 18
    Velg en font som skal brukes. Noen av skriftene er oppført er skreddersydde skrifter og brakettene ved siden av dem inneholder nettstedet for å laste dem ned fra.
    • Scriptina (Abstrakt Fonts)
    • WirWenzlaw (Abstrakt Fonts)
    • Viner Hånd ITC
    • Sylfaen
    • Monotype Corsiva
    • HandScript
    • Lucida Gotisk
    • Papyrus
  19. 19
    Skriv inn navnet ditt på nettstedet ditt inn i tekstfeltet og finne en passende størrelse.
  20. 20
    Plasser teksten til venstre side. La det være nok plass til å lime inn et bilde.
  21. 21
    Gå inn på internett, å google bilder, og skriv inn "palm tree".
  22. 22
    Velg et bilde av et palmetre, slik som denne punktgrafikk: Palm tree
  23. 23
    Lagre dette bildet, og importere den til flash-dokument ved hjelp av file -> import.
  24. 24
    Name it i biblioteket som "palm tree_bmp"
  25. 25
    Lag et symbol (Ctrl + F8), name it palm tree_gr, og velg den grafiske radio-knappen.
  26. 26
    Endre størrelse til din smak ved å bruke verktøyet for fri transformering (standard - Q) til venstre på skjermen og kutte noen del av det du ikke liker ut.
  27. 27
    Gå tilbake til banneret, og lage et nytt lag.
  28. 28
    Kaller det "bildet".
  29. 29
    Sett håndflaten tree_gr, og skalere det slik at den passer i venstre hjørne.
  30. 30
    Nå plasserer banner_mc på scenen en.
  31. 31
    Opprett et nytt symbol (Ctrl + F8), kaller det navigation_mc, og gjøre det et filmklipp.
  32. 32
    Lag en tynn, lang rektangel å huse koblingene.
  33. 33
    Navngi layer "base"
  34. 34
    Gjør det ha en to-pixel størrelse grense
  35. 35
    Fyll rektangelet med # 66cc00.
  36. 36
    Lag en andre (knapp) symbol (Ctrl + F8), kaller det "home_bt".
  37. 37
    Se tilbake på listen over fonter jeg gitt, og velg en annen skrift enn din banner, en som ser bra ut med den andre. Sørg for at alle knappene bruker samme font og størrelse.
  38. 38
    Skriv "hjem",
  39. 39
    Bryte den fra hverandre ved hjelp av CTRL + B.
  40. 40
    Kopier frame "opp", og lime den inn i andre rammer.
  41. 41
    Navn dette laget "tekst".
  42. 42
    Lag et nytt lag, kall det "skjulte".
  43. 43
    Gjør et rektangel omtrent dekker teksten.
  44. 44
    Gi rektangelet ingen kantlinje, og sette alfa til 0%.
  45. 45
    Kopier rektangel ramme og lim den inn på de andre rammene av det laget.
  46. 46
    Gå tilbake til navigation_mc og lage et nytt lag.
  47. 47
    Kall det "knapper".
  48. 48
    Sett knappen der.
  49. 49
    Gjenta trinn 43-54 for så mange knapper du trenger.
  50. 50
    Sett en 1-pixel linje mellom knappene på navigation_mc, på "base" lag.
  51. 51
    Gå tilbake til scene 1 og navngi lag med banneret "banner".
  52. 52
    Lag en andre lag, og kaller det navigasjon.
  53. 53
    Plasser navigasjon på dette.
  54. 54
    Lag så mange rammer som du har knapper i menyen.
  55. 55
    Gjør dem alle nøkkelbilder (ved å høyreklikke på rammen og velge "Insert-tasten frame", eller trykker f6).
  56. 56
    Klikk på navigation_mc din.
  57. 57
    Klikk på ditt hjem-knappen, og åpne ActionScript ved å klikke handlingen panel på bunnen av skjermen eller på snarveien jeg bruker oftest f9.
  58. 58
    Ved hjelp av "ekspert-modus" type i følgende:
    gotoAndStop (1);
    } Dette vil gjøre det slik at når du klikker på musen og utgitt det vil gå til rammen '1 'og stoppe.
  59. 59
    På din neste knapp, gjør det samme, bortsett fra i "gotoAndStop" brakett, skrive det neste nummeret (i rekkefølge).
  60. 60
    Gå tilbake til scenen en.
  61. 61
    Åpne handlingene for frame 1 (f9).
  62. 62
    Skriv inn: stop ();
  63. 63
    Gjør et nytt lag på scene 1, og kaller det "tekst".
  64. 64
    Konverter alle rammene på det laget til nøkkelbilder, og gjør så mange du trenger for å ha et nøkkelbilder til å matche de andre lagene.
  65. 65
    Lag en tekstfeltet ved hjelp av teksten verktøyet (T), og skrive hva du vil ha på hver side.
  66. 66
    Test websiden, og la hvem du vil teste den.
  67. 67
    Gå til fil -.> Publisere innstillinger, sørg html er valgt, og trykk publisere. Dette vil publisere flash nettsted du har laget inn i en html-fil for deg dit du har lagret den. Hvis dette ikke fungerte sørg for at du har lagret og deretter gjenta dette trinnet.
  68. 68
    Dobbeltklikk på filen du publiserte (HTML)., Og du er ferdig!

Tips

  • Gi deg selv en eller to dager å fullføre dette i. Breaking tiden opp kan føre til at du glemmer hvor du var i opplæringen.
  • Ikke sette tekst på Scene 1, legg den i navigation_mc, samme med rammer, ellers knappene er ubrukelig.

Advarsler

  • Pass på at for hver time du bruker på datamaskinen, får du en halv times økt på mosjon.

Ting du trenger

  • Hosting tjeneste
  • Flash Professional 8 eller MX
  • Minst fire timer av gangen
  • Kreativitet
  • Grunnleggende kunnskap om Actionscript