Peki şöyle bir bakalım neler varmış bu arayüzde esasında oldukça kolay bir program o yüzden arayüz sizi korkutmasın eğer sadece HTML siteler oluşturacaksanız zaten panellerin en karışıklarını zaten kullanmayacaksınız. Ama unutmamak gerekiyor ki Dreamweaver kullanarak sadece arayüz üzerinde hiç kod yazmadan php sayfalar, asp sayfalar oluşturabilirsiniz. Her neyse lafı fazla uzatmadan arayüze şöyle bir bakalım.
 |
| Dreamweaver Arayüzü |
Fazla mı karışık gözüktü hiç gözünüzü korkutmasına izin vermeyin
Arayüze ana hatları ile bakarsak
- Insert Paneli: Web sayfalarınıza koymak istediğimiz nerdeyse herşeyi buradan seçip sayfamıza ekleriz. Bu panel sekmelere ayrılmıştır.
- Common: En çok kullanılacak öğeleri burdan bulabiliriz
- Layout: Sayfamızdaki elemanları yerleşirmek için tablolar ve divler gibi öğeleri burdan bulabiliriz.
- Forms: Sayfamıza iletişim formu, şikayet formu eklemek istersek kullanıcıların yazı gireceği alanları seçim yapabilecekleri düğmeleri burada bulabiliriz.
- Data: Bu bölüm php yada asp yazıyorsak işimize yarar ileleyen bölümlerde bakacağız.
- Spry: Sayfamıza açılan menüler, akordiyon menüler, sekmeler eklemek istesek burayı kullanırız.
- Text: Sayfamızdaki yazıların özelliklerini değiştirmek şuan okuduğunuz gibi listeler yapmak, yazıları bold yapmak, paragraf haline çevirmek, başlığa dönüştürmek için kullanırız.
- Favorites: Kendimize en çok beğendiğimiz yada en çok kullandığımız elemanlardan bir bölüm oluşurabiliriz. (Hiç bir zaman yapmadım. Ama bizi düşünüp böyle bir alan hazırladıkları için teşekkürlerimi sunuyorum. :))
- Code: Sayfamızı sadece kodlardan oluşmuş olarak göre bilmek için bu düğmeye tıklamamız yeterli çok korkutucu değil mi?
- Design: Sayfayı sadece arayüz üzerinden kullanıyorsanız aşağı yukarı tarayıcıların göstereceği gibi görüp bu bölümden sürükle bırak gibi yöntemlerle siteyi oluşturabileceğimiz bölüm SÜPER!
- Split: Hem code hemde design bölümlerine bir arada bakabileceğiniz bölüm eğer ekran büyüklüğünüz yeterliyse kesinlikle bu bölümü kullanmanızı öneririm. HTML kodlarına yavaş yavaş alışmanızı sağlar.
- Title: Tarayıcıların en tepesinde gördüğümüz Sitenin adını yazdığı bölüm
- Css Paneli: Bu panel en çok kullanacağımız panel olacak sayfamızdaki yazıların fontunu, rengini, sayfanın tamamının yada belirli bir bölgesindeki arka plan rengi gibi görsel stilleri oluşturacağımız bölüm web tasarım diyince zaten sayfanın stilinden daha önemli ne olabilir ki
- Files Paneli: Sayfamızda kullanacağımız tüm dosyaların bir liste olarak gösterildiği alandır.
- Etiket Seçici: Sayfamızdaki herşeyi etiketleri ile seçebileceğimiz bölümdür. Peki etiket ne demek? Hemen paniğe kapılmayın ilerleyen yazılarda hepsini anlatacağım.
- Properies Paneli: Sayfamızda o anda seçili olan her neyse onun özeliklerini görüp değiştirebişeceğimiz alandır. İlla ki etiket seçici bölümünden seçim yapmanız gerekmiyor merak etmeyin. Design kısmından neyin üzerine tıklarsanız o seçili hale gelir.
Daha fazla panel var ancak ilk aşama için bize sadece bu paneller yeterli hatta fazla bile Geri kalan panellere konulara geldikce bakacağız.
Hiç yorum yok:
Yorum Gönder