<?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"
	>

<channel>
	<title>Blog</title>
	<atom:link href="http://blogum.info/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogum.info</link>
	<description>Bir başka WordPress blogu.</description>
	<pubDate>Sun, 17 Aug 2008 21:49:57 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Fireworks&#8217;te Pentool Kullanımı (video)</title>
		<link>http://blogum.info/fireworkste-pentool-kullanimi-video.html/</link>
		<comments>http://blogum.info/fireworkste-pentool-kullanimi-video.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:49:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fireworks]]></category>

		<category><![CDATA[Fireworks'te Pentool Kullanımı (video)]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=45</guid>
		<description><![CDATA[Fireworks&#8217;te Pentool Kullanımı (video)
Merhabalar, Fireworks&#8217;te pentool&#8217;un nasıl kullanıldığını, ne işe yaradığını anlatacağım. Kolay gelsin.
Dosya formatı: Avi
Dosya boyutu: 3.32 MB
Dosya şekli: RAR (Sıkıştırılmış dosya - Winrar kurulu olmalıdır)
Sunucu: Rapidshare.com

Dersi indirmek için buraya tıklayınız.
Bu Yazıyı Paylaşın
]]></description>
			<content:encoded><![CDATA[<p id="post_message_9145"><strong>Fireworks&#8217;te Pentool Kullanımı (video)</strong></p>
<p id="post_message_9145">Merhabalar, Fireworks&#8217;te pentool&#8217;un nasıl kullanıldığını, ne işe yaradığını anlatacağım. Kolay gelsin.</p>
<p><strong>Dosya formatı:</strong> Avi<br />
<strong>Dosya boyutu:</strong> 3.32 MB<br />
<strong>Dosya şekli:</strong> RAR (Sıkıştırılmış dosya - Winrar kurulu olmalıdır)<br />
<strong>Sunucu:</strong> Rapidshare.com<br />
<span id="more-4773"></span><br />
<a href="http://rapidshare.com/files/33489649/pentool.rar" onclick="pageTracker._trackPageview ('/gidenler/http_rapidshare_com_files_33489649_pentool_rar');" target="_blank"><strong><u><font color="#800080">Dersi indirmek için buraya tıklayınız.</font></u></strong></a></p>
<p class="akst_link"><a href="http://blogum.info/?p=4773&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4773" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/fireworkste-pentool-kullanimi-video.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fireworks Motion Trail Efekti Burada :)</title>
		<link>http://blogum.info/fireworks-motion-trail-efekti-burada.html/</link>
		<comments>http://blogum.info/fireworks-motion-trail-efekti-burada.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:49:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fireworks]]></category>

		<category><![CDATA[Fireworks Motion Trail Efekti Burada :)]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=44</guid>
		<description><![CDATA[Fireworks Motion Trail Efekti Burada  
 			 		  		
1-Öncelikle 400/312 boyutunda ve Canvas rengimiz beyaz olacak şekilde yeni bir çalışma sayfası açıyoruz.


  2-Tools Panelinden Vector araçlarına giderek Text Tool(T)’u seçelim.

3-Ben bu çalışmada textimi “Fireworks” olarak oluşturacağım.Siz istediğiniz bir texti oluşturabilirsiniz.

Yine bu adımda Properties paneline giderek,textimiz seçili durumda iken,aşağıdaki şekilde görülen değerleri girelim.

4-Sanırım [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Fireworks Motion Trail Efekti Burada <img src='http://blogum.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_19760"><font color="red">1-</font>Öncelikle 400/312 boyutunda ve Canvas rengimiz beyaz olacak şekilde yeni bir çalışma sayfası açıyoruz.<br />
<img src="http://img507.imageshack.us/img507/3506/motion1lk0.jpg" id="ncode_imageresizer_container_5" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p id="post_message_19760">
<span id="more-4772"></span>  <font color="red">2-</font>Tools Panelinden Vector araçlarına giderek Text Tool(T)’u seçelim.<br />
<img src="http://img521.imageshack.us/img521/6562/yansma3jm7.jpg" id="ncode_imageresizer_container_1" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">3-</font>Ben bu çalışmada textimi “<font color="red">Fireworks</font>” olarak oluşturacağım.Siz istediğiniz bir texti oluşturabilirsiniz.<br />
<img src="http://img507.imageshack.us/img507/9996/motion2kx1.jpg" id="ncode_imageresizer_container_3" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
Yine bu adımda <font color="red">Properties</font> paneline giderek,textimiz seçili durumda iken,aşağıdaki şekilde görülen değerleri girelim.<br />
<img src="http://img507.imageshack.us/img507/6301/motion3tr9.jpg" id="ncode_imageresizer_container_8" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">4-</font>Sanırım <font color="red">İ</font> karakterini kullanarak ben hata yaptım.Resimleri tekrar screenlemeden ben çalışmamda bu karakteri <font color="red">I</font><br />
olarak düzeltiyorum.İmleci hemen rengini değiştirmek istediğimiz karakterin yanına götürerek,ardından rengini değiştirmek istediğimiz karakteri aşağıdaki şekildeki gibi değiştiriyoruz.Renk değeri olarak ben <font color="red">#CCCC99</font> rengini kullanıyorum.<br />
<img src="http://img507.imageshack.us/img507/3978/motion4sd1.jpg" id="ncode_imageresizer_container_7" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">5-</font> Renk düzenimiz bu şekilde olmalıdır.<br />
<img src="http://img292.imageshack.us/img292/9889/motion5cg1.jpg" id="ncode_imageresizer_container_2" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">6-</font>Filters/Eye Candy 4000 LE/Motion Trail’i seçelim.<br />
<img src="http://img507.imageshack.us/img507/6339/motion6mj4.jpg" id="ncode_imageresizer_container_9" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">7-</font>Motion Trail değerlerini resimdeki gibi girelim.<br />
<img src="http://img292.imageshack.us/img292/5355/motion7qe4.jpg" id="ncode_imageresizer_container_4" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<font color="red">8-</font>Son olarak <font color="red">Motion Trail </font>efektimiz resimdeki gibidir.<br />
<img src="http://img292.imageshack.us/img292/8127/motion8dn8.jpg" id="ncode_imageresizer_container_6" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p class="akst_link"><a href="http://blogum.info/?p=4772&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4772" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/fireworks-motion-trail-efekti-burada.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fireworks Ağaç Efekti ve Crop Tool kullanımı (C)</title>
		<link>http://blogum.info/fireworks-agac-efekti-ve-crop-tool-kullanimi-c.html/</link>
		<comments>http://blogum.info/fireworks-agac-efekti-ve-crop-tool-kullanimi-c.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:48:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fireworks]]></category>

		<category><![CDATA[Fireworks Ağaç Efekti ve Crop Tool kullanımı (C)]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=43</guid>
		<description><![CDATA[Fireworks Ağaç Efekti ve Crop Tool kullanımı (C)
 			 		  		
Ağaç Efekti ve Crop Tool© kullanımı.
1-İlk adımda Ctrl+N ile aşağıdaki resimde ki gibi ölçüler vererek,yeni bir sayfa açalım.Ben Customdan arka plan rengimi #333333 olarak veriyorum.


2-Tools Panelinden Rectangle tool(u)&#8217;u seçelim.Ve bu araç ile istediğimiz büyüklükte bir kare veya dikdörgen bir alan çizleim.

3-Bu adımda çizdiğimiz şeklinin [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Fireworks Ağaç Efekti ve Crop Tool kullanımı (C)</strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_3129"><font size="4"><font color="#2f4f4f">Ağaç Efekti ve Crop Tool© kullanımı.<br />
</font></font>1-İlk adımda Ctrl+N ile aşağıdaki resimde ki gibi ölçüler vererek,yeni bir sayfa açalım.Ben <font color="#8b0000">Custom</font>dan arka plan rengimi #333333 olarak veriyorum.<br />
<span id="more-4771"></span></p>
<p align="center"><img src="http://img249.imageshack.us/img249/2261/picture1ip4.jpg" id="ncode_imageresizer_container_3" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>2-Tools Panelinden Rectangle tool(u)&#8217;u seçelim.Ve bu araç ile istediğimiz büyüklükte bir kare veya dikdörgen bir alan çizleim.</p>
<p align="center"><img src="http://img249.imageshack.us/img249/5523/picture2qd3.jpg" id="ncode_imageresizer_container_2" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>3-Bu adımda çizdiğimiz şeklinin renk değerini <font color="#8b0000">#996600</font> olarak belirleyelim.</p>
<p align="center"><img src="http://img403.imageshack.us/img403/1387/picture3tr2.jpg" id="ncode_imageresizer_container_1" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>4-Şeklimiz seçili iken Properties Panelinden Filters/Noise/Add Noise&#8217;i seçerek resimde görülen değerleri verelim.</p>
<p align="center"><img src="http://img403.imageshack.us/img403/2928/picture5rc8.jpg" id="ncode_imageresizer_container_6" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>5-Yine resmimiz seçili iken Properties Panelinden Filters/Blur/Motion Blur&#8217;u seçerek,resimde görülen değerleri verelim.</p>
<p align="center">
<img src="http://img161.imageshack.us/img161/1254/picture7fc1.jpg" id="ncode_imageresizer_container_4" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
Crop Tool kullnımı için ise;</p>
<p>İlk önce Tools Panelinden Select/Crop Tool&#8217;u seçerek,resimde görüldüğü gibi mouse ile kare bir alan seçelim.Bu alan seçili iken entera basalım veya mouse&#8217;u çift tıklayalım.</p>
<p align="center"><img src="http://img264.imageshack.us/img264/5430/picture9jc6.jpg" id="ncode_imageresizer_container_5" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>Sonuç olarak seçili resmimiz aşağıda görülmektedir.</p>
<p class="akst_link"><a href="http://blogum.info/?p=4771&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4771" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/fireworks-agac-efekti-ve-crop-tool-kullanimi-c.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fireworks Uygulamaları, Resimli Anlatım ( Banner, Logo,Dairesel Yazı,Renk Değiştirm Merhaba arkadaşlar, web sitesi ile uğraşan herkesin işine yarar diye düşündüğüm bir kaç bilgiyi resimli bir şekilde kendi anlatımımla yazıyorum. Bu arada fireworks ü bilmeyen arkadaşlar için, flash , dreamweaver ile aynı şirkete ait ve bu programlarla uyumlu çalışan, basit ve photshop benzer bir resim editörüdür.</title>
		<link>http://blogum.info/fireworks-uygulamalari-resimli-anlatim-banner-logodairesel-yazirenk-degistirm-merhaba-arkadaslar-web-sitesi-ile-ugrasan-herkesin-isine-yarar-diye-dusundugum-bir-kac-bilgiyi-resimli-bir-sekilde.html/</link>
		<comments>http://blogum.info/fireworks-uygulamalari-resimli-anlatim-banner-logodairesel-yazirenk-degistirm-merhaba-arkadaslar-web-sitesi-ile-ugrasan-herkesin-isine-yarar-diye-dusundugum-bir-kac-bilgiyi-resimli-bir-sekilde.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:47:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fireworks]]></category>

		<category><![CDATA[Fireworks Uygulamaları]]></category>

		<category><![CDATA[resimli anlatım]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=42</guid>
		<description><![CDATA[Fireworks Uygulamaları, Resimli Anlatım ( Banner, Logo,Dairesel Yazı,Renk Değiştirm Merhaba arkadaşlar, web sitesi ile uğraşan herkesin işine yarar diye düşündüğüm bir kaç bilgiyi resimli bir şekilde kendi anlatımımla yazıyorum. Bu arada fireworks ü bilmeyen arkadaşlar için, flash , dreamweaver ile aynı şirkete ait ve bu programlarla uyumlu çalışan, basit ve photshop benzer bir resim editörüdür.

Kıyafet [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Fireworks Uygulamaları, <a href="http://blogum.info/tag/resimli-anlatim/" class="st_tag internal_tag" rel="tag" title="Posts tagged with resimli anlatım">Resimli Anlatım</a> ( Banner, Logo,Dairesel Yazı,Renk Değiştirm</strong> Merhaba arkadaşlar, web sitesi ile uğraşan herkesin işine yarar diye düşündüğüm bir kaç bilgiyi resimli bir şekilde kendi anlatımımla yazıyorum. Bu arada fireworks ü bilmeyen arkadaşlar için, flash , dreamweaver ile aynı şirkete ait ve bu programlarla uyumlu çalışan, basit ve photshop benzer bir resim editörüdür.<br />
<span id="more-4770"></span><br />
<strong><font color="red">Kıyafet Rengi Değiştirme</font></strong></p>
<p>İlk olarak rengini değiştirmek istediğimiz fotoğrafı fireworks ile açıyoruz. Eğer fotoğrafın tamamını değilde bizim yapacağımız gibi sadece bir bölümünü değiştirmek istiyorsak Tools panelinden Magic Wand Tool (W) aracı yardımıyla istediğimiz bölümü seçiyoruz. Resimdeki renk geçişlerinden dolayı her zaman Magic Wand Tool (W) aracı işimizi görmeyebilir, böyle bir durumda daha rahat çalışmak için önce resminizi büyütüp, ardından da Tools panelinden Lasso Tool (L) aracını kullanarak seçiminizi yapabilirsiniz. Seçim işlemi bittikten sonra resim üzerinde hiç bir yere tıklamadan Filters menusunden Adjust Color ve Hue/Saturation sekmesine geliyoruz. Artık istediğimiz rengi buluncaya kadar hue ve saturation ayarlarını değiştirebilirsiniz.</p>
<p>İşte elde ettiğimiz örnekler :<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks1/orjinal.jpg" id="ncode_imageresizer_container_2" onload="NcodeImageResizer.createOn(this);" border="0" /> <img src="http://www.nuriavci.com/resimler/dersler/fireworks1/1.jpg" id="ncode_imageresizer_container_1" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks1/2.jpg" id="ncode_imageresizer_container_3" onload="NcodeImageResizer.createOn(this);" border="0" /> <img src="http://www.nuriavci.com/resimler/dersler/fireworks1/3.jpg" id="ncode_imageresizer_container_4" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><strong><font color="red">Dairesel Yazı Yazma : (Logolarda Çok Önemli)</font></strong></p>
<p>Fireworks programında boş bir belge açıyoruz. İstediğimiz büyüklükte bir daire çiziyoruz, dairenin iç rengi yada dış çizgi kalınlığı hiç önemli değil, çünkü bu daire resmimizde zaten gözükmeyecek. Dairemizi çizdikten sonra şimdide istediğimiz yazıyı text aracı ile yazıyoruz. Shift tuşu basılı iken hem yazımıza hem de daireye tıklıyoruz, böylelikle ikisinide seçmiş olduk. Şimdi de Text menusunden Attach to Path seceneğine tıklıyoruz. Artık yazımız dairesel bir şekil almış oldu. Yazıyı istediğimiz gibi ortalamak için properties menusunden sağa, sola dayayabilir yada ortalayabilirsiniz.</p>
<p>Not : Eğer resmimizde bir dairenin görünmesini istiyorsak, yazı için kullandığımız daire dışında bir tane daha çizmemiz gerekecektir.</p>
<p>İşte Örneğimiz :<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks3/dairesel3.jpg" id="ncode_imageresizer_container_6" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
<strong><font color="red">Hareketli Resim (Gif Animasyon) Hazırlama </font></strong></p>
<p>Örneğimizde kullanmak üzere 468*60 boyutlarında boş bir belge açıyoruz ve arka plan rengini de siyah olarak belirliyoruz. Daha önceden hazırlamış olduğumuz logomuzu fireworks programı ile açarak logo resmini açmış olduğumuz fireworks dosyasına yapıştırıyoruz. Artık animasyonumuzun sabit kısmını hazırlamış olduk. Şimdi 1.resmimizin üzerine web tasarım yazıyoruz. Animasyonda görülecek ilk resmimiz hazır. Şimdi ikinci resime geçiyoruz. Bunun için Frames And History panelinden sağ alt köşedeki New/Dublicate Frame e tıklıyoruz. İkinci resmimizde önceki resimle aynı olmasını istediğimiz kısımları bir üstteki frame e giderek kopyalayabilirsiniz. Bunları ikinci frame yapıştırıp daha önce yazdığımız web tasarım yazısının altına web grafik yazıyoruz. Aynı şekilde 3.frame i ekleyip onda da istediğimiz değişiklikleri yaptıktan sonra sıra geldi animasyonda yer alan resimlerin gösteliş sürelerine. Bunun için Frames Ana History panelinde yer alan frame lerden birisini seçip hemen frame isminin yanındaki standart olarak 7 gözüken kısma tıklayarak değiştirebilirsiniz. Burada 7 bir saniyenin 100de 7 sini ifade etmektedir. Yani buraya 7 yerine 100 yazdığımızda o framedeki resmimiz 1 saniye ekranda gözükecek ve bir sonraki resime geçecektir. Şimdi de resmimizi kayıt edelim. Resmimizi kayıt etmeden önce resim formatını değiştirmemiz gerekli. Daha önceki yazımızda da anlattığımız gibi resim formatını değiştirmek için Optimize panelinden istediğimiz formatı seçiyoruz. Biz animasyon resim oluşturacağımız için Animated Gif seçiyoruz ve File / Export menusunden resmimizi kayıt ediyoruz.<br />
1.Resim (Frame1)<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks4/1.gif" id="ncode_imageresizer_container_5" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
2.Resim (Frame2)<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks4/2.gif" id="ncode_imageresizer_container_7" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
3.Resim (Frame3)<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks4/3.gif" id="ncode_imageresizer_container_8" onload="NcodeImageResizer.createOn(this);" border="0" /><br />
Gif Animasyon<br />
<img src="http://www.nuriavci.com/resimler/dersler/fireworks4/animasyon.gif" id="ncode_imageresizer_container_9" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><font color="red"><strong>Banner Hazırlama</strong></font><br />
File menusunden New sekmesine gelerek 780 genişliğinde, 140 yüksekliğinde bir belge açıyoruz. Daha önceden bulduğumuz resmimizin yüksekliği 140 olacak şekilde ayarlıyoruz. Bunun için Modify menusunden Canvas/image Size sekmesini kullanabilirsiniz. Daha sonra bu resmi kopyala yapıştır tekniği ile yada file menusunden import sekmesini kullanarak 780*140 boyutunda açmış olduğumuz dosyaya ekliyoruz. Belgemizin arka plan rengini de properties panelindeki canvas sekmesinden ayarlayabiliriz. Canvas değerine tıkladığımızda, fireworks mouse imlecini dokundurduğumuz yerdeki rengi arka plan rengi olarak ayarlanacaktır. Bu nedenle eklediğimiz resmimizi kullanarak uyumlu bir arka plan rengi ayarlayabilirsiniz. Resmimizin belge üzerinde daha güzel bir geçiş oluşturması için bir geçiş efekti kullanacağız. Bunun için belgemizin üzerindeki resim seçili iken Commands / Creative / Fade İmage sekmesinden istediğimiz efekti ekleyebiliriz. Son olarak da text arac çubuğunu kullanarak istediğiniz renk, font ve boyutta yazılar ekleyip resminizi export menusunden kayıt edebilirsiniz. Resminizin formatını Optimize panelinden değiştirebilirsiniz.</p>
<table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="600">
<tr>
<td class="td1" width="20"><img src="http://www.grafikerler.org/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td>
<td class="td2">Bu resim otomatik olarak küçültülmüştür.Orjinal boyutu görmek için buraya tıklayınız . Orjinal resim boyutu 780&#215;140.</td>
</tr>
</table>
<p><img src="http://www.nuriavci.com/resimler/dersler/fireworks5/banner2.jpg" id="ncode_imageresizer_container_10" onload="NcodeImageResizer.createOn(this);" border="0" height="107" width="600" /></p>
<table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="600">
<tr>
<td class="td1" width="20"><img src="http://www.grafikerler.org/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td>
<td class="td2">Bu resim otomatik olarak küçültülmüştür.Orjinal boyutu görmek için buraya tıklayınız . Orjinal resim boyutu 780&#215;140.</td>
</tr>
</table>
<p><img src="http://www.nuriavci.com/resimler/dersler/fireworks5/banner1.jpg" id="ncode_imageresizer_container_11" onload="NcodeImageResizer.createOn(this);" border="0" height="107" width="600" /></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><font color="red"><strong>Saydam Resim [07.01.2006] </strong></font><br />
Resimlerimizi saydam hala getirerek arka planda yer alan nesnelerin yada renklerinde görünmesini sağlayabilirsiniz. Örneğin ben yapmış olduğum örnekte alttaki elmanın üstüne kendi resmimi getirdim ve sadece kendi resmime saydamlık vererek iki resimde bir bütünmüş gibi görünmesini sağladım. Burda dikkat edilmesi gereken yapacak olduğumuz çalışmamızda iki parça resim yani iki tane katman bulunması gerektiğidir. Zaten fireworks istediğiniz katmanı seçmek için o resmin üzerine tıklamanız yeterlidir. Artık üstte durmasını istediğiniz katmanı diğer katmanın üzerine sürükleyebilirsiniz. Daha sonra properties panelinden 100% olan saydamlık değerini azaltabilirsiniz.</p>
<table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="600">
<tr>
<td class="td1" width="20"><img src="http://www.grafikerler.org/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td>
<td class="td2">Bu resim otomatik olarak küçültülmüştür.Orjinal boyutu görmek için buraya tıklayınız . Orjinal resim boyutu 800&#215;97.</td>
</tr>
</table>
<p><img src="http://www.nuriavci.com/resimler/dersler/fireworks6/1.jpg" id="ncode_imageresizer_container_13" onload="NcodeImageResizer.createOn(this);" border="0" height="72" width="600" /><br />
Resmimizin daha güzel görünmesi için, üstteki katmanda görünmesini istemediğiniz kenarlıkları ,tools panelinden silgiyi kullanarak silebilirsiniz.<br />
<img src="http://www.nuriavci.com/resimler/mizah/yuz.jpg" id="ncode_imageresizer_container_12" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p><u><br />
</u></p>
<p class="akst_link"><a href="http://blogum.info/?p=4770&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4770" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/fireworks-uygulamalari-resimli-anlatim-banner-logodairesel-yazirenk-degistirm-merhaba-arkadaslar-web-sitesi-ile-ugrasan-herkesin-isine-yarar-diye-dusundugum-bir-kac-bilgiyi-resimli-bir-sekilde.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Macromedia Fireworks Giriş [Resimli Anlatım]</title>
		<link>http://blogum.info/macromedia-fireworks-giris-resimli-anlatim.html/</link>
		<comments>http://blogum.info/macromedia-fireworks-giris-resimli-anlatim.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:46:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Fireworks]]></category>

		<category><![CDATA[Macromedia Fireworks Giriş [Resimli Anlatım]]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=41</guid>
		<description><![CDATA[Macromedia Fireworks Giriş [Resimli Anlatım]
 			 		  		
Menüleri basit olarak tanımaya çalışacağız. İlk olarak en başta gördüğümüz file menüsünden başlayalım.


 &#8220;New&#8221; ( Ctrl+N ) Bu yeni sayfa yapmamızı sağlayan menüdür. 
&#8220;New&#8221; e bastığınızda karşınıza gelen menüde &#8220;Width&#8221; in değeri bizim sayfamızın enini belirlememizi sağlayan değerdir. Yandaki kutucuk ise &#8220;Pixels&#8221; , &#8220;Inches&#8221; yada &#8220;Centimeters&#8221; ı [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Macromedia Fireworks Giriş [<a href="http://blogum.info/tag/resimli-anlatim/" class="st_tag internal_tag" rel="tag" title="Posts tagged with resimli anlatım">Resimli Anlatım</a>]</strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_9094"><strong><font size="2">Menüleri basit olarak tanımaya çalışacağız. İlk olarak en başta gördüğümüz file menüsünden başlayalım.</font></strong></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/file.gif" id="ncode_imageresizer_container_1" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p id="post_message_9094">
<span id="more-4769"></span> <strong><font size="2">&#8220;<u>New</u>&#8221; ( Ctrl+N )</font></strong><font size="2"> Bu yeni sayfa yapmamızı sağlayan menüdür. </font><br />
<font size="2"><strong>&#8220;New&#8221;</strong> e bastığınızda karşınıza gelen menüde </font><font size="2"><strong>&#8220;Width&#8221;</strong> in değeri bizim sayfamızın enini belirlememizi sağlayan değerdir. Yandaki kutucuk ise <strong>&#8220;Pixels&#8221;</strong> , <strong>&#8220;Inches&#8221;</strong> yada <strong>&#8220;Centimeters&#8221;</strong> ı seçip istediğiniz değeri verebilirsiniz. <strong>&#8220;Height&#8221;</strong> Sayfanızın boyunu belirlemenize yardımcı olacak değerdir. Sayfanız ne kadar büyük olursa sayfanızın internet ortamındaki açılış hızıda ona orantılı olarak yavaşlayacaktır.</font><br />
<font size="2"> <strong>&#8220;<u>Open</u>&#8221; ( Ctrl+O )</strong> Daha önceden kayıt ettiğiniz dosyalarınızı açmaya yarar.</font><br />
<font size="2"> <strong>&#8220;<u>Open Recent</u>&#8220;</strong> Bu menüde önceden açtığınız dosyaları hafızasında tutarak <strong>&#8220;Open Recent&#8221;</strong> ın üstüne geldiğinizde dosya seçmeden kaydettiğiniz isime göre size dosyayı hemen açıyor.</font><br />
<font size="2"> <strong>&#8220;<u>Close</u>&#8220;</strong> Açık sayfanızı kapatmanızı sağlıyor.</font></p>
<p><font size="2"> <strong>&#8220;<u>Save</u>&#8221; ( Ctrl+S )</strong> Dosyanızı kaydetmeye yarıyor.</font><br />
<font size="2"> <strong>&#8220;<u>Save As</u>&#8221; ( Ctrl+Shift+S )</strong> Kaydedilmiş dosyanızı değişik bir isimle yeniden kaydetmenize yarıyor.</font><br />
<font size="2"> <strong>&#8220;<u>Save As Copy</u>&#8220;</strong> Kaydettiğiniz dosyayı aynı isimle bir kez daha kaydetmenizi sağlıyor.</font><br />
<font size="2"> <strong>&#8220;<u>Revert</u>&#8220;</strong></font></p>
<p><font size="2"> <strong>&#8220;<u>Import</u>&#8221; ( Ctrl+R )</strong> Dosyanıza resimleri buradan ekleyebilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Export</u>&#8221; ( Ctrl+Shift+R )</strong> Bu menü ile dosyanızı Resim, Flash, Photoshop, Freehand, vs. olarak kaydetmenize olanak veren menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Export Prewiew</u>&#8221; ( Ctrl+Shift+X )</strong> Bu menü ile dosyanızı export’lamadan son özelliklerinizi ayarlamanızı sağlayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Update HTML</u>&#8220;</strong> Dosyanızı <strong>&#8220;HTML&#8221;</strong> e ekleyen menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Export Wizard</u>&#8220;</strong> Daha kapsamlı export yapmanıza olanak sağlayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Batch Process</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Preview in Browser</u>&#8220;</strong> Yaptığınız çalışmaların explorer da nasıl göründüğüne bakmanıza olanak sağlayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Page Setup</u>&#8220;</strong> Yazdırmadan önce dosyanızı görmeye yarayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Print</u>&#8221; ( Ctrl+P )</strong> Dosyanızın bu menü ile çıktısını <strong>&#8220;Print Out&#8221;</strong> alabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>HTML Setup</u>&#8220;</strong> Bu menüde dosyanızı html olarak kaydetmeden önceki ayarlarınızı yapabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Exit</u>&#8221; ( Ctrl+Q )</strong> Programdan çıkmanızı sağlayan menüdür. </font></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/edit.gif" id="ncode_imageresizer_container_2" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p><strong><font size="2">&#8220;<u>Undo</u>&#8220;</font></strong><font size="2"> <strong>( Ctrl+Z ) </strong>Yaptığınız bir hareketi geri almanızı sağlayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Repeat</u>&#8221; ( Ctrl+Y )</strong> <strong>&#8220;Undo&#8221;</strong> yaptıktan sonra <strong>&#8220;Undo&#8221; </strong>yu geri almanızı sağlayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Insert</u>&#8220;</strong> Bu menü ile <strong>&#8220;Button&#8221;</strong> , <strong>&#8220;Symbol&#8221;</strong> , <strong>&#8220;Slice&#8221;</strong> , <strong>&#8220;Frame&#8221;</strong> vs. ekleyebilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Libraries</u>&#8220;</strong> Fireworks sizin için hazır <strong>&#8220;Animation&#8221;</strong> , <strong>&#8220;Button&#8221;</strong> vs. hazırlamıştır. Onları buradan dosyanıza koyabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Find and Replace</u>&#8220;</strong> <strong>( Ctrl+F ) </strong>Eğer çok fazla nesne ile çalışıyorsanız onları düzenlemenize silmenize yerleştirmenize olanak sağlayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Cut</u>&#8220;</strong> <strong>( Ctrl+X ) </strong>Kesme işlemidir. Seçtiğiniz Text yada nesneyi keserek oradan çıkartıp, <strong>&#8220;Paste&#8221;</strong> ile istediğiniz yere yapıştırabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Copy</u>&#8220;</strong> <strong>( Ctrl+C ) </strong>Seçtiğiniz Text yada nesneyi kopyalamanıza yarar.</font><br />
<font size="2"> <strong>&#8220;<u>Copy Path Outlines</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Copy HTML Code</u>&#8220;</strong> <strong>( Ctrl+Alt+C ) </strong>Dosyanızın html kodunu kopyalamak için yapılmış menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Paste</u>&#8220;</strong> <strong>( Ctrl+V ) </strong>Kopyaladıklarınızı yapıştırmaya yarayan menüdür.</font><br />
<font size="2"> <strong>&#8220;Clear&#8221;</strong> <strong>( Backspace ) </strong>Seçtiğiniz nesne yada Text’i silmenize yarayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Paste as Mask</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Paste Inside</u>&#8220;</strong> <strong>( Ctrl+Shift+V ) </strong>Örneğin bir dikdörtgen yapıp kopyaladınız. Yaptığınız dikdörtgenden bir tane daha yapıp <strong>&#8220;Paste Inside&#8221;</strong> dediğinizde dikdörtgenin diğer dikdörtgenin içinde olduğunu görürüz.</font><br />
<font size="2"> <strong>&#8220;<u>Paste Attributes</u>&#8221; ( Ctrl+Alt+Shift+V )</strong></font></p>
<p><font size="2"> <strong>&#8220;<u>Duplicate</u>&#8220;</strong> <strong>( Ctrl+Alt+D ) </strong>Seçili Text’inizi yada nesnenizi çoğaltmaya yarar.</font><br />
<font size="2"> <strong>&#8220;<u>Clone</u>&#8220;</strong> <strong>( Ctrl+Shift+D ) </strong>Bu menüde seçili Text’inizi aynı yerde çoğaltmaya yarıyor.</font></p>
<p><font size="2"> <strong>&#8220;<u>Crop Selected Bitmap</u>&#8220;</strong> Resminizi bir bölgeye alıp üzerinde oynama yapabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Crop Document</u>&#8220;</strong> Seçili nesnenizi başka bir bölgeye alarak üzerinde oynama yapmanızı sağlar. </font></p>
<p><font size="2"> <strong>&#8220;<u>Preferences</u>&#8220;</strong> <strong>( Ctrl+U ) </strong>Buradan kendinize göre özellikleri ayarlayabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Keyboard Shortcuts</u>&#8220;</strong> Kendinize göre en sık kullandığınız fonksiyonlara kısa yol tuşları ekleyebilmenizi sağlayan güzel bir menü. </font></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/view.gif" id="ncode_imageresizer_container_3" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p><font size="2">View bölüümünü bölüm bölüm anlatmak yerine sizlere gerekebilecekleri açıklayacağım.</font><br />
<font size="2"> Eğer ölçekli bir çalışma yapacaksanız önce <strong>&#8220;Show All&#8221;</strong> un altındaki <strong>&#8220;Rulers&#8221;</strong> ı açalım. <strong>&#8220;Rulers&#8221;</strong> bölümünde yukarıdan yada soldan çizgiler çıkartıp kendinize hizalama yapabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;Grid&#8221;</strong> lerde sizlere hizalamada çok yardımcı olacaktır.</font><br />
<font size="2"> <strong>&#8220;Zoom In&#8221;</strong> ve <strong>&#8220;Zoom Out&#8221;</strong> ta dosyanıza yakınlaşıp uzaklaşmanızı sağlayacaktır.</font><br />
<font size="2"> <strong>&#8220;Magnification&#8221;</strong> Bu menünün üstüne gelince yandaki çıkan menüden istediğinizi seçerek sayfanıza yaklaşabilir yada ondan uzaklaşabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;Hide Panels&#8221;</strong> ise panelleri kaldırarak size daha geniş bir çalışma ortamı sunuyor.</font></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/select.gif" id="ncode_imageresizer_container_4" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p><strong><font size="2">&#8220;<u>Select All</u>&#8220;</font></strong><font size="2"> <strong>( Ctrl+A ) </strong>Sayfanızdaki her nesneyi ve Text’i seçer.</font><br />
<font size="2"> <strong>&#8220;<u>Deselect</u>&#8220;</strong> <strong>( Ctrl+D ) </strong>Seçtiğiniz bir nesne yada nesneyi seçmemenizi sağlıyor. </font></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/modify.gif" id="ncode_imageresizer_container_5" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p><strong><font size="2">&#8220;<u>Canvas</u>&#8220;</font></strong><font size="2"> Dosyanızı döndürmenize-çevirmenize , uzunluk-genişliklerini ayarlamanıza; kısacası dosyanızın üstünde oynama yapacağınız menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Animation</u>&#8220;</strong> Animasyon ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Symbol</u>&#8220;</strong> Sembollerin ayarlarını yapabileceğiniz ve üzerinde oynama yapabileceğiniz menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Pop-up Menu</u>&#8220;</strong> Şu sıralar çok kullanılan açılır menülerden yapmanıza olanak sunan menüdür. Ancak <strong>Pop-up menü</strong> için <strong>Slice</strong> yada <strong>Hotspot</strong> eklemeniz gerekmektedir. Bunların dışında nesnenizi seçip , üzerine sağ tuşla tıkladığınızda <strong>&#8220;Conver to Symbol&#8221;</strong> e bastığınızda çıkan menüden <strong>&#8220;Button&#8221;</strong> a bastıktan sonrada koyabilirsiniz pop-up menüyü.</font></p>
<p><font size="2"> <strong>&#8220;<u>Mask</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Selective JPEG</u>&#8220;</strong></font></p>
<p><font size="2"> <strong>&#8220;<u>Flatten Selection</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Merge Down</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Flatten Layers</u>&#8220;</strong></font></p>
<p><font size="2"> <strong>&#8220;<u>Transform</u>&#8220;</strong> Seçili Text’inizi yada nesnenizin üzerinde oynamalar yapabileceğiniz menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Arrange</u>&#8220;</strong> Seçilli Text yada nesnenizin önde yada arkada durmasını sağlayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Align</u>&#8220;</strong> Seçili Text yada nesnenizi hizalamanıza yarayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Combine Paths</u>&#8220;</strong> Birden çok nesneyi birleştirmeye yarıyor. Group olayına çok benziyor ama köşeleri ayrı ayrı kalıyor.</font><br />
<font size="2"> <strong>&#8220;<u>Alter Path</u>&#8220;</strong> Nesne yada Text’in üzerinde ışılarla oynamanızı sağlayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Group</u>&#8220;</strong> Birden çok nesneyi yada Texti gruplandırmanıza yarayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Ungroup</u>&#8220;</strong> <strong>&#8220;Group&#8221;</strong> ları ayırmamızı sağlayan menüdür. </font></p>
<p><font size="2"><img src="http://www.acemiler.net/images/dersler/fireworks/fireworks_dersler/menulermx/text.gif" id="ncode_imageresizer_container_6" onload="NcodeImageResizer.createOn(this);" border="0" /></font></p>
<p><strong><font size="2">&#8220;<u>Font</u>&#8220;</font></strong><font size="2"> Yazı tipini değiştirmenizi sağlayan menüdür.</font><br />
<font size="2"> <strong>&#8220;<u>Size</u>&#8220;</strong> Yazınızın büyüklüğünü buradan ayarlayabilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Style</u>&#8220;</strong> Buradan yazı stillerini seçebilirsiniz.</font><br />
<font size="2"> <strong>&#8220;<u>Align</u>&#8220;</strong> Yazınızı hizalamaya yarayan menüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Editor</u>&#8220;</strong> Fireworks4’te alıştığımız yazı editörüdür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Attact to Path</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Detach from Path</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Orientation</u>&#8220;</strong></font><br />
<font size="2"> <strong>&#8220;<u>Reverce Direction</u>&#8220;</strong></font></p>
<p><font size="2"> <strong>&#8220;<u>Convert to Paths</u>&#8220;</strong> Yazılarınızı bir bütün olmaktan çıkarıp harflere dönüştürür.</font></p>
<p><font size="2"> <strong>&#8220;<u>Check Spelling</u>&#8220;</strong> Fireworks Mx te İngilizcesi var sadece ama gayet güzel bir özellik. Yazdığınız metin yada kelimeye sözlükten bakarak doğruluğunu kontrol edebiliyorsunuz.</font><br />
<font size="2"> <strong>&#8220;<u>Spelling Setup</u>&#8220;</strong> <strong>&#8220;Check Spelling&#8221;</strong> özelliklerini değiştirmek için kullanabileceğiniz menüdür.</font></p>
<p class="akst_link"><a href="http://blogum.info/?p=4769&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4769" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/macromedia-fireworks-giris-resimli-anlatim.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>DREAMWEAVER&#8217;da iletişim formu (mail form) yapmak</title>
		<link>http://blogum.info/dreamweaverda-iletisim-formu-mail-form-yapmak.html/</link>
		<comments>http://blogum.info/dreamweaverda-iletisim-formu-mail-form-yapmak.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:45:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dreamweaver]]></category>

		<category><![CDATA[DREAMWEAVER'da iletişim formu (mail form) yapmak]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=40</guid>
		<description><![CDATA[DREAMWEAVER&#8217;da iletişim formu (mail form) yapmak
 			 		  		
Şimdi kullanıcı tıkladığında çıkacak bir html sayfamızın olması gerekli.bu sayfa içinde gönderi yapacak kişinin email adresini yazacağı bir başlık ve mesajını yazacağı bir form alanı gerekli,aşağıdaki kodları bir html sayfasına kopyalayıp,sayfaya istediğiniz bir isim verin. bu isim email olabilir,emailform olabilir.tek dikkat etmemiz gereken index sayfasında oluşturduğumuz [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://blogum.info/tag/dreamweaverda-iletisim-formu-mail-form-yapmak/" class="st_tag internal_tag" rel="tag" title="Posts tagged with DREAMWEAVER&#039;da iletişim formu (mail form) yapmak">DREAMWEAVER&#8217;da iletişim formu (mail form) yapmak</a></strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_4037">Şimdi kullanıcı tıkladığında çıkacak bir html sayfamızın olması gerekli.bu sayfa içinde gönderi yapacak kişinin email adresini yazacağı bir başlık ve mesajını yazacağı bir form alanı gerekli,aşağıdaki kodları bir html sayfasına kopyalayıp,sayfaya istediğiniz bir isim verin. bu isim email olabilir,emailform olabilir.tek dikkat etmemiz gereken index sayfasında oluşturduğumuz iletişim yazısının yada butonun linkini yazdığınız isimde html dosyasına yönlendirilmiş olması.örnek http//www.site_adınız.com/emailform.html gibi..<br />
<span id="more-4768"></span><br />
emailform html sayfasının kodları;</p>
<p>**************************************************  **</p>
<p>&lt;form method=&#8221;post&#8221; action=&#8221;contact.php&#8221;&gt;</p>
<p>E-mailiniz: &lt;input name=&#8221;email&#8221; type=&#8221;text&#8221;&gt;<br />
Mesajınız:</p>
<p>&lt;textarea name=&#8221;message&#8221; rows=&#8221;15&#8243; cols=&#8221;40&#8243;&gt;&lt;/textarea&gt;<br />
&lt;input type=&#8221;submit&#8221;&gt;<br />
&lt;/form&gt;</p>
<p>**************************************************  **</p>
<p>daha sonra contact isimli bir dosya oluşturacağız.bu dosyanın uzantısı php olacak.yani contact.php</p>
<p>bir metin belgesi açın ve aşagıdaki kodları bu sayfanın içine kopyalayın.</p>
<p>contact.php kodları;</p>
<p>*****************************************</p>
<p>&lt;?php<br />
$to = &#8220;isim@siteninismi.com&#8221;;<br />
$subject = &#8220;emailin konusu&#8221;;<br />
$email = $_REQUEST[´email´] ;<br />
$message = $_REQUEST[´message´] ;<br />
$headers = &#8220;From: $email&#8221;;<br />
$sent = mail($to, $subject, $message, $headers) ;<br />
if($sent)<br />
{print &#8220;mail gönderme başarılı&#8221;; }<br />
else<br />
{print &#8220;mail gönderilemedi&#8221;; }<br />
?&gt;</p>
<p>******************************************</p>
<p><a href="mailto:isim@siteninismi.com">isim@siteninismi.com</a> yazan yere kendi e-mail adresinizi yazınız..</p>
<p>emailin konusu yazan yere kendi istediğiniz bir konu başlığı yazınız.üye mesajı gibi..</p>
<p>mail gönderme başarılı yazan yere siz mailiniz gönderildi gibi birşey yazabilirsiniz.</p>
<p>mail gönderilemedi yazan yerede ona benzer birşey yazabilirsiniz.</p>
<p>bu dosyayı yukarıda anlattığım gibi contact.php diye kaydedin..</p>
<p>şimdi index sayfanızı açın.iletişim yazısına yada butonuna tıklayın,email yada emailform veya siz hangi ismi verdi iseniz o sayfa açılacak ve karşınıza iletişim emaili göndereceğiniz alan çıkacak.</p>
<p>email yazıp mesaj kısmınada mesajınızı yazıp sorguyu gönder dediğinizde,mesajınız contact.php´de yazdığınız mail adresinize gönderilecek..</p>
<p>umarım bilmeyen arkadaşlara yardımcı olabilmişimdir&#8230;</p>
<p>iyi çalışmalar..</p>
<p>(Alıntıdır)</p>
<p class="akst_link"><a href="http://blogum.info/?p=4768&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4768" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/dreamweaverda-iletisim-formu-mail-form-yapmak.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Dreamweaver - Yatay Çizgi Ekleme</title>
		<link>http://blogum.info/dreamweaver-yatay-cizgi-ekleme.html/</link>
		<comments>http://blogum.info/dreamweaver-yatay-cizgi-ekleme.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:43:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dreamweaver]]></category>

		<category><![CDATA[Dreamweaver - Yatay Çizgi Ekleme]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=39</guid>
		<description><![CDATA[Dreamweaver - Yatay Çizgi Ekleme
 			 		  		
Insert &#62; HTML &#62; Horizontol Rule yönergesiyle sayfamıza çizgi ekleyebiliriz. Properties panelinden sayfamızın uzunluğunu (W) ve genişliğini (H) ayarlayabiliriz. Shading sekmesi gölgemizin çizgimizin gölgeli olmasını sağlamaktadır.
Bu Yazıyı Paylaşın
]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://blogum.info/tag/dreamweaver-yatay-cizgi-ekleme/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Dreamweaver - Yatay Çizgi Ekleme">Dreamweaver - Yatay Çizgi Ekleme</a></strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_8218"><strong>Insert &gt; HTML &gt; Horizontol Rule</strong> yönergesiyle sayfamıza çizgi ekleyebiliriz. <strong>Properties </strong>panelinden sayfamızın <strong>uzunluğunu </strong>(W) ve <strong>genişliğini </strong>(H) ayarlayabiliriz. <strong>Shading </strong>sekmesi gölgemizin çizgimizin gölgeli olmasını sağlamaktadır.</p>
<p class="akst_link"><a href="http://blogum.info/?p=4767&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4767" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/dreamweaver-yatay-cizgi-ekleme.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Dreamweaver - Edit Menüsü</title>
		<link>http://blogum.info/dreamweaver-edit-menusu.html/</link>
		<comments>http://blogum.info/dreamweaver-edit-menusu.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:42:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dreamweaver]]></category>

		<category><![CDATA[Dreamweaver - Edit Menüsü]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=38</guid>
		<description><![CDATA[Dreamweaver - Edit Menüsü
 			 		  		
Edit menüsü programımız ve üzerinde çalıştığımız belgemiz ile ilgili ayarlar yapabileceıimiz menüdür.
Undo: Yaptığımız işlemleri geri almak,

 Redo: Yaptığımız işlemi ileri almak, 
Paste, Paste HTML, Paste TXT: Clipboarda kopyaladığımız bir nesneyi yapıştırmak,
Copy, Copy HTML: Nesne kopyalamak,
Find and Replace: Arama yaptırmak ve sözcük değiştirmek,
Edit with External Editor: Belgede bulunan nesneleri [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Dreamweaver - Edit Menüsü</strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_8217">Edit menüsü programımız ve üzerinde çalıştığımız belgemiz ile ilgili ayarlar yapabileceıimiz menüdür.</p>
<p><strong>Undo</strong>: Yaptığımız işlemleri geri almak,<br />
<span id="more-4766"></span><br />
<strong> Redo</strong>: Yaptığımız işlemi ileri almak, <img src="http://www.pc-kopat.com/images/stories/cxtutorial/dw/spacer.gif" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p><strong>Paste, Paste HTML, Paste TXT</strong>: Clipboarda kopyaladığımız bir nesneyi yapıştırmak,</p>
<p><strong>Copy, Copy HTML</strong>: Nesne kopyalamak,</p>
<p><strong>Find and Replace</strong>: Arama yaptırmak ve sözcük değiştirmek,</p>
<p><strong>Edit with External Editor: </strong>Belgede bulunan nesneleri farklı bir program ile düzenlemek,</p>
<p><strong>Tag Libraries</strong>: Tagların kullanım şekillerini görmek,</p>
<p><strong>Keyboard Shortcuts:</strong> Programın kısayol tuşlarını değiştirmek,</p>
<p><strong>Preferences:</strong> Programın ayarlarını yapmak için bu menü kullanılır.</p>
<p><!-- / message --><!-- sig --> 		  		  		 		 			 				__________________</p>
<p class="akst_link"><a href="http://blogum.info/?p=4766&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4766" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/dreamweaver-edit-menusu.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Websitenizin Adresine Icon ekleme</title>
		<link>http://blogum.info/websitenizin-adresine-icon-ekleme.html/</link>
		<comments>http://blogum.info/websitenizin-adresine-icon-ekleme.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:42:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dreamweaver]]></category>

		<category><![CDATA[Websitenizin Adresine Icon ekleme]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=37</guid>
		<description><![CDATA[Websitenizin Adresine Icon ekleme
 			 		  		
Merhaba arkadaşlar ;
Tasarladığınız websitelerine &#8220;icon&#8221; adı verilen bazı ico dosyaları ekleyebilirsiniz. Bu ico dosyaları sizin şirketinizin logosu olabileceği gibi hatta fotoğraf bile olabilir. Aşağıda Blogger ve Joomla iconlarında gözüktüğü gibi ziyaretçi sizin sitenizdeyken ve sık kullanılanlara eklendiğinde o logo ile temsil edilecektir. Gayet şık görünüyor ve bence kesinlikle [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://blogum.info/tag/websitenizin-adresine-icon-ekleme/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Websitenizin Adresine Icon ekleme">Websitenizin Adresine Icon ekleme</a></strong><br />
<hr style="color: #919191; background-color: #919191" size="1" /> 			<!-- / icon and title --> 		  		<!-- message --></p>
<p id="post_message_4038">Merhaba arkadaşlar ;<br />
Tasarladığınız websitelerine &#8220;icon&#8221; adı verilen bazı ico dosyaları ekleyebilirsiniz. Bu ico dosyaları sizin şirketinizin logosu olabileceği gibi hatta fotoğraf bile olabilir. Aşağıda Blogger ve Joomla iconlarında gözüktüğü gibi ziyaretçi sizin sitenizdeyken ve sık kullanılanlara eklendiğinde o logo ile temsil edilecektir. Gayet şık görünüyor ve bence kesinlikle kullanmalısınız.<br />
<span id="more-4765"></span><br />
<img src="http://www.adobeegitim.com/dersresimleri/515_305_1190077179.jpg" id="ncode_imageresizer_container_1" onload="NcodeImageResizer.createOn(this);" border="0" /></p>
<p>Öncelikle sitenizin ico dosyasını oluşturalım. Bunun için sitenizin logosunu ico yapmak istediğimizi düşünelim. Eğer sitenizin bir logosu yoksa bu Web 2.0 stili şeffaf logo tasarımı yapan tutorialı okumanızı ve şirket adına uygulamanızı tavsiye ederim.</p>
<p>9tutorials.com/2007/06/26/cool-glassy-icon-creation.html</p>
<p>Logo jpeg,gif,png,ai,psd,cdr&#8230; formatlarından harhangi biri olursa olsun hazır ise Any2Icon adlı 1.1 MB boyutunda ilk 14 gün boyunca ücretsiz kullanabileceğiniz bir program var. Bir kere zaten logonuzu ico dosyasına çevirseniz yeter. &#8220;Logo.ico&#8221; adında bir dosya olacak. Bu rpgramı indirmek için alttaki linkten faydalanabilirsiniz.</p>
<p>&gt;<a href="http://www.download3k.com/DownloadLink1-Aha-soft-Any-to-Icon-171115.html" onclick="pageTracker._trackPageview ('/gidenler/http_www_download3k_com_DownloadLink1_Aha_soft_Any_to_Icon_171115_html');" target="_blank">http://www.download3k.com/DownloadLi&#8230;on-171115.html</a></p>
<p>Logoyu tasarladık,ico yaptık gel gelelim bunu sayfamıza ilişiklendirmeye.Burada tabiiki devreye HTML giriyor, taglerinin arasına alttaki tek satırlık kodu kaynağını kendinize göre düzelterek yazarsanız ve ico dosyasını da upload ederseniz artık sizin de sitenizin bir iconu var demektir. Icon olmak hiç bu kadar kolay olmamıştı <img src="http://www.grafikerler.org/images/smilies/smile.gif" title="Ifade" class="inlineimg" border="0" /></p>
<p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;http://www.siteniz.com/images/icon.ico&#8221;</p>
<p>Joomla Template´ları için küçük bir not : Joomla kendi iconunu php yayınlarken html içine aynı kod ile gömüyor sizin bunu değiştirme şansınız var ancak Joomla yine yayınlarken değiştirecektir. Bir çözüm önerisi ise yayınladıktan sonra hedeflediği ico dosyasını image klasöründe silerek aynı adla kendi ico dosyanızı eklemek yani overwrite yapmaktır.</p>
<p>(Alıntıdır)</p>
<p class="akst_link"><a href="http://blogum.info/?p=4765&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4765" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/websitenizin-adresine-icon-ekleme.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Dreamweaver Mx Veri Tabanı Oluşturma</title>
		<link>http://blogum.info/dreamweaver-mx-veri-tabani-olusturma.html/</link>
		<comments>http://blogum.info/dreamweaver-mx-veri-tabani-olusturma.html/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 21:42:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dreamweaver]]></category>

		<category><![CDATA[Dreamweaver Mx Veri Tabanı Oluşturma]]></category>

		<guid isPermaLink="false">http://www.adobetech.gen.tr/?p=36</guid>
		<description><![CDATA[Dreamweaver Mx Veri Tabanı Oluşturma
Access ile veri tabanı oluşturarak Dreamweaver Mx le oluşturduğununuz bu veri tabanını web sitenize nasıl ekleyebileceğinizi anlatan 2 saat 40 dakikalık Türkçe görsel bir eğitim videosudur.

 Bu videoyu indirmek için;
RapidShare: 1-Click Webhosting
Bu Yazıyı Paylaşın
]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://blogum.info/tag/dreamweaver-mx-veri-tabani-olusturma/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Dreamweaver Mx Veri Tabanı Oluşturma">Dreamweaver Mx Veri Tabanı Oluşturma</a></strong></p>
<p><font color="Purple"><em><strong>Access ile veri tabanı oluşturarak Dreamweaver Mx le oluşturduğununuz bu veri tabanını web sitenize nasıl ekleyebileceğinizi anlatan 2 saat 40 dakikalık Türkçe görsel bir eğitim videosudur.</strong></em></font><br />
<span id="more-4764"></span><br />
<strong> Bu videoyu indirmek için;<br />
<a href="http://rapidshare.com/files/55913854/Veri.Tabani.Olusturma.ve.Veri.Girisi.rar" onclick="pageTracker._trackPageview ('/gidenler/http_rapidshare_com_files_55913854_Veri_Tabani_Olusturma_ve_Veri_Girisi_rar');" target="_blank">RapidShare: 1-Click Webhosting</a></strong></p>
<p class="akst_link"><a href="http://blogum.info/?p=4764&amp;akst_action=share-this"  title="Bu yazıyı arkadaşınızla paylaşın, del.icio.us gibi sosyal imleme sitelerine ekleyin." id="akst_link_4764" class="akst_share_link" rel="nofollow">Bu Yazıyı Paylaşın</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blogum.info/dreamweaver-mx-veri-tabani-olusturma.html/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
