U.S. Content Subscription Services Adoption by Age Group

Segmentasyon nedir? Pazar içinde var olan grupların, pazarlamacının istekleri ve ürünün özellikleri göz önünde bulundurularak belirlenmesidir. Çeşitli şekillerde bölümlenebilir. Bu şekillerin en çok kullanılanları demografik bölümleme, coğrafi bölümleme, psikografik bölümleme ve davranışsal bölümlemedir.

Segmentasyon ne işe yarar? Pazarın tamamına nüfuz etmeye çalışmaktansa, pazar içinde ürünü alma ihtimalinin daha fazla olduğu grupların belirlenmesine yarar.

Şimdi E-Ticaret işi yapıyorsak ve Online Alışveriş Sitemiz varsa hele ki Niş bir alanda hizmet üretiyorsak Segmentasyon bizim için çok önemli. Pazarlama bütçeniz geniş olabilir, çok iyi bir site tasarımına da sahip olabilirsiniz hatta sahip olduğunuz müşterilerin hepsi memnundur fakat işlem hacminiz/cironuz artmıyor ise bunun sebebi Segmentasyon sorunudur.

Çözüm: Hizmet ürettiğiniz Pazarı iyi tanıyın ve doğru iletişim kanallarını belirleyin. (Örn:Yukarıda paylaştığım şekilde bireylerin eğilimlerini görebilirsiniz.) Bu konu da size en verimli sonuçları verebilecek kesim Sosyal Medya üyeleridir. Reaksiyona girdikçe aldığınız geri dönüşler artacaktır. Aynı zamanda pazarlama çalışmalarınız böylece istenilen hedeflere tam ulaşacaktır.

2008 Global Digital Content Adoption and Usage

Yukarıda ki grafiği IBM’in “Digital Consumer survey results” çalışmasından aldım. Grafikte “Adaptasyon ve Kullanım” oranlarını açıkça görebiliyoruz.

Şimdi elimizdekileri toparlayalım ve bir sonuca varalım. Yer aldığımız pazarda ki müşterilerimizin farklı eğilimleri var. En iyi sonucu alabilmek için ne yapmamız gerekiyor, eğilim değişkenliklerini gözlemlememiz gerekiyor. (Segmentasyon’un temeli.) Yani onların yer aldığı ağlarda bizlerinde yer alması gerekiyor. Bunlar gördüğünüz gibi çoğunlukla Sosyal Ağlar. (Facebook, Twitter, FriendFeed, MySpace vb.) Çünkü Sosyal Ağlar’da insanlar ilk başta sorularına cevap bulabiliyorlar. İsteklerini karşılayabiliyorlar. Herşeyi paylaşabiliyorlar. İşte siz bunu kullanacaksınız.

Siz bu ağlara katılıp adaptasyon sağladıkça insanlara aslında ne yaptığınızı daha iyi anlatabileceksiniz. Segmentasyon için elinizde kullanabileceğiniz değerli veriler oluşacak. Kuracağınız iletişim size aşık ve sadık müşteriler olarak geri dönecek. Paralel olarak sizin sağladığınız adaptasyon kadar onlarında ürettiğiniz hizmetlere adaptasyonu artacak. Böylece işlem hacminiz ve cironuz artacak.

Related posts:

1. Facebook Connect ile Social Shopping

Deneyimsel Pazarlama Örneği – Müşterilerinize temiz tuvalet sunmak yerine onlara ihtiyaçlarını giderirken kendilerini rahat hissedebilecekleri alanlar sunmanız daha iyi olmaz mıydı? Bırakın rahat rahat saçlarını tarasınlar, makyajlarını tazelesinler hatta belki kilometrelerce uzaktan arayan sevgilisi, annesi, babası ile doya doya görüşebilsinler. Müşteriyi marka çemberiniz içerisinde tutun ve olabildiğince ihtiyaçlarına cevap verin. Sonuçlarını gözlemleyin!

• Deneyim kendiliğinden olmaz; planlanmaları gerekir. Bu planlama sŸürecinde yaratıcı olun; sŸüpriz yapın, merak ettirin hatta kışkırtıcı olun. Etrafı hareketlendirin.

• օnceliği müşterinin yaşayacağı deneyime verin. Markanın sağlayacağı yararlar ve šözellikleri sonra gelir.

• Detaylar Ÿüzerinde dŸüşüŸnmeyi saplantı haline getirin. Geleneksel memnuniyet modellerinin duyumsal, iç gıdıklayan, beyin patlatan, vŸücut titreten kısmı eksik. Bırakın müşteri bayram yapsın.

• Markanızın ördeğini bulun. Yıllar šönce Hong Kong’daki Conrad otelinde kaldım. Banyoda, küŸvetin içinde parlak sarı, plastik, kırmızı gagalı bir šördek konulmuştu. Bu fikre aşık oldum ve tüŸm konuşmalarımda öšrdekten bahsettim. O Oteli düşŸündüğüŸmde aklıma gelen ilk şey olan o öšrdek, bana o otelde yaşadığım deneyimi hatırlatan bir başlangıç noktası oldu.

• TüŸketim süŸrecini düşüŸnüŸn; ܟrüŸnüŸ değil. “Banyo keyfini” dŸüşüŸnüŸn, “tıraş bıçağını değil. “Seyahate” odaklanın “ulaşıma” değil.

• BŸütüŸnsel bir deneyim yaratmak için uğraşın. Duyuları uyaran, kalbe seslenen, beyni zorlayan, insanların yaşam biçimlerine eklemlenen deneyimler yaratın.

• Deneyimsel etkiyi takip edin ve bir profil oluşturun.

• Değişik metodları eklektik bir biçimde kullanın. Bazı yšöntemler kantitatif bazıları kalitatiftir. Bazıları söšzel bazıları göšrseldir. Kimileri yapay ortamlarda kimileri hayatın içinde gerekleştirilir. Yaratıcı olun ve gŸüvenilirlik, geçerlilik ve metodolojik derinliği sonra dŸüşünün!

• Farklı alanlarda yaşanan deneyimin nasıl farklılaştığını göšzlemleyin. Markanız yeni bir alana, yeni bir sektöšre, Ÿülkeye ya da sanal aleme girerken yaratacağınız deneyimin nasıl farklılaşacağını düşünün.

• Şirketinize, markanıza dinamizm ve “Diyonizm” ekleyin. ‚Çoğu marka sahibi çok çekingen, yavaş ve bŸrokratik. Diyonizyen terimi tutkulu ve yaratıcı olmakla šözdeştir.

Kaynak: Bernd H. Schmitt’in “Experiential Marketing” adlı kitabından alınmıştır.

Sonuç olarak bunları uygulabilirseniz “Markanıza Aşık Kitle”niz kendiliğinden oluşacaktır. Sizi savunan, konuşan, eleştiren, tartışan, reklamını yapan ve sadık olan! Geri dönüşleri hızlı ve gözlemleyerek alabilmek elinizde.

Sizce reklamlara tonlarca para harcamak yerine müşterilerinize farklı deneyimler yaşatmanın zamanı gelmedi mi?

No related posts.

Facebook Logo

Türkiye’de Facebook’u kullanan 13 Milyondan fazla kullanıcı var. (Kaynak) Burada oluşan kitle şu an Türkiye’de E-Ticareti aktif olarak kullanan kitleden daha fazla.

Özellikle niş bir alanda hizmet üretiyorsanız veya yüksek trafiklere sahipseniz Facebook’da ki üyeleri aktif bir şekilde kullanarak işlem hacminizi artırabilirsiniz. Aslında iş sadece Facebook entegrasyonu ile bitmiyor. Günümüzde internet en aktif iletişim kanalı olduğu için Sosyal Ağ’ları çok iyi kullanmanız gerekiyor. Buna genel bir gruplama yaparsak, Sosyal Medya E-Ticaret için günümüzde ve gelecekte işinizi büyütmek ve en iyi verimi alabilmek için muazzam bir iletişim kanalı.

Şimdi size basit ve anlaşılabilir bir şekilde Facebook Connect ile entegrasyonun nasıl kurulacağını anlatacağım.

Facebook Connect ile Social Shopping - Adım 1

Yukarıda ki grafikte gördüğünüz üzere Canon EOS 40D Digital ürününe ait bir sayfamız var.  Web sitemiz Facebook ile entegre olduğu için Facebook Connect ibaresini kullanıcı görüyor. Tıklayıp kabul ettikten sonra Facebook arkadaşlarına Canon EOS 40D Digital ürün sayfasından ayrılmadan erişebiliyor. Burada görüşlerini almak istediği arkadaşını seçiyor ve mesajını gönderiyor.

Facebook Connect ile Social Shopping - Adım 2

Diyelim ki Emre isimli kullanıcımız görüşlerini almak için Canon EOS 40D Digital ürününü Merve ile paylaşıyor. Burada Merve’ye Facebook ile Emre’nin mesajı iletiyor. Tabi bu mesajı iletirken Merve için oluşturduğumuz özel URL’de yer alıyor. Böylece Merve URL’ye tıklayıp sayfaya giriş yaptığı zaman tanıyabiliyoruz ve aynı zamanda ölçümleme yapabilmek için trafik kaynaklarımızı ve geri dönüşleri hesaplayabiliyoruz.

Merve yorumunu yapıyor ve isterse ürün için oyunu kullanıyor. Emre Canon EOS 40D Digital ürün sayfasına girdiği zaman otomatik olarak Merve’nin yorumunu görüyor ve sonuca göre işlemini tamamlıyor.

Böylece Facebook’u kullanarak kullanıcılarımızın fikir alışverişi yapmasını sağlayabiliyoruz. Aynı zamanda bunları ölçümleyerek ilerleyen dönemler için hedeflerimizi planlarken kullanabiliyoruz.

Tabi ki bu basit ve nasıl geri dönüşler alabileceğimizi göstermek adına paylaştığım bir örnek idi. Yine farklı bir senaryo da Merve ile paylaşmak yerine Emre’nin Facebook profilinde ki duvarında da paylaşıp tüm arkadaşlarının görmesini sağlayabilirsiniz.

Aşağıda yer alan videoyu izlemenizi tavsiye ediyorum. Birebir uygulama nasıl oluyor daha iyi göreceksiniz.

Not: Yazı içerisinde ki grafikleri Gliffy ile hazırladım.

Related posts:

1. E-Ticaret, Segmentasyon ve Sosyal Medya
2. Private Shopping ve Üç Stratejik Karar Bileşeni

Alıcıları çekecek olan değer önermesi nedir?

Private Shopping’den de anlayacağımız gibi dahil olmak için davet edilmeniz gerekmektedir.

Peki dahil olmak için için neden davet edilmemiz gerekmektedir? Çünkü burada ki en büyük değer önermesi dahil olanlarında sizler gibi olmasıdır. Kısacası statü ve sahip olunan değerler korunmaktadır.

Değer önermesinin kar etmesini sağlayacak kar önermesi nedir?

Şimdi içeridesiniz. Statü’nün fazlasına ulaşmak gerek. İşte burada karınız sizlere sunulan kampanyalar. Tabi ki Private Shopping ‘hep indirim, çok indirim’ şeklinde anılmamalıdır. Çünkü yer alan her kampanya’da ki ürünlerin bir kalifikasyon süreci de vardır. Kampanyası yapılacak Marka, sezona göre ürün grup ve türlerinin seçilmesi vb.

Bu yüzden kar önermesi, kaliteli markalara hesaplı ve hızlı bir şekilde ulaşın olacaktır. Eğer müşterileriniz/kullanıcılarınızın akıllarında böyle anılır iseniz sizi tercih etme oranları artacaktır. Bu da paralel olarak sizin kazanmanızı sağlayacaktır.

Stratejinin icra edilmesini sağlayacak motivasyon önermesi nasıl olmalıdır?

Şimdi düşünelim! Birbirinden değerleri müşterilerimiz var. Alışverişlerini tamamladılar ve onları daha çok nasıl mutlu edebiliriz? Tabi ki paylaşmalarını sağlayarak.

Burada yapılacak motivasyon önermesi sunulacak paylaşım araçları ile olacaktır. Facebook, FriendFeed, Twitter vb. imkan verin paylaşsınlar. Hatta size daha aşık müşteriler istiyorsanız kendi komünitenizi kurun. Bunu yapmak da çok zor değil. Facebook vb. ağlarda yer almak istiyorsanız sadece yapmanız gereken iyi bir kurgu üretmeniz.

Sosyal Ağ’lar da yer almak (Sosyal Medya) -çok ama çok- önemlidir. Ama daha önemlisi dinlemeniz ve yanıt vermeniz. O yüzden müşterilerini dinleyin. Cevap verin. “Pembe ayakkabının sana yakıştığına eminiz”, “Beyaz gözlükler ile herkesin gözdesi olacaksın” vb. mesajlar ile onlara ulaşın.

Benim burada kullandığım örnekler veya yaptığım açıklamalar sadece yüzeysel olarak görüşlerimi aktarmak. Sizin yapmanız gereken ise Üç stratejik karar bileşeni‘ne sahip misiniz? Sahip iseniz nasıl işliyor gözden geçirmeniz. Benimle de paylaşır iseniz severek katkıda bulunurum.

Related posts:

1. Facebook Connect ile Social Shopping
2. Private Shopping Konsepti Üzerine
3. Private Shopping Siteleri ve Davetiye Kodları

Bu yazıyı neden yazdım? İlk sebep kendime not olsun diye. Konuyu buraya kadar taşımama sebep olan iki anlamlı etken vardı.  Beğenerek takip ettiğim Vobcu bloğunda ki “Sigorta uzmanı Lloyd’un bir kahvehaneden çıktığını biliyor muydunuz?” yazısı ve Gardner Rich’in başarı öyküsünü ele alan Umudunu Kaybetme (the pursuit of happyness) çalışması.

Peki ne yapmak gerekiyor?

• Sabırlı olmayı öğreneceksin,
• Çalışmayı bırakmayacaksın. Her gün uyandığında daha azimli olacaksın,
• Yaptığın işi seveceksin. Sevdiğin işi piyasa da takip edeceksin,
• Fikirlerinin olması güzel. Ama faydalanmak istiyorsan paylaşacaksın. Tartışacaksın, daha çok kafa yoracaksın,
• Sevdiklerine, ailene zaman ayıracaksın. Hobilerin varsa onlarla da ilgileneceksin. Ufkunu açacaksın, beynine taze fikirler enjekte edeceksin,
• Düzenli ve planlı olacaksın. Olamıyorsan basit yollardan başlayacaksın. Düzenli spor yapmaya başla sonra da yemek yediğin saatleri düzenle. Hayatında ki düzenli, planlı işler arttıkça kendi çözüm yollarını üretecek ve daha çok benimseyeceksin,
• Saygı da kusur etmeyeceksin,
• Dinlemek iyidir. Ama cahil olup her dinlediğini uygulamayacaksın. Sen sentezleme yapacaksın,
• Eşinle, işinle nerde bağlantın var ise dost olmaya çalış. Eğer ki becerebilirsen, dostlarına sırtını döndüğünde ihanetin korkusunu değil güvenmenin gücünü hissedeceksin,
• Şikayet etmek sonuca götürmez. Zaman kaybıdır. Çözüm üretip benimseyeceksin. Sonra paylaşıp, uygulamaya geçeceksin,
• Unutma: yapmadıklarımız değil, yaptıklarımızdır bizi değiştiren. Farklı yapan. Denemekten korkmayacaksın. Aptal da olmayacaksın,
• Şükretmesini bileceksin. İyi, kötü neyin varsa kanaat edersen hep kazanacaksın.

Başarılarda gururu yenmek, felaketlerde ümitsizliğe direnmek lazımdır. – Mustafa Kemal Atatürk

No related posts.

FriendFeed Nedir?

Efedim kısaca açıklayacak olursak farklı servislerde -twitter, youtube vb.- paylaştığımız içeriklerin arşivlendiği bir sistem. Ayrıntılı olarak bilgi almak isteyen arkadaşlar buraya bakabilir.

İçeriklerini Paylaşabileceğimiz Servisler Nelerdir?

Kısaca özetleyecek olursak; Videolarınızı, Resimlerinizi, Blog Yazılarınızı, Twitter Mesajlarınızı, Okuduğunuz Kitapları, Almak İstediğiniz veya Aldığınız Ürünleri vb. herşeyi paylaşabilirsiniz.

Resimde gördüğünüz üzere şu an desteklenen servisler yer almaktadır. Benim paylaştıklarım sağ bölümdekiler. Paylaştığım servislerdeki içerikler taranarak FriendFeed’e otomatik olarak ekleniyor. Eğer herhangi bir serviste üyeliğiniz yok ise FriendFeed üzerinden yine içerikleri paylaşabiliyorsunuz. Fakat bu içerikleri elle girmeniz lazım.

Bize Neler Sunuyor?

Belli bir kitleye hitap edebiliyoruz. İstersek içeriklerimizi özel hale getirerek sadece izin verdiğimiz kişiler ile paylaşmayı sağlayabiliyoruz. Hoşumuza giden paylaşımları seviyoruz -like olayı, başka nasıl tercüme edebilirdim ki?- ve bunlar hakkında yorum yazabiliyoruz. Odalar oluşturabiliyoruz veya belli konular hakkında içeriklerin paylaşıldığı odalara katılıp hedeflediğimiz içeriği görüntülüyoruz.

Nasıl Kişiselleştirebilirim?

Diyelim kullanıcının sadece Twitter paylaşımlarına yaptığı yorumları görüntülemek istiyoruz. Örnek verecek olursam buradan bakabilirsiniz.

http://friendfeed.com/yusuph/comments?service=twitter

Belirgin olarak görünen kısımlar içeriğin filtrelendiği anahtar noktalar. “yusuph” kullanıcı adı “twitter” ise içeriğini paylaştığımız servis. Diyelim ki “blog” paylaşımlarına yaptığım yorumları görmek istiyoruz.

http://friendfeed.com/yusuph/comments?service=blog

Nasıl Özelleştirebilirim?

Servisi beğendiğiniz hoşunuza gitti. Artık herşeyiniz FriendFeed’de. Arkadaşlarınız, içerikleriniz vb. Fakat istiyoruz ki web sitemizde de bunları paylaşalım ve sitemize gelen kullanıcıları içeriklerimiz hakkında bilgilendirelim. Basit olarak yapabileceklerimiz şunlardır;

İçeriklerin Hepsini FriendFeed Widget’i İle Alalım.

Bunu yapmak için tek yapmamız gereken buraya tıklamak ve bize verdiği kodu web sitemize yapıştırmak.

<script type=”text/javascript” src=”http://friendfeed.com/embed/widget/yusuph“></script>

şeklinde bir kod verecektir. (sitemde çift tırnak ” bu şekilde gözükmektedir. bana verilen kod farklı diyorsanız sadece çift tırnağın farklı olduğunu görürsünüz. hazır tema kullanırsak böyle olur işte.)

Widget’in Sunduğu İçeriği Filtrelendirelim.

Sizde benim gibi Widget’den memnun kalmadıysanız bu çok hoşunuza gidecek. Servisleri birbirinden ayırarak hitap ettiğiniz kitleye içeriği daha iyi sunabilirsiniz. Yapmamız gerekenler;

<script type=”text/javascript” src=”http://friendfeed.com/embed/widget/yusuph?num=5&service=blog“></script>

Yukarıdaki özelleştirmelerde ki gibi filtrelendirme aynı. Yine açıklayacak olursak “yusuph” kullanıcı adı, “blog” paylaşmak istediğimiz servis. Burada sadece paylaştığımız servisten kaç tane içeriğin geleceğini belirten kısım 5 rakamının olduğu “num” değeridir. Örnek bir uygulama görmek isterseniz buraya bakabilirsiniz.

Yazdığımız Son Mesajı Text Çıktısı Olarak Alalım.

Bu kısım diğerlerine göre biraz daha karışık ve zahmetli. Ama zaman kazandıran, can kurtaran bir özellik. Kalıp olarak diğerleri ile aynı sadece burada çıktıyı işlememiz gerekiyor.

http://friendfeed.com/api/feed/user?nickname=yusuph&service=internal&output=rss&num=1

Bilmemiz gerekenler, “yusuph” kullanıcı adımız, “internal” içeriğin alınacağı servis, “rss” çıktı formatı ve “1” görüntülenecek içerik sayısı. Unutmadan belirteyim. “internal” sadece FriendFeed’e elle girilen içerikleri nitelendiriyor. “rss” yerine ise alternatif olarak “atom” da kullanabiliriz.

Yorum Yapılan veya Sevilen Yazılarımızı Web Sitemize Koyalım.

Yer alan eklenti sadece Wordpress altyapısını kullanan sitelerde çalışmaktadır. Buradan detaylı bilgiye ulaşabilirsiniz. Ben henüz eklemediğim için malasef örnek gösteremiyorum. Bize sunduklarına gelince, FriendFeed’de yapılan yorumları sitemizde gösterebiliyoruz veya sitemiz üzerinden FriendFeed içeriğine yorum yapmalarını sağlayabiliyoruz.

Daha fazla derinlere inmek isterseniz FriendFeed API Documentation okumanızı öneriyorum.

(Not: Eklenti kurulu olmadı için yorumlarınızı buraya yazabilirseniz mutlu, mesut olurum. FriendFeed’e yarın yazacağız, söz.)

Kaynaklar

• 4 Ways to Enhance Your Blog With FriendFeed by Bwana
• FriendFeed API Documentation
• Looking for an easy way to put my latest FriendFeed message on my blog on FriendFeed

Related posts:

1. FriendFeed Tabanlı Oyun/İçerik Projesi
2. FriendFeed Etkileşimleri (Mayıs & Haziran 2008)

İlk başlarda sadece web sayfalarına görsel arayüz sunabilmek için kullandım. Fakat ilerleyen zamanlarda, özelliklerini daha doğrusu yapabildiklerini keşfettikçe artık görsel işlerimin hepsine vazgeçilmez uygulama olmuştu. Çoğu kişi Photoshop’u savunsa da bence Fireworks ile aralarında çok fark var. Neden bilmiyorum -alışmışlığın eseri olsa gerek- Fireworks’un daha yetenekli olduğu kanaatindeyim. Can kurtaran, zaman kazandıran yeteneği “slice” sayesinde amatör ruhumla birçok web sayfası tasarladım.

Kaybolmayan bu amatör ruhumla zaman içerisinde ki tecrübelerimden faydanalarak CS4 sürümünde neler değiştini görsel olarak aktaracağım. Hadi başlayalım.

Adobe tarafından resmi açıklama ne zaman yapıldı bilmesem de 1-2 haftadır CS4′ün kullanıcılara sunulduğunu duymaktayız. Buradan resmi sitesine bakabilir ve isterseniz yazılımı bilgisayarınıza yükleyebilirsiniz. (üye olmanız gerekmektedir. davetiye olmadığı için üyelik sonunda indirmenize izin verecektir.)

Kurulum Ekranı – Heyecan Başlıyor

Kurulum ekranı neredeyse Adobe’un çıkan tüm yeni sürümlerinde aynı. Sadece başlık kısımları -header- değişiyor ve içeriğe göre seçenekler sunuluyor.

Kurulum Ekranı – Yükleme Devam Ediyor

Önümüzdeki birkaç sene Adobe ürünlerinde bu kalıbı göreceğimizi umuyorum. Güven veren maviside cabası.

Uygulama – Karşılama Ekranı, Hoşgeldiniz

Karşılama ekranında değişen pek birşey yok. Sadece renkler değişmiş. Dreamweaver CS4 sürümünde ki hava burada yok.

Uygulama – Heyecan Verici Yeni Arayüz

Kalıp olarak Dreamweaver CS4 ile aynı. Sanırım Adobe’un stratejisi her yeni CS sürümünde kalıpsal değişikliklere gitmek. Bunu ilk CS3 serisinde görmüştük. Katkısına gelince, kullanıcılar yeni sürümlere geçiş yaparken adaptasyon konusunda çok sıkıntı yaşamayacaklardır. Sunulan bu yeni arayüz nefes kesici. İlerledikçe bize ne gibi yenilikler sunduğunu göreceğiz.

Uygulama – Farklı Tasarımcılar İçin Farklı Çalışma Alanları

Bir üst kısımda bulunan resmi ve buradakini büyültüp bakarsanız, arayüz içerisinde araçların yer değiştirdiğini göreceksiniz. Fireworks CS4 ile gelen hazır çalışma alanları farklı tasarım gruplarında ki kullanıcılar için kolaylık sağlıyor. Ayrıca isterseniz kendi çalışma alanınızı oluşturup, kaydedebilirsiniz.

Uygulama – Merkeze Kilitlenin

Bir önceki sürümlerde olmayan veya benim görmediğim bir özellik. Arayüz içerisinde resmi taşırken tam merkeze kilitlenebilmek için kılavuz çizgiler çıkıyor ve size bu konuda yardımcı oluyor. Ayrıca yine tasarım içerisinde farklı objelerimizi de birbirine hizalarken bize kılavuzluk ediyor.

Uygulama – Yeni Özelliklerini Keşfedin

Gördüğünüz gibi birçok yeni işlem var. Bunlar arasında AIR öne çıkıyor.

Uygulama – CSS Yapısına Uygun Tasarım Yapma ve Çıktı Alma

Resimde gördüğümüz üzere “STYLES” menüsünden CSS etiketimizi oluşturuyoruz. Burada seçili olan kısımlar CSS içerisinde ki biçimlendirmelerde geçiyor. Seçtiğimiz ve uyguladığımız stillerin hepsi CSS dosyasına aktarılıyor. Önceki sürümlerde yazıyı editörde düzenleyip -yazı üzerine sağ tuş yapınca editörü görebiliyorduk- birebir sonucu ekranda görüyorduk. Fakat bu sürümde -sanırım, varsa da çok aradım bulamadım- kaldırmışlar. Artık sadece alt kısımda bulunan “PROPERTIES” bölümünden yapabiliyoruz.

Tasarım içerisinde oluşturduğumuz stilleri burada yazılarımıza uygulayabiliyoruz. Her yazı için yeni bir stil oluşturup kullanmak en güzeli.

Tasarımın CSS çıktısını almak için “Export” işlemini uyguluyoruz ve resimdeki gibi “CSS and Images” çıktısını seçiyoruz.

Resimdeki gibi bir uyarı alırsanız telaşlanmayın. Uyarının sebebi, kullandığımız fontların Web için adaptasyonunda sıkıntı çıkarabileceğini bildirmek amaçlı.

Uygulama – Dreamweaver CS4 ile Tasarıma Devam Edelim

Şimdi Dreamweaver CS4 ile kaldığımız yerden devam ediyoruz. Çıktısını aldığımız HTML dosyanın editörde görüntüsü resimdeki gibidir. Farkettiyseniz Fireworks CS4 tarafında yaptığımız font şekilleri aynı şekilde buraya aktarılmamış.

Aslında CSS dosyamız tasarımımızda oluşturduğumuz stillere göre başarılı bir şekilde oluşturuluyor. Fakat Fireworks CS4, “Export” işlemini yaparken uyarı verdiği için CSS dosyasında seçtiğimiz stilde ki fontlara alternatif olarak tüm işletim sistemlerinde olabilecek fontları ilave ediyor ve onların kullanımını aktifleştiriyor. Tek yapmamız gereken resimde belirttiğim gibi o kısımları silmek.

Gördüğünüz gibi alternatif olarak eklenen kısımları kaldırdıktan sonra istediğimiz gibi şekilleniyor. Unutmayın! Burada CSS’e hakim olabilmek için Fireworks CS4′de oluşturduğumuz stillerde nelerin kullanılacağını iyi seçmeliyiz.

Tasarımımızın son hali. Tarayıcımızda aynen tasarladığımız gibi gözüküyor ve bunların hepsini kendisi ayarlıyor.

Yazımda ki amacım programı tanıtmak idi fakat sonlara doğru biraz “how to” mantığına büründü. CSS sorununu aşabilmek için baya uğraştığım ve çözümü sizlerle paylaşayım istedim. Sonuç olarak, Fireworks CS4 ile hayallerimiz gerçek oluyor. Web & Grafik tasarımı yapabiliriz, Programlarımız için arayüz tasarlayabiliriz ve daha fazlası. Komple çözüm arayanlara birebir uygulama olmuş. İnanıyorum ki CS5 -tabi böyle bir sürüm olursa- sürümünde özellikle CSS konusunda eksiklerini gidererek bizler için vazgeçilmez bir uygulama olacak. Şu an Adobe’un kendi ürünleri arasında ki adaptasyonu alkışlamak gerekir.

Değerli görüşlerinizi ve yorumlarını esirgemez iseniz çok mutlu olacağım. Keşfetmeye devam ediyorum ve yeni şeyler buldukça paylaşacağım.

(Not: Bu arada WP’de farkettim ki günler arası geçiş sorunu var. Yani 28 Mayıs – 23:00′de yazınıza başladınız, saatler ilerledi ve 29 Mayıs – 01:10 oldu. Tam bu sırada Galeri’den resim eklemeniz gerekti fakat yüklediğiniz resimler görünmüyor. Sebebi arkaplanda taslak olarak sadece yazı bilgileri kaydediliyor. Bu yüzden yüklediğiniz dosyalar gün bazında arşivlendiği için sistem yazıyı ilk oluşturduğu güne bakıyor. Sorun nasıl çözülecek? Sadece “Kaydet” deyin. Sizi tekrar editöre yönlendirecektir. Artık Galeri’den dosyalarınızı ekleyebilirsiniz. )

Related posts:

1. Adobe Dreamweaver CS4 – Sanatsal Çalışmalar Yapın
2. İnternetten Seçme Haberler (Mayıs 2008)

Son çıkan sürümlerinde görüyoruz ki, Adobe, ürünlerine entegrasyonu dışında çıkan son teknolojilere uyumluğu ile gönüllerimize taht kurdu ve bizleri büyük yüklerden kurtardı. Geliştirmek istediğimiz uygulamalarımızda bize sunduğu kuş bakışı dışında tabi ki sayılacak yüzlerce özelliği ve popülerliğinin getirdiği destek sayesinde ulaşabilirliğin kolay olduğu makaleler, örnekler de bizlere kolaylıklar sağlamaktadır.

Frontpage’den kurtulup Dreamweaver ile tanışmam Lise dönemlerime gelmektedir. Frontpage’de istediklerimi yapamadığımı görünce bir arayışa girdim ve bulduğum günden itibaren, sürekli keşfederek kullanmaktayım. Belirtmek isterim ki profesyonel bir tasarımcı veya webmaster değilim. Sadece insanlara muhtaç olmadan daha doğrusu rahatsız etmeden kendi çabalarım ile fikirlerimi sunmak adına kullanmaktayım. İnternette Adobe Dreamweaver CS4 üzerine Türkçe bir yazı, makale aradım fakat bulduklarımla memnun kalmayınca kendi gördüklerimi aktarmak en azından merakları gidermek istedim.

Adobe tarafından resmi açıklama ne zaman yapıldı bilmesem de 1-2 haftadır CS4′ün kullanıcılara sunulduğunu duymaktayız. Buradan resmi sitesine bakabilir ve isterseniz yazılımı bilgisayarınıza yükleyebilirsiniz. (üye olmanız gerekmektedir. davetiye olmadığı için üyelik sonunda indirmenize izin verecektir.)

Kurulum Ekranı – Lisans

Kurulum ekranı bile ayrı güzel. Lisans seçenekleri arasında Türkçe mevcut. Ben birazını okudum, sıkıntı oluşturacak bir durum yok. -sanırım- (eee yazı yazacağız dedik, kurmak zorundayız.)

Kurulum Ekranı – Kurulum Başladı ve İlerliyor

Sanki gücü hisseder gibiyim. Tatlı mavilikten midir? İnsana bir güven geliyor.

Uygulama – Karşılama Ekranı, Hoşgeldiniz

CS3′e göre karşılama ekranı biraz değişmiş. Fakat farkettiyseniz Windows’un pencere olaylarından kurtarmış kendisini. Ekranın hepsi benim diye söyleniyor sanki.

Uygulama – Komple Tasarım Ekranı ve Yeni Arayüz

Heyecan giderek artıyor. Sunduğu yeni arayüz etkilemek için fazlasını veriyor. MAC tarzında bir havası olmuş sanki. Kısayolların yerleri değişmiş ve kutucuklara yeni özellikler kazandırılmış.

Uygulama – Öntanımlı Çalışma Alanları

Bu arada söylemeyi unuttum. Resimleri büyütmek için üzerlerine tıklamanız yeterli. Resmin büyük boyutunda göreceksiniz ki sağ kısımda önceden ayarlanmış çalışma alanları var. “Dual Screen” yanlış bilmiyorsam ben ilk bu sürümde farkettim. CS4 ile esneknik ön planda. Tutun, sürükleyin, bırakın. Araçlar nereye çekerseniz oraya geliyor.

Uygulama – Ekli Dosyalarda Gezinin

Yazılım içerisinde “Indicator” olarak geçiyor. Kelime anlamına baktığımızda “Gösterge, İbare, İşaret eden şey” olarak çevriliyor. Yaptığı işe gelince görüntülediğimiz dosya eğer başka bir dosya bağlı çalışıyor ise onu da görmemizi ve üzerinde yaptığımız değişiklikleri uygulamamızı sağlıyor. Bir nevi bağlı olan dosyalara link atıyor ve sonuçları yansıtıyor.

Uygulama – CSS Uygula & Gör

Bir üst kısımda bahsettiğim mantık üzerine kurulu sistemde, CSS dosyasında yaptığımız değişiklikleri anında tasarım ekranımıza yansıtıyor. Tasarımdan kaçık yok. CSS dosyasını kaydetmeden yaptığımız değişiklikler karşımızda.

Ekran görüntüsü olarak sunacaklarım bu kadar. Diğer özelliklerine gelecek olursak;

Subversion entegrasyonu, Adobe Air desteği, Ajax ve Javascript kütüphanesi ve şahane Photoshop olayları. Bir sonraki yazım Adobe CS4 Fireworks hakkında olacak. Videolar aşağıda, izlemenizi tavsiye ederim.

Adobe TV’den Videolar

Inside The Dreamlabs – Dreamweaver CS4 Related Files

Inside The Dreamlabs – Dreamweaver CS4 Web Widgets

Inside The Dreamlabs – Dreamweaver CS4 Dataset Wizard

Inside The Dreamlabs – Dreamweaver CS4 Javascript

Inside The Dreamlabs – Dreamweaver CS4 Live Preview

Inside The Dreamlabs – Dreamweaver CS4 Code Navigator

Related posts:

1. Adobe Fireworks CS4 – Ne İstiyorsanız Onu Tasarlayın