, skabe en professionel flash foto portefølje baseret på moto cms,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, en online - porteføljen er af stor betydning for enhver moderne kunstner, fotograf eller endog musiker.det er deres professionalisme.i dag skal vi se på en original, flot billede portefølje baseret på moto cms; en avanceret flash content management system,,, vil vi bruge en enkeltstående version af moto cms består af en række værker, komponenter og en indbygget stikprøveplaner, udført i en ren stil.faktum er, at dette færdige model vil ikke være nødvendig, fordi vi skal skabe en portefølje hjemmeside fra bunden. denne forelæsning omfatter følgende aspekter:,, at indehavere af indhold, at ankomst - og afgangstidspunkter (tæt på knappen, enkelt knap kortplads). moduler (musik spiller, image, redigere loge). websted preloader., at hjemmesider og indhold, vil vi også fokusere på, hvad der er forskellige i moto cms fremlægger sine egenskaber og funktioner, får vi brug for adobe photoshop:,,,, adobe flash cs3; en enkeltstående version af moto berørte medlemsstater (gratis), design for psd websted. format.,, endelige resultat forpremiere websted hjemmeside:,, klik på demo bånd på toppen af side og se det endelige resultat, vi arbejder hen imod, er så venlig at være vært ved m- cms team (login /kodeord: administration), trin 1: downloade moto cms filer, vi har helt fra starten at downloade en enkeltstående version af moto flash cms.at kopiere skridt af denne pædagogiske og fornemme moto cms karakteristika, retssagen udgave vil være nok for dig. så, at downloade retssagen version, følg denne forbindelse.,, trin 2: moto cms filer oversigt, her er en kort gennemgang af moto cms filer og foldere:,, komponenter. denne folder indeholder mxp komponent af adobe udvidelse manager.,, kontrolpanel. alle kontrolpanel filer er her.,, dok. denne folder indeholder api - dokumentation.,, eksempler. denne folder indeholder 4 eksempler på færdige flash websteder, fra et enkelt websted til en kompleks med en galleriet modul, nyt element, mp3 - og video - kontakt fra m.v., skabeloner. er der 5 websted - modeller, der anvendes til at skabe moto cms baseretwebsteder.hver model er en nødvendig del af filerne og adskiller sig fra dets struktur.i denne forelæsning, vi skal bruge en af disse modeller, navnlig skabelon
, som grundlag for udformningen af vores portefølje websted.,, gør fil, hvor de første skridt til at arbejde med cms er beskrevet.,, trin 3: iværksættelse af localhost, vores næste skridt er at lancere hjemmesiden skabelon
, på grundlag af hvilken vi kan skabe vores portefølje websted.til dette har vi brug for en lokal web - server.jeg vil bruge wampserver, vinduer, web udvikling miljø.det giver dig mulighed for at oprette net ansøgninger med apache, folkesundhedsprogrammet og en mysql database. at lancere hjemmesiden skabelon
enkelt uploade følgende mapper fra ¶ skabeloner. fortegnelse til de lokale - serveren:, template_01, og controlpanel /admin,., efter at du kan få adgang til moto cms kontrolpanel, idet den korrekte vej i den adresse, bar og tilføje "administration" til sidst.,,, note:, i det øjeblik, du vil ikke være i stand til at se din hjemmeside, som det ikke har nogen sider.en 404 fejl vil blive vist,.,, trin 4: redigér config.xml, alt, hvad vi skal gøre, er at redigere websted bredde og højde, webstedet minimal bredde og højde og angive den baggrund farve. størrelsen af vores design er 980x800 forsyning.for at gøre det resizable på en stor skærm, er vi nødt til at sætte "100%" for websted bredde og højde.og for at gøre det synligt på en lille skærm beslutning, må vi præcisere, minimal, websted bredde og højde (dette vil gøre skriftrullen tremmer anføres).baggrund farve er sort (,�). < post = "allow_full_screen" > <![cdata [gælder]] > < /post > < post = "website_width" > <![cdata [100]%] > < /post > < post = "website_height" > <![cdata [100]%] > < /post > < post = "website_min_width" > <![cdata [1980]] > < /post > < post = "website_min_height" > <![cdata [800]] > < /post > < post = "flash_player_version_required" > <![cdata [9.0.23]] > < /post > < post = "background_color" > <![cdata [# 000000]] > < /post >,, løntrin 5: redigér stil css, nu er vi nødt til at åbne den stil css fil og angive den baggrund farve (sort).alt andet vil være redigeret via moto kontrolpanel.,, trin 6: skabe preloader, åben, moto.flp (flash - projektet) fil i adobe flash cs3.i projektet panel, du kan se to filer: moto.fla og website.fla. sæt moto.fla fil som en misligholdelse og indsamle begge sager ved at trykke "test - projektet" knappen.,,, efter at åbne, moto.fla, fil og skabe en preloader for websted.webstedet preloader kan være et enkelt film magasin bestående af 100 stel.,, i aktionerne panel af filmen. vi skriver: ", stop()." for det første billede.så vi bruger resten af stel til animeret de preloader, men vi ønsker. vi også skrive ", stop();" i aktioner i det første billede af fla vigtigste tidslinje. glem ikke at angive webstedet dimensioner (minimal bredde og højde) i moto.fla fil egenskaber.,, vores næste skridt er at skabe et attraktivt aktivering af preloader forsvinden.på det sidste billede, vi skal lancere hjemmesiden ved at aktivere den, showwebsite() 'funktion.,, åbne website.fla fil og ajourføre preloader.,, trin 7: websted baggrund, åbne moto cms media library (præferencer > media library) og sammen med de andre nødvendige billeder (hjemmeside, galleri side og om side design, og indholdet af fly), uploade en baggrund image ved hjælp af 'uploade dokumenter "knappen.,,, efter at komme tilbage til kontrolpanelet og indsæt baggrund image ved hjælp af' tilføje nye image" knappen.få billedet til midten.,, trin 8: afsnit og replik, uploade en ny font. med henblik på at følge den konstruktion, vi er nødt til at få en ny font - myriad pro meget modigt.for det her går til præferencer og vælge skrifttyper manager.,, skrifttyper manager gør det muligt for brugerne til at forvalte hjemmesiden skrifttyper, der opbevares som stg filer og kan læsses på et runtime.,, før uploader en skrifttype, er vi nødt til at omdanne det omvendt format.til dette skal vi anvende online skrifttype skaber - handy online applikation udviklet af moto cms team, som gør det muligt at hurtigt omdanne. ttf og. for filer. stg.det eneste, vi skal gøre, er at vælge nødvendige skrifttype fil med. ttf eller. for udvidelse, det er online skrifttype skaber, klik på "skabe skrifttyper - knappen og downloade klar *. stg dossier, som så vil vi tilføje, at vores portefølje.,, skabe hjemmesiden titel og en replik. ny font er uploadet, kan de skabe hjemmesiden titel og replik med teksten, værktøj og anvende de nødvendige skrifttype.for at skabe den replik, vi bruger tahoma skrifttype, størrelse: 10, farve:򱣨.efter at justere websted titel og replik ifølge. psd design.,, trin 9: tilføje hjemmeside image, vi vil midlertidigt sted galleriet billede på hjemmesiden.for denne vælge billedet fra medierne libarry og tilføje det til side ved at klikke på "tilføje nye image - knappen til venstre.tilpasse image stilling i henhold til den hjemmeside, design, trin 10: skabe bunden menu, ved hjælp af den form, værktøj, skabe en grå smal rektangel og så bruge teksten værktøj, skabe menuen knapper på den.tilpasse alt i henhold til hjemmesiden design.jeg må indrømme, at det er den mest enkle menu gennemførelse.moto cms giver en speciel menu dims, på grundlag af hvilke de kan skabe deres egen skik menu., medmindre alle ændringer og se webstedet konstruktion ved at klikke på forpremiere knap.,, trin 11: skabe indehavere af indhold, note:, indehavere af indhold er film magasiner i website.fla, hvis indhold kan tilsættes dynamisk.de kan være på 4 typer: 1) webstedsindhold indehaver; 2) layout indhold indehaver; 3) side indhold indehaver; 4) pop - up indhold indehaver. webstedet skabelon
, som vi arbejder med, har to indehavere af indhold som standard: en webstedsindhold indehaver og en side indhold indehaver.hvis vi åbner den website.fla sag, vi vil se dem:,, disse indehavere af indhold er beskrevet i, structure.xml, fil.sørg for, den bredde er 980 px og højden er 800 px., webstedsindhold indehaver:, < contentholders > < indehaver id = "1" type = "websted" x = "0" y = "0" bredde = "980" højde = "800" låst = "falske" dybde = "10" > < navn > <![cdata [på hele websted]] > < /navn > < /indehaver > < /contentholders >, side indhold indehaver:, < contentholders > < indehaver id = "2" type = "s" x = "0" y = "0" bredde = "980" højde = "800" låst = "falske" dybde = "20" > < navn > <![cdata [indhold]] > < /navn > < /indehaver > < /contentholders > med henblik på at gøre følgende websted elementer: webstedet baggrund, afsnit med den replik og bunden menu bar med grå rektangulære - synlige på alle sider. vi bør lægge dem i webstedsindhold indehaver.og vi kan sagtens gøre det om praktisk moto kontrolpanel.bare klik på hvert element og vælge placering:, på hele det websted,.,, trin 12: skabe om side, skabe en tom side. ved at klikke på "skabe nye side - knappen, du vil være i stand til at skabe en tom side.,, link menuen knapper til korrekt sider. efter at gå tilbage til den hjemmeside, og forbinde menu knapper til den rigtige side.blot fremhæve menuen knap tekst og klik på linket ikon for retten til at åbne den forbindelse redaktør.i vores tilfælde porteføljen menu knap forbindelser til den hjemmeside, og om mig knap forbindelser til om side.,, tilføje indhold fly. tilføje indhold fly (som allerede er blevet overført til media library) til om side ved hjælp af 'tilføje nye image - knappen og placerer det i henhold til design, tilføje indhold til om side., tilføje indhold til om side ved hjælp af teksten værktøj.den indbyggede wysiwyg redaktør heri forestiller sig alt, hvad du er, der producerer, så anvendelsen af formatering til din tekst vil ikke skabe problemer.en post til link, kan også være let: blot åbne linket redaktør, og angive den e - mail - adresse.,, når alt er klar, ikke glemme, at de elementer i om side til side indhold indehaver.fremhæve hvert element, en efter en, og vælge placering:, indhold,.,, trin 13: redigere billedet preloader, du måske har bemærket, når previewing webstedet og bevæger sig fra den ene side til en anden, hvide cirkulære image selestrammer anføres.for at vælge dem, luk website.fla fil og biblioteket.højreklik på preloader og vælge egenskaber.,, symbolet egenskaber vindue, kan du klikke "edit basisklasse" ikon og stadig preloader på nogen måde du ønsker.men i vores tilfælde, lad det blive tomme og slette den grafiske preloader image ved alle.,, trin 14: websted animation, nu er vi nået til den mest interessante del af vores tutor: webstedet animation.som du kan se, er på nuværende tidspunkt webstedet er statisk, som indehavere af indhold ikke er animeret til alle.så vores næste skridt er at give næring til misligholdelse indehavere af indhold og tilføje nye for at forbedre webstedet animation, livfulde misligholdelse indehavere af indhold, misligholdelse indehavere af indhold, kan let blive animeret på tidslinjen.for det åbne website.fla fil og skabe en forsvinde i aktivering for hver indehaver. først, lad os give næring til de vigtigste beholder hele websted.det er om, website_holder_1, lag.vi laver en simpel informationstiltag med gennemsigtighed, men alt det, vi gør, ornament sit udseende.vi skaber den anden keyframe på lag, der er alfa - 0% for de første keyframe (gøre det gennemsigtigt), skabe et forslag fra den første keyframe mellem det andet og tilføje en lempelse.,, lad os skabe samme animation af side indhold (page_1_holder_2 lag), men udseende lidt senere.,, så vi tilføje yderligere to keyframes på lag, gøre indehaveren gennemsigtig i første og anden stel, og skabe et forslag til lempelse af den anden keyframe mellem den tredje.,, når vi udarbejder vores projekt og belastning det sted, vi kan se, at alle elementer allerede står med en tegnefilm.men, når de bevæger sig fra side til side, er der stadig ingen animation, kun sjældent at blinke.den anden del af den tidsplan, der er ansvarlig for dette.,, så vi gør informationskampagne i skjul og med indehaveren.,, som teksten font er et system skrifttype, vi er nødt til at ændre blandingen tilstand, normalt til lag, for alle movieclip eksempler på indehaveren, skabe flere lag. indehavere af indhold og manipulerer dem. for en god flash på sådanne udseende er ikke nok, og det er bedre at gøre særskilt informationstiltag for forskellige dele, f.eks. den øverste (gul udvælgelsen på billedet nedenfor), bunden (grønne udvalg) og indhold (røde udvælgelse).,, som top og den nederste del ligger på hele websted, vil vi tilføje to indehavere af disse to dele af lokaliteten.før tilsætning af indehavere af indhold, vi bliver nødt til at definere deres størrelse og placering.det er let at gøre brug af det stykke værktøj i photoshop.,, toppen zone har følgende dimensioner: x = 0, y = 0, bredde = 980, højde = 120.,, bunden område: x = 0, y = 765, bredde = 980, højde = 35.,, toppen indehaveren skal indeholde lokalitetens betegnelse, bunden indehaver skal indeholde den menu, og de skal anføres på forskellige måder.de vil holde os til toppen og bunden i fuld skærm tilstand. efter fastsættelsen af indehavernes dimensioner, vi bør åbne den structure.xml og tilføje nye beholdere (på webstedet niveau), med angivelse af deres koordinater, bredde, højde og dybde. < contentholders > < indehaver id = "1" type = "websted" x = "0" y = "0" bredde = "980" højde = "800" låst = "falske" dybde = "10" > < navn > <![cdata [på hele websted]] > < /navn > < /indehaver > < indehaver id = "3" type = "websted" x = "0" y = "0" bredde = "980" højde = "120" låst = "falske" dybde = "12" > < navn > <![cdata [top indehaveren]] > < /navn > < /indehaver > < indehaver id = "4" type = "websted" x = "0" y = 765 "bredde =" 980 "højde = =" falske "35" låst "dybde =" 14 "> < navn > <![cdata [bottom indehaveren]] > < /navn > < /indehaver > < /contentholders > efter tilsætning af containere til xml - sag, vi er nødt til at skabe dem i website.fla fil.så åbner vi website.fla og skabe nye lag for vores beholdere.rækkefølgen af lag skal være i overensstemmelse med de værdier, som vi har sat grundigt i xml - filer.,, vi kan kopiere den tomme movieclip fra website_holder_1 lag og pasta til website_holder_3 og website_holder_4.,, sætter vi den samme koordinater i movieclips, der er specificeret i strukturen. xml. for det tredje indehaveren: x = 0, y = 0, for det fjerde indehaver: x = 0, y = 765. som vi har kopieret movieclips, den gamle navne var tilbage.vi ændrer instans navne i henhold til deres id - numre, så det er let at finde dem, må man gøre det samme for websted indehaver 4.,, om den tidsplan, kom den første keyframes for indehaverne 3 og 4 frem, så de kan starte op senere, end hele websted indehaver.så skaber vi den anden keyframes - - og forslag.den første keyframes indeholder startpositionen for indehavere, og den anden keyframes indeholder den endelige holdning, som indehavere af lokaliteten.den øverste holder ud fra toppen af skærm, så vi rykke op i første keyframe; nederste indehaver – fra bunden, så går vi ned i sin første keyframe.og vi tilføjer, at det forslag, easings tweens. du burde få sådan noget, efter at vi bør tilføje følgende kode for den første aktivering keyframes af vores indehavere, moto. getinstance(). getwebsiteholder (3, website_holder_3); moto. getinstance(). getwebsiteholder (4, website_holder_4), derefter udarbejde websted og genopfriske kontrolpanelet., tildele objekter til indehavere af indhold. hvis du vælger nogen indsigelse, vil de se, at placeringen ud menu er blevet udvidet med to nye indehavere:, top og bund indehaver, indehaver,.,, webstedet afsnit med temaet skal henføres til den højeste indhold indehaver, mens websted menu med et gråt rektangel - bunden indhold indehaver., redigere bunden indhold, nu er det desira indehaver.og det på et stort lærred bunden indehaver klæber til skærmen bunden.for at gennemføre dette, er vi nødt til at flytte den nederste indehaver gang i en film, clips, for som de ved, vi kan ikke flytte tweened film clips programmatically (informationskampagne vil ikke arbejde).lad os kalde denne film magasin, website_holder_4_c,., efter at gå til de vigtigste scene, klik på den første keyframes af webstedet indehaver 3 og 4 og redigere kode., moto. getinstance(). getwebsiteholder (3, website_holder_3); moto. getinstance(). getwebsiteholder (4, website_holder_4_c. website_holder_4); //fase resize kontaktperson fase. addeventlistener (event.resize, resizehandler); resizehandler (er); funktion resizehandler (ref.: begivenhed): ugyldig (website_holder_4_c. y = matematik. max (765, matematik. runde (stage.stageheight - 35)} efter udarbejdelsen af en hjemmeside, så kan du se, at bunden indehaver klæber til skærmen. bunden, uanset hvordan vi resize skærmen.hvis skærmen beslutning er for små, bunden indehaver ikke - overlay - webstedet indhold og vil forblive i kraft,.,, trin 15: stadig websted indhold for at gøre hjemmesiden indhold ud fra ovenstående bør vi stadig side indhold indehaver på samme måde, som vi gjorde for top og bund indehavere, trin 16: skabe kontakter side, for at skabe en ny side er vi nødt til at opdatere en side skabelon.lad os tage udformningen af om side som en model.højreklik på med hensyn til side og vælge "ajourføring side model.,, efter side model ajourføres, klik på" at oprette en ny side - knappen, angive en side navn, titel og url, således som det er anført på skærmbillede nedenfor.,, nu de kontakter side er klar.redigere indholdet ved hjælp af passende wysiwyg redaktør og knytter det til menuen knap.,, skridt 17: skabe en enkelt plads i moto flash cms de ankomst - og afgangstidspunkter spille den rolle, de levende objekter.de ankomst - og afgangstidspunkter kan indeholde en lang række skik karakteristika, der kan forvaltes direkte af kontrolpanelet., vi vil forsøge at skabe en enkelt plads og styrke det. lad os begynde med tæt på knap indsættes som et billede i websted og tilføje nogle ruller /udsættelsen retsvirkninger.en aktion på side ">" hjem "er pålagt.,, ret tæt på, ikke er en vanskelig opgave, som vi skal indse, at det via anvendelse af ankomst - og afgangstidspunkter.næste, lad os skabe en sprække i website.fla fil.for denne import på knap billede på biblioteket.i de ankomst - og afgangstidspunkter afsnit, vi er nødt til at skabe et nyt symbol som en film, der hedder closebuttonslot magasinet., der er klasse, som closebuttonslot,.det er ikke nødvendigt at oprette en ny klasse, det er nok til at arve en abstractmotoslot klasse.så, simpelthen kopiere følgende:, kom. moto. model. shell. betragtning. komponenter. abstractmotoslot, og sæt det ind på basen klasse område.,, så vi kommer tæt på knap billede til fase (closebuttonslot movieclip skal være åbne, og omdanne det til en film, der hedder closebuttonicon magasin.som vi har arvet vores slot fra abstractmotoslot klasse, det giver os en grundlæggende information.men det, vi skal gøre nu, er at skabe et attraktivt forlængelse /udsættelsen virkning. det næste skridt er at skabe et nyt lag, og gøre keyframes til at sætte, stop(); kode.vi giver grundlæggende ramme etiketter "over" (mellem første og anden stoppe stel) og "ud" (mellem anden og tredje stop keyframes) - se skærmbillede:, gør vi det samme keyframes og skabe bevægelse - - i lag med vores movieclip. for eksempel vil være tæt på vores, button roterende uret, når rullede rundt og mod uret med adskillige gange, da rullet ud.,, så lad os tilføje lys, mens skiftende og easings forslaget tweens. efter aktivering er gjort, vi udarbejder website.fla med vores nye slot (ctrl + i). med henblik på at arbejde med de ankomst - og afgangstidspunkter via moto cms, vi har for at præcisere dens parametre i structure.xml fil:,, librarysymbollinkage = ", – eksport navn af ankomst - og afgangstidspunkter er movieclip (klasse navn), animerede =" rigtigt ", – en attribut, som stater, om maskinen er animeret eller ej.,, resizable = "falske", – stater, om der er logik for nedskæring i ankomst - eller ej.,, låst = "falske", – stater om ankomst - og afgangstidspunkter bør vises i panelet for at tilføje eller ej.,, og lt; navn > <![cdata []] > < /navn > - et navn på den sprække i administrationen panel.,, < egenskaber /> - egenskaber af ankomst - og afgangstidspunkter, som udvider funktioner; vi vil ikke bruge det i dette eksempel, < model /> - standardværdier for alle egenskaber af ankomst - og afgangstidspunkter; det er nødvendigt at tilføje en attribut, alpha = ", - transaprency af ankomst - og afgangstidspunkter, fra 0 til 1., i vores tilfælde vil det være:, < slot id =" 1 "librarysymbollinkage =" closebuttonslot "animeret =" ægte "resizable =" falske "låst =" falske "> < navn > <![cdata [tæt på knap]] > < /navn > < egenskaber /> < skabelon alpha = "1" /> < /slot > efter at gå til kontrolpanelet og åbne side.i den enarmede afsnit vil du se disponible ankomst - og afgangstidspunkter.vælg den tæt på plads og sæt den på side i stedet for tæt på knap billede. der er plads objekt panel om ret, når de er valgt.gå til foranstaltninger, tjek ", så klik aktion" kasse og vælge: "gå til side" > hjem. så kopiere den plads og sæt det på den anden side, hvor tæt på knap er nødvendig.redde ændringer og kontrollere resultatet, gå 18: skabe en avanceret maskine, skabe simplebuttonslot film magasin.edit struktur. xml. et avanceret plads i vores tilfælde er et slot med dynamisk ændre parametre.lad os skabe en knap slot med variable parametre.for det åbne website.fla fil og skabe et nyt symbol som en film, der hedder simplebuttonslot magasin.base, klasse, er den samme som i skridt, 17. base - klasse:, kom. moto. model. shell. betragtning. komponenter. abstractmotoslot,. derefter tilføjes teksten område, der hedder "mærkning" og et fly til denne knap.omregning af fly i en film, der hedder "klip buttonlabelplane., for vores skyld, lad os ændre etiketten til film - klip, og kalder det" labelholder, og derefter konvertere buttonlabelplane i en film, klip, og kalder det "planeholder. åben den structure.xml fil og tilføje en ny plads med 2 egenskaber.simpelthen kopiere og pasta følgende kode til ankomst - og afgangstidspunkter afsnit:, < slot id = "2" librarysymbollinkage = "simplebuttonslot" animeret = "ægte" resizable = "ægte" låst = "falske" > < navn > <![cdata [enkelt knap]] > < /navn > < egenskaber > < ejendom id = "1" type = "htmltext" > < navn > <![cdata [label]] > < /navn > < /property > < ejendom id = "2" type = "farvede" > < navn > <![cdata [er]] > < /navn > < /property > < /egenskaber /> < skabelon alpha = "1" > < egenskaber > < punkt propertytype = "1" > < punkt propertytype = "2" > < /egenskaber > < /skabelon > < /slot > skabe simplebuttonslot klasse. med henblik på at klare de to egenskaber, basen klasse er ikke nok.det er derfor, vi er nødt til at skabe en ny klasse.det skaber en ny actionscript filen simplebuttonslot.as i src /ankomst - og afgangstidspunkter mappe og tilføje denne kode til det., pakke ankomst - og afgangstidspunkter (import com.moto.template.shell.view.components.abstractmotoslot; offentlige klasse simplebuttonslot udvider abstractmotoslot {offentlige funktion simplebuttonslot() {}}}, gå tilbage til simplebuttonslot film magasin og fastsætte en anden base klasse: ankomst - og afgangstidspunkter. simplebuttonslot, efter at. vi er nødt til at importere film klip der:, pakke ankomst - og afgangstidspunkter (import com.moto.template.shell.view.components.abstractmotoslot; import flash.display.movieclip; offentlige klasse simplebuttonslot udvider abstractmotoslot{offentlige funktion simplebuttonslot() (}), med henblik på at håndtere begge egenskaber, er vi nødt til at tilsidesætte funktionen, updateproperty(),.i den næste snippet kode, propertyvo synes med sin værdi, type parameter og funktion, getparameter(),.vi bruger "skift" struktur, som vi har to egenskaber, htmltext og farve,., pakke ankomst - og afgangstidspunkter (import com.moto.template.shell.model.vo.propertyvo; import com.moto.template.shell.view.components.abstractmotoslot; import flash.text.textfield; import flash.display.movieclip; offentlige klasse simplebuttonslot udvider abstractmotoslot {offentlige funktion simplebuttonslot() {} tilsidesætte offentlig funktion updateproperty (propertyvo: propertyvo): ugyldig (skift (propertyvo. propertytype) (sag nr. 1: (//htmltext labelholder.label pause.} 2. tilfælde: (//farve pause.}}}}}, lad os kalde vorestextfield (, labelholder,) og fly (, planeholder)., pakke ankomst - og afgangstidspunkter (import com.moto.template.common.utils.motoutils; import com.moto.template.shell.model.vo.propertyvo; import com.moto.template.shell.view.components.abstractmotoslot; import flash.text.textfield; import flash.display.movieclip; offentlige klasse simplebuttonslot udvider abstractmotoslot (private var _label: textfield; private var _plane: movieclip; offentlig funktion simplebuttonslot() {_label = labelholder.label; _plane = planeholder. fly;} tilsidesætte offentlig funktion updateproperty (propertyvo: propertyvo): ugyldig (skift (propertyvo. propertytype) (kategori 1: (//htmltext _label.htmltext = propertyvo.value; _label.embedfonts = motoutils. converttoboolean (propertyvo. getparameter ("embedfonts"); pause.} 2. tilfælde: (//farve motoutils. setcolor (_plane, uint (propertyvo. værdi); pause.}}}}}, efter at vi har brug for at tilføj funktion autosize:, pakke ankomst - og afgangstidspunkter (import com.moto.template.common.utils.motoutils; import com.moto.template.shell.model.vo.propertyvo; import com.moto.template.shell.view.components.abstractmotoslot; import flash.text.textfield; import flash.text.textfieldautosize; import flash.display.movieclip; offentlige klasse simplebuttonslot udvider abstractmotoslot {private var _label: textfield; private var _plane: movieclip; offentlig funktion simplebuttonslot() {_label = labelholder.label; _plane = planeholder.plane; _label.autosize = textfieldautosize. venstre} tilsidesætte offentlig funktion updateproperty (propertyvo: propertyvo): ugyldig (skift (propertyvo. propertytype) (sag nr. 1: (//htmltext _label.htmltext = propertyvo.value; _label.embedfonts = motoutils. converttoboolean (propertyvo. getparameter ("embedfonts"); pause.} 2. tilfælde: (//farve motoutils. setcolor (_plane, uint (propertyvo.value) pause.}}}}}, som vores slot er resizable, lad os center tekst i flyet.for dette, er vi nødt til at beslutte, setsize(), funktion.vi skal også resize flyet i henhold til den etiket tekst bredde.vi har brug for at ringe, setsize(), metode til updateproperty(), funktion, når mærket ejendom er opdateret.pakken er ankomst - og afgangstidspunkter (import com.moto.template.common.utils.motoutils; import com.moto.template.shell.model.vo.propertyvo; import com.moto.template.shell.view.components.abstractmotoslot; import flash.text.textfield; import flash.text.textfieldautosize; import flash.display.movieclip; offentlige klasse simplebuttonslot udvider abstractmotoslot (private var _label: textfield; private var _plane: movieclip; offentlig funktion simplebuttonslot() {_label = labelholder.label; _plane = planeholder.plane; _label.autosize = textfieldautosize. venstre} tilsidesætte offentlig funktion updateproperty(propertyvo: propertyvo): ugyldig (skift (propertyvo. propertytype) (sag nr. 1: (//htmltext _label.htmltext = propertyvo.value; _label.embedfonts = motoutils. converttoboolean (propertyvo. getparameter ("embedfonts"); setsize (_plane.width, _plane. højde); pause.} 2. tilfælde: (//farve motoutils. setcolor (_plane, uint (propertyvo. værdi); pause.}}} tilsidesætte offentlig funktion setsize (newwidth: antal, newheight: antal) ugyldig (_plane.width = newwidth; _plane.height = newheight; _label. x = matematik. runde ((newwidth - _label. textwidth) /2); _label y = matematik.. runde ((newheight - _label. textheight) /2)}}} udarbejder websted for at redde ændringer, stadig plads. åben den website.fla fil, gå til de vigtigste scene, og så simplebuttonslot film magasin.på layer3, tre keyframes og indsætte, stop(); kode.vi giver grundlæggende ramme etiketter "over" (mellem første og anden stoppe stel) og "ud" (mellem anden og tredje stop keyframes). lad os give næring til de planeholder (dvs. den baggrund).for eksempel kan det lysner, mens der svæver over den.på den tidsplan, det kan have følgende se:, udarbejder websted og forpremiere ændringer.nu kan vi nemt arbejde med tildeling af ankomst - og afgangstidspunkter objekt.ved hjælp af ankomst - og afgangstidspunkter kontrol panel (til højre) vi kan klippe det slot egenskaber og anvender forskellige virkninger for det. og her er et godt eksempel på, hvordan vi kan anvende denne plads på vores hjemmeside.jeg har impletented på om side i stedet for en enkelt post til efternavn:,, skridt 19: blitz musik spiller, note: moduler er animeret elementer afledt af slots, der er til rådighed på biblioteket eller kan være lastet fra en ekstern stg fil.de har et sæt af egenskaber, som gør det muligt for brugerne let kan håndtere dem.i forhold til de ankomst - og afgangstidspunkter, moduler, har en stor fordel: hvert modul har sin egen kontrol panel.moto flash cms indeholder fem typer af kontroltavler til at skabe deres egen skik moduler.det betyder, at flash udviklere har kun til at skabe et frontend; backend har allerede skabt af moto cms udviklere. for eksempel den model,
, vi bruger her, har en indbygget media player modul ved misligholdelse.du kan let at tilføje dette modul til gerningsstedet og åbne dens kontrol panel af to klik på det.,, skabe musicplayermodule film magasin.edit struktur. xml. lad os skabe en enkel musik spiller med på /af kontrol.åben den website.fla fil og skabe en ny film. "musicplayermodule" med angivelse af en ny base klasse: moduler. musicplayermodule,.derefter tilsættes en spiller ikon til gerningsstedet og omdanne det til en film, der hedder "musicplayericon magasin.åben den structure.xml fil og tilføje en ny modul.der tilføjes følgende afsnit: kode for moduler, < modul id = "2" type = "mp3player" librarysymbollinkage = "musicplayermodule" eksterne = "falske" resizable = "falske" ikon = "billeder /moduler /musicplayer_icon. men heller ikke dér er menneskene sikre" smallicon = "billeder /moduler /mp3_small_icon. men heller ikke dér er menneskene sikre"