ßê çðîáèòè flash ôîíîì

Flash - òåõíîëîã³ÿ, ùî äîçâîëÿº ñòâîðþâàòè àí³ìàö³éí³ ôàéëè. Ç ¿õ äîïîìîãîþ âè ìîæåòå çðîáèòè ðåêëàìíèé áàíåð àáî ïðèêðàñèòè ñâîþ âåá-ñòîð³íêó çà äîïîìîãîþ ôëåø-åëåìåíò³â, íàïðèêëàä, âñòàâèòè íà ñàéò àí³ìîâàíèé ôîí.
ßê çðîáèòè flash ôîíîì




Âàì çíàäîáèòüñÿ
  • - êîìï'þòåð ç âèõîäîì â ³íòåðíåò;
  • - áðàóçåð;
  • - íàâè÷êè ðîáîòè ç HTML.
²íñòðóêö³ÿ
1
Âèêîðèñòîâóéòå íàéïðîñò³ø³ àí³ìàö³¿ äëÿ ïðèêðàñè âåá-ñòîð³íêè (ôàéëè ó ôîðìàò³ gif), òàêîæ âè ìîæåòå äîäàòè íà íå¿ ôàéë, çðîáëåíèé çà äîïîìîãîþ òåõíîëî㳿 flash.  ïåðøó ÷åðãó ñòâîð³òü àí³ìîâàíó êàðòèíêó ó ôîðìàò³ gif, äëÿ öüîãî ñêîðèñòàéòåñÿ ïðîãðàìîþ Adobe Photoshop.
2
Òàêîæ âè ìîæåòå âèêîðèñòîâóâàòè âæå ñòâîðåí³ àí³ìîâàí³ ôàéëè, âèêëàäåí³ â ³íòåðíåò. ¯õ ìîæíà çàñòîñóâàòè â ÿêîñò³ ôîíó äëÿ âåá-ñòîð³íêè. Äîäàéòå çîáðàæåííÿ ÿê ôîíîâå â êîä âàøîãî ñàéòó ç âèêîðèñòàííÿì ïàðàìåòðà Background. Äëÿ öüîãî â òåç³ Body çðîá³òü ïîñèëàííÿ íà ôàéë.


3
Âñòàâòå ôëåø ³ ïðîçîðèé ôîí, äëÿ öüîãî ñêà÷àéòå ôàéë Swfobject.Js, â áðàóçåð³ ïåðåéä³òü çà ïîñèëàííÿì https://blog.deconcept.com/swfobject/swfobject.js. Çáåðåæ³òü éîãî íà êîìï'þòåð. ϳäêëþ÷³òü äàíèé ôàéë ó html-êîä ñòîð³íêè. Äëÿ öüîãî âèêîðèñòîâóéòå òåã ñêðèïòà, íàïðèêëàä: < script type="text/javascript" src= «Ââåäèòå ïóòü ê ñêà÷àííîìó ôàéëó» swfobject.js >< /script >.
4
Äàë³ âèêîíàéòå âñòàâêó ôëåø ó âåá-ñòîð³íêó. Äëÿ öüîãî âèêîðèñòîâóéòå êîä < div id="flash" >< «Äîáàâüòå ôîíîâîå èçîáðàæåíèå, íà ñëó÷àé, åñëè ó ïîëüçîâàòåëÿ îòêëþ÷åíà ïîääåðæêà ïëàãèíîâ» div >. Ó òåç³ ñêðèïòà äîäàéòå íàñòóïíå: var fl = new SWFObject («Âñòàâòå ïîñèëàííÿ íà ôëåø-ôàéë», «movie", "209", "267", "6") - [B] fl.addParam ("wmode", " opaque ") - [/ B] (äàíèé ïàðàìåòð äîçâîëÿº çðîáèòè ôëåø ôîíîì.
5
Âèêîíóéòå ï³äêëþ÷åííÿ òåã³â ñàìå â òàê³é ïîñë³äîâíîñò³, òîáòî ñïî÷àòêó «Äèâ», ³ ëèøå ïîò³ì ñêðèïò. Äàíèé ñïîñ³á äîçâîëÿº â³ä òåãà, à òàêîæ âèéòè ³ç ñèòóàö³¿, êîëè êîðèñòóâà÷ â³äêëþ÷ຠâ³äîáðàæåííÿ ïëàã³í³â ³ ñêðèïò³â, òîìó ïðè âèêîðèñòàíí³ òåãà ïðè íàâåäåíí³ êóðñîðó íà ôëåø-ôàéë ç'ÿâëÿºòüñÿ íàïèñ «Êëàöí³òü, ùîá àêòèâóâàòè äàíèé åëåìåíò óïðàâë³ííÿ». Ó íàøîìó âèïàäêó òàêå íå ç'ÿâèòüñÿ.
6
Äëÿ òîãî ùîá ï³äëàøòóâàòè ðîçì³ð ôëåø-ôîíó äî áðàóçåðà, ïîåêñïåðèìåíòóéòå ç ïàðàìåòðîì "100%", "100%", "8" â òåç³ ñêðèïòà. Òàêîæ ìîæíà çàäàòè ïàðàìåòð min-width: 1000px - äëÿ â³äîáðàæåííÿ â «Îïåð³» òà ³íøèõ áðàóçåðàõ, ³ äëÿ Internet Explorer -width: 1000px. Òàêèì ÷èíîì, âè ìîæåòå äîäàòè ôëåø â ôîí ñòîð³íêè.
Ïåðåãëÿä³â: 4063

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!