Adobe Dreamweaver Dersleri - Giriş




ADOBE DREAMWEAVER ÖĞRENİYORUM


Adobe Dreamweaver'a Giriş


Adobe Dreamweaver kullanıcılara hem kodlarla hem de görsel araçlarla site tasarımı için çalışma ve düzenleme imkanı sunar.

Web sayfaları oluştururken görsel tasarım araçları sayesinde hızlı işlemler yapabiliriz.

Adobe Dreamweaver programını ilk açtığımızda ise bizi Adobe Dreamweaver ' ın  'karşılama Ekranı ' karşılar . 



Karşılama ekranımız 3 ana kısımdan oluşur:

Birinci kısım ' Open a recend İtem' kısmıdır. Bu alanda daha önce açmış olduğumuz , çalışmış olduğumuz dosyaların  kısayollarını göreceğiz. 

İkinci kısım ' Create New ' kısmıdır. burada çalışmak oluşturmak istediğimiz dosya türlerini göreceğiz.

Üçüncü kısım ise ; ' Top features (videos) ' kısmıdır. Burada ise Adobe Dreamweaver ' ın yardımcı videolarını görebiliriz.

Programımızla çalışmaya başlamadan önce çalışma ekranımızla ilgili küçük bir ayar yapmamız gerekir.

Sağ üst alanda Designer  seçili olan açılan kutudan görünüm ile ilgili ayarlara ulaşalım.



Bu alanda en çok kullanılan bir çok ayarı bulabileceğimiz Classic seçeneğini aktif hale getirelim.

Şimdi Create New alanından HTML dosyası açalım.

Programı açtığımızda aynı Word dosyası gibi beyaz bir çalışma alanı ile karşılaşırız.



Çalışma alanımız kendi içerisinde 3 bölümden oluşmaktadır.

Sol üst köşede Code , Split  ve Design adında olan bu çalışma alanlarını görebiliriz.

Code : Sadece kodları görebileceğimiz, kodlarla çalışabileceğimiz çalışma ekranı.

Split : Hem kod hem dizayn çalışma ekranını  birlikte kullanacağımız çalışma ekranı.

Design : Direkt objelerle , nesnelerle çalışabileceğimiz görsel tasarım ekranı.

İlk etapta Split Çalışma ekranında çalışmayı tercih edebilirsiniz.

Hem dizayn yaparak kod yazmak ile uğraşmazsınız , hem de kodları görerek kodlara hızlıca müdahale edebiliriz.

Ve çalışma alanımızın en altında yer alan Properties alanı yer almaktadır. Yeni özellikler alanı . en önemli alanlardan biridir.

Bu alanda çalışma alanımıza eklediğimiz nesnelerin özelliklerini düzenleyebiliriz.

Bir nesnenin rengi, boyutu vb.

Properties alanı da kendi içinde ikiye bölünür : HTML ve CSS alanları ...



Temel HTML ayarları yapacaksanız HTML , biraz daha gelişmiş  ayarlar yapacaksanız CSS alanını tercih etmelisiniz.

Programın sağ alanında ise bize yardımcı olacak çeşitli paneller bulunmaktadır.



Çalışma alanının en üstünde programın adının yanında File , Edit ile başlayan menüler bulunmaktadır. Bunlar standart menülerdir.



Bu menülerden ayrıntılı olarak daha sonra bahsedeceğiz.

Menülerin altında ise çeşitli simgeler görüyoruz. Bu simgeler daha hızlı işlem yapabilmek için görevlendirilmiş minik simgelerdir.

Çalışma alanımızı kısaca tanıtmış olduk . Sonraki makalelerimizde menülerimizden bahsedeceğiz .