Gumowy baner flash jest również nazywany po prostu „gumą”. Jego główną cechą dla strony jest to, że niezależnie od rozmiaru przeglądarki, baner pozostanie taki sam, jak był zamierzony - piękny, wyraźny i jasny. Zapotrzebowanie na banery gumowe wynikało z tego, że trzeba brać pod uwagę różne rozmiary komputerów internautów, bo ktoś ma monitor kwadratowy, ktoś ma monitor panoramiczny, niektórzy 14 cali, inni 21 cali.
Instrukcje
Krok 1
Przed udzieleniem odpowiedzi na pytanie „Jak zrobić gumowy baner?”, warto odpowiedzieć na jeszcze jedno równie ważne pytanie: „Dlaczego musisz to zrobić?” Dla niektórych może się to wydawać dziwne, ale tak naprawdę nie ma w tej kwestii jedności wśród projektantów stron internetowych. Jak nie ma powiedzmy konsensusu wśród kierowców - czy dobrze jest jeździć na oponach całorocznych czy da się sobie poradzić z oponami letnimi, czy korzystać z pełnego zestawu: opony letnie + zimowe… 1000 punktów, to się odbije błędnie, do tego stopnia, że mogą pojawić się elementy graficzne ukryte przez dewelopera za krawędziami tego banera. Jeśli podczas umieszczania banera nie weźmiemy pod uwagę możliwości jego gumowania, atrakcyjność strony dla odwiedzających z monitorem panoramicznym natychmiast spada. W końcu idą na stronę i widzą, że nagłówek zaczyna się po lewej stronie i sięga tylko środka ekranu itp. Właściwie jest to najbardziej uderzający argument przemawiający za „gumą” – pozwala upewnić się, że każdy – dokładnie każdy – użytkownik widzi na stronie dokładnie taki projekt, jaki został wymyślony przez projektanta.
Krok 2
Jak zrobić gumowy baner najlepiej pokazać na przykładzie. Niech to będzie „guma” 100% na 70, która rozszerza się od 1000 do 100%. Oznacza to, że minimalny rozmiar banera będzie wynosił 1000 na 70. Ten rozmiar powinien być oparty na. Najpierw musisz stworzyć najbardziej popularny baner. Jedyną rzeczą do rozważenia jest to, że musi być wykonane w symbolice klipu filmowego. Konieczne jest stworzenie nowego symbolu w bibliotece i praca w nim.
Krok 3
Baner jest gotowy. Załóżmy, że w centrum znajduje się film (obraz wideo, który odzwierciedla istotę filmu lub gry itp.) z napisem. Ta etykieta powinna być zawsze wyśrodkowana. Musisz nadać temu filmowi nazwę, powiedzmy CenterText. Na tle napisu musisz zrobić kolejny film - z wypełnieniem gradientowym. Rozszerzy się do pełnej szerokości gumowego banera. Można go nazwać - Fon. Następnie powinieneś nazwać jeszcze jeden film, przyklej go do prawej krawędzi ekranu. Niech to będzie RightText.
Krok 4
Kolejnym krokiem jest umieszczenie na scenie głównej klipu wideo z banerem. Możesz to nazwać OurBanner. Powstałe obiekty w trakcie pracy będą musiały zostać przeniesione.
Krok 5
Po wejściu do dowolnej klatki na głównej scenie musisz zatrzymać wideo - napisać Stop - i przenieść na scenę puste wideo, aby przechwycić zdarzenia. Musisz wstawić do niego kod:
onClipEvent (enterFrame) {
Stage.scaleMode = "noScale";
Stage.align = "TL";
Stage.addListener (to);
this.onResize = funkcja () {
jeśli (etap.szerokość> 1000) {
this._parent. OurBanner. CenterText._x = Szerokość.sceny / 2;
this._parent. OurBanner. RightText._x = Stage.width - this._parent. OurBanner. RightText._width;
this._parent. OurBanner. Fon._width = Szerokość.sceny;}
}}
Gumowy baner jest gotowy.
