Trenutno se nahajate: Angel Katarov » Flash CS3 » Izdelovanje banner-jev
in Flash CS3
December 15th, 2009
Tags: Izdelava spletnih pasic, Izdelovanje banner-jev
V tem tečaju se bomo naučili kako ustvariti Flash oglas.
Za začetek tega tečaja bomo najprej določili velikost našega banner-js. Velikost tipičnega banner oglasa je 728px x 90px. Oglas take velikosti ima sicer več poimenovanj, glede na mrežno oglaševanje, vendar ga zaenkrat imenujemo kar banner. Najprej bomo v Flashu naredili dokument za naš banner. Odprimo nov dokument v Flashu. Izberemo ActionScript 2.0 dokument. Razlog za uporabo AS2.0 in ne AS3.0 je ta, da ne moremo pripeti ActionScript-a direktno na objekt v AS3.0, ker ta ne podpira primerov video-klipov in gumbov. Prav tako bo različna tudi lokacija spremenljivke, ki jo bo Flash importiral.
Ko ste enkrat ustvarili vaš dokument pojdite v Modify > Document Properties in nastavite velikost dokumenta v višino in širino banner-ja.
Ker ta tečaj ni namenjen ustvarjanju novih videov ampak temu, kako vpeljati ClickTag ukaz v video, se ne bomo spuščali v podrobnosti o temu. Se pravi v tem koraku bi morali imeti že narejen vaš Flash banner. Sam sem ustvaril preprost banner za Tuts Plus omrežje, s katerim bom razložil ClickTag.
Razširiti moramo povečati naš časovni okvir in ustvariti nov layer. Prepričajte se da ste layer primerno poimenovali, da ga boste kasneje lažje našli in prepoznali. Ta nasvet je precej uporaben predvsem takrat, ko imate video-klip z več layer-ji. Ta layer poimenujmo ClickTag. To naredimo tako, da gremo na Insert > Timeline > Layer
Medtem ko imate izbran nov layer kliknite R, da aktivirate orodje Rectangle (pravokotnik). Vlecite pravokotnik preko celotno delovno namizje in pazite na to, da prekrijete vse.
Sedaj bomo gumb, ki smo ga pravkar ustvarili dodali nekaj lastnosti. Z desnim klikom na pravokotnik smo ustvarili in izbrali Edit in Place. Naslednji časovni okvir, ki se bo pojavil, bo pokazal okvirje ‘Up’ (gor), ‘Over’ (čez), ‘Down’ (dol), and ‘Hit’ (izberi). Kliknite in držite na okvir ‘Up’(gor) in ga vlecite do okvirja ‘Hit’ (izberi).
Vrnite se na glavno delovno namizje. Sedaj lahko vidimo, da je oblika, ki smo jo ustvarili pred nekaj trenutki, dobila zelenkast odtenek. To pomeni da se naš layer/gumb odziva na klik. Shranite dokument in nato kliknite na obarvan layer, ki ste ga ustvarili in odprite actions (ukazni) meni tako da greste na Windows > Actions, ali pa preprosto kliknete F9.
Z odprtim actions menijem preverite ali imate izbran ClickTag layer. To je zelo pomembno, saj bi bil ActionScript v primeru, da imate izbran drug layer narobe apliciran.
Z našo actions panel odprite, kopirajte in prilepite kodo spodaj direktno v panel. Ne pozabite, da kode ne smete urejati, ker v tem primeru oglas ne bo sledljiv. Prilepite jo tako kot je.
Sedaj pa pokukajmo za zaveso in poglejmo kaj se dogaja z našo skripto.
Najprej nastavimo naše dejanje z on(release). “on(release)” je upravljalec dogodkov stare šole, ki se prikliče, ko nekdo klikne na gumb ali ko uporabnik klikne in potem spusti. Potem preverimo, da je url, ki bo dinamično dodeljeval našemu oglasu njegov dejanski “http:” url.
POMEMBNO: veliko je variacij te skripte, ki krožijo okoli, vendar je zelo pomembno da jo vedno uporabimo z dodatnim “if()”. To je varnostni ukrep. Saj bi bilo, če dodeljujemo spremenljivke na ta način, relativno preprosto za škodoželjno stran, da nam prevzame naš SWF in ustvari cross-site skripni napad proti uporabniku. Detajli sežejo dlje, kot ta tečaj, a vendar je pomembno, da si zapomnite ta varnostni ukrep.
Naša skripta je napisana tako, da dovoljuje omrežnemu oglaševanju, da izsledi banner, ki je prikazan in ko je bilo nanj kliknjeno. Naš getURL action bo usmerjal iskalnik do”clickTag” v vloženo kodo. ukaz getURL(clickTag, “_blank”) bo zavzela url, ki v omrežnem oglaševanju umesti in vloži ukaz in ga dinamično pripiše našemu oglasu.
Na primer:
<EMBED src=“our_flash_banner.swf?clickTag=http://ouradnetwork.com/can-track-us?http://and_assign_destination_url.com”>
Preverite nastavitve objave; nastavljeno mora biti pod publish as (objaviti kot) ActionScript 2.0. Hit Commandn+ Return (na macu), da lahko testirate banner.
V ustvarjenem predogledu bomo z miško lebdeli šreko oglasa, da se prepričamo, da se nanj dejansko da klikniti. Končno bi se morali vrniti v Flash in preveriti, da naša skripta ne generira nobenih error-jev (napak).
Čestitke, sedaj ste ustvarili banner za razvitje.
Pomembno pa je da glede ClickTag-a razumete nekaj. To ni poteza samega Flasha. ActionScript zgoraj je tisti, ki dovoljuje objektu SWF, da sprejme informacijo od zunaj. Ta tehnika pove Flashu, da bo video, ki ste ga pravkar ustvarili, odprl url brez da morate vi vedeti točen url, medtem ko ustvarjate video. Povezava je prenesena na SWF iz html vložene kode, ki jo bo vaše omrežno oglaševanje uporabilo za služenje oglasu.
ClickTag nima svoje vrednosti ko ga ustvarite. Ne bo niti imel kakšnega posebnega pomena, ko gledate predogled filma. Njegova vrednost je v tem, da je url preskrbljen s strani html vložene kode.
Avtor: Victor Jackson
Actionscript
adobe
Adobe Dreamweaver CS3
Adobe Flash CS3
adobe flex3
Basics
Best
Building
Button
cs3/cs4
dreamweaver cs3
Facebook
Feeds
flash cs3
free
Google
Images
Importing
Internet
intro
Keyword
kreiranje
Link
made
Marketing
Menu
Most
Myspace
optimizacija
Page
part
player
Rollover
Search
seo
Site
Styling
Tips
Tutorial
Tweening
using
Video
video tečaj
Website
youtube Brezplačne skripte (1)
Dreamweaver CS3 (4)
Flash CS3 (5)
Flex CS3 (6)
Google (4)
Splošno (3)
Video tečaji (2)
YouTube Dreamweaver CS3 (15)
YouTube Flash CS3 (37)
YouTube SEO (27)
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
The blog owner requires users to be logged in to be able to vote for this post.
Alternatively, if you do not have an account yet you can create one here.
Powered by Vote It Up
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Feb | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | ||||
Powered by Yahoo! Answers
Ni komentarjev
Pusti svoj komentar