Canlı eğitim: Dreamweaver ve WordPress ile dinamik site tasarımı

İş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ği Dreamweaver 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? Bunun sizlere Adobe ofisinde yapılacak tam günlük bir atölye çalışmasıyla anlatılacağını, ve tüm bu etkinliği canlı olarak AdobeGunlugu.com’dan da yayımlanacağını  söylesek?

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 WordPress kurulumuna kadar tüm adımlarıyla Adobe uzmanlarıyla birlikte oluşturun. 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.

“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ı