İşte size bir web tasarımcısının tipik hikayesi…

Müşterisi için güzel görünümlü bir web sitesi tasarlamak istiyor. Bunun görsel tasarımı için Photoshop ve Fireworks kullanabilir ve daha sonra bu görselliğiDreamweaver ile HTML kodlarına dönüştürebilir. Ancak müşterisi, site yayına girdikten sonra içerisinde sık sık güncellemeler yapmak istiyor. Bunun için bir içerik yönetim sistemine ihtiyaç var ama bizim web tasarımcısı böyle bir sistemi geliştirmeye yetecek “kodlama” bilgisine sahip değil. O zaman ne yapmalı? Ücretsiz olarak indirilip kullanılabilecek bir hazır kod çerçevesi (framework) kullanabilir. Fakat bu durumda kendi yaptığı tasarımı bu içerik yönetim sistemine uyarlaması gerekecek. Bu durumda uzak durmaya çalıştığı “kodlama” konusu tekrar gündeme gelecek. Son çare hazır şablonlar (template) kullanmak. Fakat bu halde de birbirine çok benzeyen siteler ortaya çıkmaya başlayacak. Peki ya size kendi şablonlarınızı tasarlamanın bir yolu olduğunu söylesek? Bunu sizlere Adobe Ofisi’nde yapacağımız tam günlük bir atölye çalışmasıyla anlatacağımızı, ve tüm bu etkinliği canlı olarak AdobeGunlugu.com’dan da yayınlayacağımızı söylesek?

Evet, siz web tasarımcılarına tam olarak böyle bir davetimiz var. Gelin 8 Temmuz Perşembe günü kendinize tam bir günlük yatırım yapın ve bu atölye çalışmasında bir web sitesini ilk konseptinden tasarımına, kodlamasından WordPresskurulumuna kadar tüm adımlarıyla birlikte oluşturalım. Yapmanız gereken tek şey 8 Temmuz Perşembe günü saat 10:00′dan itibaren kendinize sakin bir köşe bulmak ve bilgisayar ekranınızın karşısına geçerek bizimle birlikte sitenin tasarımını adım adım izlemek.

Aşağıda düşündüğümüz atölye çalışmasının taslak planı var. Ama şimdiden söyleyelim, bu işi biz de ilk kez yapacağız, o yüzden zamanlama konusunda aksaklıklar olabilir. Yapmak istediğimiz şey bir seminer ya da ders vermek değil. Gerçek hayatı simüle etmek. Dolayısıyla saat tam 10:00′da işi yapmaya başlayacağız ama ne zaman bitirebileceğimiz konusunda -gerçek hayatta olduğu gibi- kesin bir şey söyleyebilmek zor. Bu arada sizler de bilgisayar ekranlarınızdan bizleri, tasarımımızı yönlendirebileceğiniz için gerçek bir interaktif deneyim yaşayacağız.

Son olarak teknik gereksinimlerinizi belirtmemizde fayda var. Yapacağımız çalışmayı 8 kamera ile yayınlayacağız. Bilgisayar başından takip edenler bunları 2 ayrı ekrandan izleyecekler. Birinde sürekli olarak bilgisayar ekranını görüntülerken, diğerinden de konuları anlatan ve izleyen kişileri yayına vereceğiz. Dolayısıyla sağlıklı bir izleme için minimum 1 Mbit bağlantı hızına ihtiyacınız olacak. Eğer hattınız 1Mbit ve üstü ise lütfen bu sırada başka amaçlarla kullanılmadığından emin olun.

İnternet üzerinden yapacağımız bu “Canlı Yayın” bizim için bir pilot çalışma olacak. Eğer başarılı olursak benzeri çalışmaları yapmaya devam edeceğiz. Başarı kriterlerimizden bir tanesi canlı yayını izleyecek olan kişi sayısı. Biz kendimize minimum 100 kişilik bir izleyici hedefi koyduk. Eğer bunu gerçekleştirmemizde bize yardımcı olabilirseniz, projenin devamı konusunda bizler için önemli bir motivasyon sağlamış olursunuz. O yüzden bu etkinliği kendi kanallarınızdan (E-posta, twitter, facebook, friendfeed gibi sosyal ortamlardan) duyurun.

Etkinliğimizi duyurmakta bize yardımcı olun. Yapmanız gereken tek şey bu duyurunun kısaltılmış adresini vermek:http://bit.ly/aSDDEN

“Dreamweaver ve WordPress ile dinamik siteler tasarlamak” Canlı Yayın Taslak Programı

• TARİH: 8 Temmuz 2010, Perşembe,
• SAAT: 10:00 – 17:00,
• YER: AdobeGunlugu.com
• KONUŞMACILAR: Barış Özcan (Adobe), Halid Özgür (Medyasoft), Hakan Çamoğlu (Vidobu.com), Erhan Meydan (Vidobu.com)

1. Açılış

Barış Özcan, 15 dakika

· Canlı yayın projesi tanıtımı ve amacı

· Ekip ve Stüdyo

2. Dreamweaver Nedir? WordPress ile ilişkisi nasıldır?

Barış Özcan, 30 dakika

· Dreamweaver tanıtımı

· WordPress tanıtımı

· WordPress kaynakları

· WordPress örnekleri

3. WordPress Kurulumu

Erhan Meydan, 30 dakika

· Local PHP kurulumu

· Local MySQL kurulumu

· WordPress paket kurulumu

· WordPress tema kurulumları

· WordPress eklenti kurulumları

4. Blog Arayüz Tasarımı

Halid Özgür, 90 dakika

· Blog tasarımında dikkat edilmesi gereken konular

· Tasarım sürecinde kullanılabilecek programlar

· Program entegrasyonları

5. Arayüz Tasarımının HTML’e dökülmesi

Hakan Çamoğlu, 45 dakika

· Temel DIV yapısı oluşturmak

· CSS ile menü tasarımı

· Alt sayfaların oluşturulması

6. Hazırlanan HTML tasarımın WordPress ile Entegrasyonu

Hakan Çamoğlu, 45 dakika

· Ana sayfa hazırlanması

· Alt sayfaların hazırlanması

· Modüllerin oluşturulması

7. HTML5 ile Hazırlanan Tasarımı İnteraktif Hale Getirmek

Hakan Çamoğlu, 45 dakika

· HTML5 ile degrade kullanımı

· HTML5 ile yuvarlak köşeler

· HTML5 ile animasyon

8. Tamamlanan Projenin Yayınlanması

Hakan Çamoğlu, 30 dakika

· Hosting ve Domain ile ilgili temel bilgiler ve ayarlar

· Dosyaların upload edilmesi

· MySQL database oluşturmak

· SEO çalışmaları