Hur Man Gör En Gummibanner

Innehållsförteckning:

Hur Man Gör En Gummibanner
Hur Man Gör En Gummibanner

Video: Hur Man Gör En Gummibanner

Video: Hur Man Gör En Gummibanner
Video: Hur man gör ett armband av gummiband! 2024, Maj
Anonim

Gummiblixtbanner kallas också helt enkelt "gummi". Dess huvudsakliga funktion för webbplatsen är att bannern förblir densamma oavsett webbläsarens storlek som den var avsedd - vacker, klar och ljus. Behovet av gummibanderoller uppstod på grund av att man måste ta hänsyn till de olika storleken på datorer för Internetanvändare, eftersom någon har en fyrkantig bildskärm, någon har en bredbildsskärm, vissa har 14 tum, andra har 21 tum.

Hur man gör en gummibanner
Hur man gör en gummibanner

Instruktioner

Steg 1

Innan du svarar på frågan "Hur man gör en gummibanner?", Det är värt att svara på en annan lika viktig fråga: "Varför behöver du göra det?" För vissa kan det verka konstigt, men det finns verkligen ingen enhet i denna fråga bland webbdesigners. Eftersom det är, säg, inget samförstånd bland bilister - är det bra att åka på helårsdäck eller så kan du klara dig med sommardäck, eller använda en hel uppsättning: sommardäck + vinter … 1000 poäng, det kommer att återspeglas felaktigt, i den mån grafiska element som döljs av utvecklaren bakom kanterna på denna banner kan visas. Om man inte tar hänsyn till möjligheten att göra den gummiliknande när man placerar en banner, minskar genast webbplatsens attraktivitet för besökare med en widescreen-skärm. När allt kommer omkring går de till webbplatsen och ser att rubriken börjar till vänster och når bara mitten av skärmen etc. Egentligen är detta det mest slående argumentet till förmån för "gummi" - det gör att du kan se till att alla - exakt alla - användaren ser på webbplatsen exakt den design som designades av designern.

Steg 2

Hur man gör en gummibanner kan bäst demonstreras med ett exempel. Låt det vara "gummi" 100% med 70, vilket expanderar från 1000 till 100%. Detta innebär att den minsta bannerstorleken är 1000 x 70. Storleken bör baseras på. Först måste du skapa den vanligaste bannern. Det enda att tänka på är att den måste utföras i filmklippssymbolen. Det är nödvändigt att skapa en ny symbol i biblioteket och arbeta i den.

Steg 3

Bannern är klar. Låt oss säga att den har en film i centrum (en videobild som återspeglar kärnan i en film eller ett spel, etc.) med en inskription. Denna etikett ska alltid vara centrerad. Du måste ge den här filmen ett namn, låt oss säga CenterText. Mot bakgrunden av inskriptionen måste du skapa en ny film - med en gradientfyllning. Det kommer att expandera till hela gummibannern. Det kan kallas - Fon. Då bör du namnge ytterligare en film, hålla den till höger kant på skärmen. Låt det vara RightText.

Steg 4

Nästa steg är att placera ett videoklipp med en banner på huvudscenen. Du kan kalla det OurBanner. De resulterande föremålen under arbetets gång måste flyttas.

Steg 5

När du har gått in i valfri ram på huvudscenen måste du stoppa videon - skriv Stop - och ta med en tom video på scenen för att fånga händelser. Du måste infoga koden i den:

onClipEvent (enterFrame) {

Stage.scaleMode = "noScale";

Stage.align = "TL";

Stage.addListener (detta);

this.onResize = funktion () {

om (Stage.width> 1000) {

this._parent. OurBanner. CenterText._x = Stage.width / 2;

this._parent. OurBanner. RightText._x = Stage.width - this._parent. OurBanner. RightText._width;

this._parent. OurBanner. Fon._width = Stage.width;}

}}

Gummibannern är klar.

Rekommenderad: