-
- hur man bygger en webbplats med Adobe Flash
- Postad av:P-O Lennartsson
- De flesta professionella designers använder separata program för att skapa webbplatser: Flash för animationer, Photoshop för digital bildbehandling, Illustrator för att rita och Dreamweaver för hemsidan konstruktion. Men om en webbplats är ganska enkelt, det kan skapas direkt i Flash. Flash erbjuder utmärkt ritverktyg och kan automatiskt sammanställa sina sidor i webb-baserade HTML-filer. Det enda man inte kan göra är redigera digitala bilder. Det kan dock enkelt in fotografier som har förberett någon annanstans. I denna artikel förutsätts att läsaren redan är bekant med Flash som en animation och teckning paketet, och kommer därför att inriktas främst på vilka åtgärder som behövs för att skapa faktiska webbplatser.
Du behöver:
Flash
. Letter rutat papper.
Penna.
Planera en webbplats i Flash
1.
Rita en skiss på startsidan design. Professionella designers och webb byggare har alltid en vision av vad en design kommer att se ut innan faktiskt bygga det, och oftast dra den först med papper och penna. Webbsidor är traditionellt 800 pixlar bred och 600 pixlar på höjden, men även andra dimensioner är säkert möjligt. En webbsida innehåller fyra grundläggande element: ett sidhuvud, en sidfot, navigationsknappar och huvudsakliga innehåll (bild och /eller text). Sidhuvudet kan vara en animation, text, fotografi eller ritning, eller någon kombination av ovanstående. Bestäm vad rubriken kommer att se ut och sedan rita ett förslag till utformning av det på sidan.
2.
Bestäm vad sidfoten kommer att se ut. Sidfötter brukar färgfälten med text på dem. Ibland är texten en upphovsrätt och /eller sekretesspolicy. Andra gånger innehåller den länkar till. Sidfötter är oftast enkla design.
3.
Bestäm hur många navigeringsknappar att inkludera. Kom ihåg att varje navigeringsknapp kommer att leda till en annan webbsida, och därför en annan Flash-fil, så försök att hålla det enkelt. Se till att ge ett namn till varje knapp (t. ex. "Om", "Kontakt", etc. ) Senare när webbsidor skapas för knapparna, kom ihåg att namnge webbsidor samma namn som knapparna (dvs en "Om" knappen kommer länk till en sida som heter "om", en "Kontakt" knappen kommer länk till en sida som heter "Kontakt". etc)
4
Tänk visar en animation. som ett bildspel för sidans huvudinnehåll. Flash utmärker vid animering, försök så att inkludera animation på ett framträdande sätt.
5.
Steg
Upprepa 2, 3 och 4 för varje sida på webbplatsen. Kom ihåg att det kommer att finnas en sida per navigeringsknappen. Tänk också på att sidhuvud, sidfot och navigeringsknappar oftast förblir konsistenta från sida till sida på en webbplats. Det är oftast bara det huvudsakliga innehåll som ändras på varje sida. Detta innebär att när en huvudsaklig design har byggts, blir det möjligt att spara tid genom att kopiera det arbete som redan gjorts.
Konstruera webbplats
1.
Öppna ett nytt Flash (ActionScript 2. 0) fil. Ändra dimension på filen till 800 x 600 pixlar, eller vad mått angavs i skissen. Håll scenen vita färgen, eller ändra den till en annan färg om mönstret kräver det. Gör de styrande synlig ("Visa" och sedan "Linjaler") och sedan placera guider på scenen för att markera bort sidhuvud, sidfot, navigationsknappar och huvudinnehållet.
2.
Infoga ett nytt lager på Tidslinjen, döp om den "header" och sedan skapa sidhuvud. Antingen drar det med hjälp av Flash's ritverktyg, eller importerar en bild. Om du importerar en bild, storlek det korrekt innan du är den till Flash. Till exempel, om din header är 800 pixlar bred och 100 pixlar hög och är en bildfil, skapa bilden i ett program som Photoshop. Sedan importera den till Flash bibliotek ("Fil" och sedan "Importera" och sedan "Importera till bibliotek". När det har importerats, dra den från biblioteket till scenen och placera den i guiden linjerna. För att vara säker att det är uppradade ordentligt, öppna informationsfönstret ("Window" och sedan "Info") och se till att X-och Y-koordinater varje läsa "0". Om de inte gör det, skriv in ett "0".
3 .
Sätt in ett nytt lager på tidslinjen och döp om den "footer". Eftersom de flesta sidfötter är typiskt färgfälten med text på dem, använder Rectangle Tool och Fyll Bucket att göra sidfoten. Använd sedan textverktyget för att lägga till texten. Använd en annan textruta för varje text som ska länkas. Om exempelvis en e-postadress skrivs in, lägga den i sin egen textruta. Använd sedan en separat textruta för en sekretesspolicy länk, eller någon annan typ av text.
4.
In ett nytt lagrar i tidslinjen och döp om den "innehåll. " Lägg till en bildfil, brödtext eller en animering med utformning skiss. Kom ihåg att detta är det lager som kommer att ändras beroende på den specifika sidan. Alla de andra lagren kommer att förbli densamma.
5.
Sätt ett nytt lager i tidslinjen och döp om den "knappar". Design av navigeringsknapparna och sedan konvertera var och en separat till symboler ("F8). När "Konvertera till Symbol" dialogruta visas, se till att namn varje symbol och även se knappen klassen är markerad. När objekt konverteras till symboler, är kopior av dem placeras automatiskt i Flash-filen bibliotek. Knapparna är just nu i deras "Up" tillstånd, vilket innebär att det är så de kommer att se när sidan laddas i en webbläsare. Om knapparna är tänkt att vara animerad, nu skulle det vara dags att sätta sina "Over" stater, vilket är vad de kommer att se ut när en mus svävar över dem.
6.
Öppna biblioteket ("Window" och sedan "Library") och dubbelklicka på knappens ikon. Filen tidslinje kommer att ändras till knappens tidslinje. Knappens tidslinje visar "stater", inte ramar. I Flash stater är villkoren för knappen kan användas: "upp" eller vad knappen ser ut när sidan laddas, "över" eller vad knappen ser ut när ett muspekaren över den, och sedan "ner "och" hit, "som inte behövs för den aktuella uppgiften. "Upp" stat har redan byggts. Högerklicka på "över" stat på knappen tidslinje och sätt in en tom nyckelbildruta. Markera knappen bakgrund på scenen och ändrar färg med hjälp av Fyllningsfärg hinken. Nu när filen visas i en webbläsare, kommer knappen att visas en färg när den laddar, men kommer att ändra färg när det är moused över. Upprepa processen för så många navigeringsknappar som har utformats och omvandlas till symboler.
Lägg Länkar
1.
Länk några textrutor direkt via Properties-panelen. Markera text med textverktyget, markera texten och skriver sedan URL-länken i länkfältet. Webbadresser använder syntaxen "http://" (utan citattecken), följt av den faktiska webbadressen. E-post länkar använder en annan syntax: "mailto ://", följt av en e-postadress
2
Lägg till länkar till bilder genom att först konvertera bilderna till symboler. . . Se till att välja "knapp" när "Konvertera till Symbol" dialog öppnas. När bilden är symbol, har ActionScript som ska läggas till den. Öppna Åtgärder Window ("F9"). Se till ActionScript 2. 0 är markerat och ScriptAssist är aktiv. Välj "Globala funktioner", sedan "" Browser /Network "och dubbelklicka sedan på" getURL ". ScriptAssist kommer att placera kod i Åtgärder Fönster och ger också en bar för en URL-adress anges. Skriv in den adress där knappen ska länka till när du klickar.
3.
Lägg till länkar till navigeringsknapparna exakt samma sätt som gjordes i steg 2 ovan. Knapparna har redan konverterats till symboler, så ActionScript läggas till dem omedelbart. Se till att välja varje knapp på scenen individuellt och sedan lägga till koden. Annars kommer exakt samma kod läggas till varje knapp samtidigt. Kom också ihåg att navigeringsknapparna kommer sannolikt att hamna på sidor med hemsidan, och dessa sidor har inte skapats ännu. Webbadressen länkar kommer att vara att dessa sidor, och följande syntax måste användas: "Om" knappen kommer att gå till ". . /About. html "," Kontakt "-knappen kommer att gå till ". . . /contact. html). Etc.
Replikera sidor och publicerar webbplatsen
1
När hemsidan är klar, spara den under namnet "index". Nu skapar den första interna sidan för att motsvara den första navigeringsknappen. Ta bort innehåll lagret (kom ihåg: det är för tillfället visar innehåll för hemsidan), lägg ett nytt lager, döp om den "innehåll", och sedan lägga till nytt innehåll till scenen på sin plats. Lägg till några nya länkar om det behövs. Välj därefter "Spara som" och namnge det samma namn som den första navigeringsknappen (e. G. , "om"). Lägg inte till något filtillägg när du sparar filer. Flash gör detta automatiskt
2
Upprepa steg 1 ovan för så många interna sidor som det finns navigeringsknapparna. . När alla sidor har skapats, öppna alla dem så att de visas som separata filer flikar på Flash arbetsplats.
3.
Gå igenom filerna en i taget och publicera dem . Öppna "Publicera Settings" ("File" och sedan "Publish Settings") och kontrollera att SWF-och HTML-rutorna är markerade när dialogrutan visas. Ingen av de andra fälten bör kontrolleras. Klicka på "Publicera" och Flash kommer att spara filen i två format: som en SWF och som ett intressebolag HTML
4
Öppna en webbläsare såsom Internet Explorer, Firefox eller Safari. . och sedan öppna filen index. html ("Fil" och sedan "Öppna"). Hemsidan kommer att visas precis som den skulle se ut över Internet och alla sub-sidor och länkar fungerar också. Grattis!
Relaterade artiklar
hur man fixar en Windows spelare registret flash
hur man bygger en miljö flash webbplats
hur reflash bios
Hur får man en Flash-spelare
hur du tar bort flash10 exe
avancerade flash spel handledning
hur man kan stoppa en flash uppdatering
Hur konvertera från Flash-format till mpeg
hur man gör banner flash-animering i Photoshop
hur du lägger till bakgrundsmusik till flash