Adobe Dreamweaver`a Giriş.

Arkadaslar bugünden itibaren Adobe Dreamweaver dersler serisine basliyoruz :). Biraz geçiktim ama umarim hazirlayacagim dersler isinize yarar. Tabi isinize yaramasi için takip etmeniz ve anlamadiginiz noktalari sormaniz gerekmektedir. Sorularinizi mailime gönderebileceginiz gibi yorumlar kismindan da sorabilirsiniz. Ki tavsiyem yorumlar kismindan sormaniz yönünde. Böylece hem siz hem de diger ziyaretçilerin sormus oldugu noktalari ögrenecek hazirladigim dersten daha fazlasini ögreneceksiniz.

Bu dersimizde olabildigince Adobe Dreamweaver programini anlatmaya çalisacagim. Giris olarak da düsünebilirsiniz. Öncelikle programi nasil elde edeceginizi soracaksiniz biliyorum :). Programin 30 günlük versiyonunu buradan indirebilirsiniz. Tam sürümünü ise ayni siteden para karsiligi alabilirsiniz :). Ögrenci için pek tavsiye edilmeyen bir sey fakat programin crack’ini paylasmam yasal olmadigi için internetten kendiniz arastirarak bulmaniz gerekecek. (Bunu bir sorun olarak görmüyorum.) Ben Adobe Dreamweaver CS4 üzerinden anlatacagim dersleri O yüzden ayni sürümü elde etmenizi tavsiye ediyorum.

Peki Adobe CS3 ile CS4 arasinda ne gibi farklar var? CS4 ile hazirlanan dersleri CS3 te uygulayamaz miyiz? Her programda oldugu gibi Dreamweaver ‘da da tabiî ki yenilikler var. CS4 ile hazirladigim dersleri tabiî ki CS3’te de uygulayabilirisniz. Fakat bazi araçlar CS4’te yer degistirmis durumda. Ve tabiî ki CS4’te bazi yenilikler var. O yüzden CS3 kullanan arkadaslar olursa bunu dikkate alarak CS3’te dediginiz kisim yok diye yorumlar yazmazsaniz sevinirim.

Bu dersleri görsel olarak hazirlamak benim için aslinda daha kolay olurdu ve tabi sizin için de görsel olarak anlamak çok kolay olurdu. Fakat sitemin aylik bant genisligini ve sitenin alanini düsünürsek bu çok zor. Ilerde bir sponsor çikar da ben karsilarim derse o zaman görsel dersler de hazirlariz  🙂

Adobe Dreamweaver ile HTML, CSS, ASP.NET C#, ASP.NET VBScript, ASP, PHP, JavaScript, XML, ColdFusion vs. gibi birçok dosyalar üzerinde çalisabilme imkaniniz var. Önce bir projeye baslamadan programi kendimize göre biraz degistirecegiz.

Resimde de gördügünüz gibi sag kösede Designer yazan alanda birçok seçenek bulunuyor. Onlari teker teker seçerek inceleye bilirsiniz. Kisaca deginecek olursak Designer alaninda tasarim için gerekn pencereler, araçlar gösteriliyor. Örnegin bir php kodu yazacak olursak Coder veya Coder Plus seçenegini seçerek programda bizim için gerekn araçlari gösterecektir. Simdi biz kendi çalisma alanimizi hazirlayalim.

Önce Yukarida resimde de gördügünüz gibi New Workspace seçenegimiz bulunuyor. New Workspace seçenegini seçerek yeni bir alan adi olusturacagiz. Ben kendialanim diye isim verecegim (Bu isim önemli degil, istediginiz ismi verebilirsiniz).

Simdilik Window menüsünden CSS Sytles ve File seçeneklerini seçerek programin sag tarafina yerlestirecegiz. Insert seçenegini seçerek programin üst kismina menülerin altina yerlestirecegiz.

Yerlestirmeleri sürükle birak mantigiyla yapmaniz mümkündür. Yerlestirmeler sonucunda programin görüntüsü asagidaki gibi olacaktir.

Bu düzenlemelerden sonra artik çalisma alanimizi hazirlamis olduk.

1. Window > Insert
   
2. Window > Files
   
3. Window > Css Sytles

Bir sonraki dersimizde görüsmek üzere.