<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Angel Katarov &#187; Izdelovanje banner-jev</title>
	<atom:link href="http://www.angelontheweb.com/sl/tag/izdelovanje-banner-jev/feed" rel="self" type="application/rss+xml" />
	<link>http://www.angelontheweb.com/sl</link>
	<description>angelontheweb.com - Angel Katarov,  Adobe Certified Instructor</description>
	<lastBuildDate>Sat, 17 Jul 2010 23:12:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Izdelovanje banner-jev</title>
		<link>http://www.angelontheweb.com/sl/izdelava-spletnih-pasic-izdelovanje-banner.html</link>
		<comments>http://www.angelontheweb.com/sl/izdelava-spletnih-pasic-izdelovanje-banner.html#comments</comments>
		<pubDate>Tue, 15 Dec 2009 08:48:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash CS3]]></category>
		<category><![CDATA[Izdelava spletnih pasic]]></category>
		<category><![CDATA[Izdelovanje banner-jev]]></category>

		<guid isPermaLink="false">http://angelontheweb.com/sl/?p=494</guid>
		<description><![CDATA[Ko oblikujete Flash oglas za razvoj preko omrežnega oglaševanja mora ta oglas imeti vključene sledilne sposobnosti. To dosežemo s primerno uporabo ClickTAG ActionScript ukaza. ClickTAG bo določal kako se oglas obnaša, ko je uporabnik v interakciji z njim. Prav tako bo omogočil, da bo omrežno oglaševanje sledilo oglasu, število dostavljenih vtisov in število klikov.
V tem [...]]]></description>
			<content:encoded><![CDATA[<h5><em>Ko oblikujete Flash oglas za razvoj preko omrežnega oglaševanja mora ta oglas imeti vključene sledilne sposobnosti. To dosežemo s primerno uporabo ClickTAG ActionScript ukaza. ClickTAG bo določal kako se oglas obnaša, ko je uporabnik v interakciji z njim. Prav tako bo omogočil, da bo omrežno oglaševanje sledilo oglasu, število dostavljenih vtisov in število klikov.</em></p>
<p><em>V tem tečaju se bomo naučili kako ustvariti Flash oglas.</em></h5>
<h2><strong>Korak 1</strong></h2>
<p>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.<br />
Ko ste enkrat ustvarili vaš dokument pojdite v Modify &gt; Document Properties in nastavite velikost dokumenta v višino in širino banner-ja.</p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/1.jpg" title="" class="shutterset_singlepic40" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/40__320x240_1.jpg" alt="1" title="1" />
</a>

<h2>Korak 2</h2>
<p>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.</p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/2.jpg" title="" class="shutterset_singlepic41" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/41__320x240_2.jpg" alt="2" title="2" />
</a>

<h2>Korak 3</h2>
<p>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 &gt; Timeline &gt; Layer</p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/3.jpg" title="" class="shutterset_singlepic42" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/42__320x240_3.jpg" alt="3" title="3" />
</a>

<h2>Korak 4</h2>
<p>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.</p>
<h2>Korak 5</h2>
<p>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 &#8216;Up&#8217; (gor), &#8216;Over&#8217; (čez), &#8216;Down&#8217; (dol), and &#8216;Hit&#8217; (izberi). Kliknite in držite na okvir &#8216;Up&#8217;(gor) in ga vlecite do okvirja &#8216;Hit&#8217; (izberi).</p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/4.jpg" title="" class="shutterset_singlepic43" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/43__320x240_4.jpg" alt="4" title="4" />
</a>

<h2>Korak 6</h2>
<p>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 &gt; Actions, ali pa preprosto kliknete F9.</p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/5.jpg" title="" class="shutterset_singlepic44" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/44__320x240_5.jpg" alt="5" title="5" />
</a>

<h2>Korak 7</h2>
<p>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.</p>
<h2>Korak 8</h2>
<p>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.</p>
<ol style="margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; list-style-type: decimal-leading-zero; list-style-position: initial; list-style-image: initial; background-color: #ffffff; color: #5c5c5c; padding: 0px; border: 0px initial initial;">
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #ffffff; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">on (release) { </span></span></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #f8f8f8; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: bold; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #006699; padding: 0px; margin: 0px; border: 0px initial initial;">if</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">(_level0.clickTag.substr(0,5) == </span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: blue; padding: 0px; margin: 0px; border: 0px initial initial;">&#8220;http:&#8221;</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">){ </span></span></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #ffffff; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">getURL(_level0.clickTag, <span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: blue; padding: 0px; margin: 0px; border: 0px initial initial;">&#8220;_blank&#8221;</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">); </span></span></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #f8f8f8; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">} </span></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #ffffff; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">} </span></li>
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 3px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; border-left-style: solid; border-left-color: #6ce26c; background-color: #f8f8f8; line-height: 14px; list-style-type: decimal; list-style-position: initial; list-style-image: initial;"><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;"> </span></li>
</ol>
<p>Sedaj pa pokukajmo za zaveso in poglejmo kaj se dogaja z našo skripto.<br />
Najprej nastavimo naše dejanje z on(release). &#8220;on(release)&#8221; 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 &#8220;http:&#8221; url.<br />
<strong> POMEMBNO</strong>: veliko je variacij te skripte, ki krožijo okoli, vendar je zelo pomembno da jo vedno uporabimo z dodatnim &#8220;if()&#8221;. 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.<br />
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&#8221;clickTag&#8221; v vloženo kodo. ukaz getURL(clickTag, &#8220;_blank&#8221;) bo zavzela url, ki v omrežnem oglaševanju umesti in vloži ukaz in ga dinamično pripiše našemu oglasu.<br />
<em> Na primer:</em></p>
<p><em><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: bold; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #006699; padding: 0px; margin: 0px; border: 0px initial initial;">&lt;</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: bold; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #006699; padding: 0px; margin: 0px; border: 0px initial initial;">EMBED</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;"> </span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: red; padding: 0px; margin: 0px; border: 0px initial initial;">src</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;">=</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: blue; padding: 0px; margin: 0px; border: 0px initial initial;">&#8220;our_flash_banner.swf?clickTag=http://ouradnetwork.com/can-track-us?http://and_assign_destination_url.com&#8221;</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: bold; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: #006699; padding: 0px; margin: 0px; border: 0px initial initial;">&gt;</span><span style="outline-width: 0px; outline-style: initial; outline-color: initial; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; color: black; padding: 0px; margin: 0px; border: 0px initial initial;"> </span></em></p>

<a href="http://www.angelontheweb.com/sl/wp-content/gallery/kreiranje-flash-banner/6.jpg" title="" class="shutterset_singlepic45" >
	<img class="ngg-singlepic ngg-center" src="http://www.angelontheweb.com/sl/wp-content/gallery/cache/45__320x240_6.jpg" alt="6" title="6" />
</a>

<h2>Korak 9</h2>
<p>Preverite nastavitve objave; nastavljeno mora biti pod publish as (objaviti kot) ActionScript 2.0. Hit Commandn+ Return (na macu), da lahko testirate banner.</p>
<h2>Korak 10</h2>
<p>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).</p>
<p>Čestitke, sedaj ste ustvarili banner za razvitje.</p>
<h2>Nekatere pripombe</h2>
<p>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.<br />
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.</p>
<p>Avtor: Victor Jackson</p>
<p><a href="http://www.angelontheweb.com/housing/banner.fla" target="_blank">Download</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.angelontheweb.com/sl/izdelava-spletnih-pasic-izdelovanje-banner.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	<img style='margin:0;padding:0;border:0;' width='1px' height='1px' src="http://www.angelontheweb.com/sl/wp-content/plugins/mystat/mystat.php?act=time_load&id=89664&rnd=1857816607" /></channel>
</rss>
