Dreamweaver Dersleri
WEB TASARIMINA NASIL BAŞLANMALI?
Web sitesinin tasarımına başlamadan önce sitenin içerisinde kullanacağınız dokümanları oluşturmanız gerekiyor. Web sayfaları içerisinde kullanacağınız ses, resim, video ve metin dosyalarını önceden hazırlamanız, hatta hangi dosyayı hangi sayfada kullanacağınızı kağıt üzerinde tasarlamanız, web sitesinin oluşturulması esnasında size kolaylık sağlayacaktır.
Web için kullanılan materyallerden site içerisine yazılan dil ve üsluba kadar her şeyden site tasarımcısı sorumlu olacaktır. Bu yüzden web sitesi oluşturulurken toplumun sosyal ve kültürel özellikleri göz önünde tutulmalı, hiçbir zaman hukuk ve demokrasi ile çakışan ifadeler kullanılmamalıdır. Site içerisinde kullanılan materyaller eğer bir başka yerden alıntı ise kesinlikle alınan yerden izin alınmalı ya da materyalin serbest kullanılıp kullanılmayacağı araştırılmalıdır. Aksi halde telif yasalarına göre suçlu duruma düşebilirsiniz. Ziyaretçi kitlesini ve bu kitleye yapacağınız hitap metinlerini de uygun bir şekilde hazırlamanız, web sitesinin ziyaretçi oranını arttıracaktır.
Bilgisayarınızda tüm web içeriğinizi kaydedeceğiniz bir klasör açınız ve bu klasörün içinde kullanım amacına uygun alt klasörler oluşturunuz. (Resimleriniz için "image" klasörü, stil çalışmalarınız için "css" klasörü gibi). Klasör, resim ve dosya isimlerini verirken kesinlikle Türkçe karakterler (ı, ç, ğ, ş, ö, ü) kullanmayınız. Çünkü Türkçe karakterler web tarayıcılarının dosyanızı görmemesine neden olacaktır.
DREAMWEAVER 8 ile Neler Yapabilirim?
Dreamweaver 8, başta HTML düzenleme olmak üzere bir web tasarımcının ihtiyacı olan hemen her konuda ihtiyaçlarına cevap verebilecek donatılara sahiptir. Örneğin basit HTML olayları olarak nitelendirebileceğimiz, tablo, resim, metin flash (.swf) ve aklınıza gelebilecek her türlü HTML bileşenini sayfalarımıza görsel bir ara yüz ile ekleyebilme imkanından başka, bu standart HTML bileşenlerine W3C inisiyatifleri içerisindeki geçerli yöntemlerle hükmedebilme, biçimlendirebilme ve sıfırdan yapılandırabilme imkanı sağlamaktadır. Sözgelimi CSS (Cascading Style Sheet) ler ile sayfalarınızdaki elemanları konumlandırabilir, renklendirebilir ve biçim düzenlemesi yapabilirsiniz. Dreamweaver 8 ayrıca Behaviors veya Commands olarak adlandırılabilen ve extensions olarak tabir edilen eklentiler sayesinde sınırı olmaksızın genişleyebilen JavaScript başta olmak üzere güçlü araçlara sahiptir. Bu bahsi geçen araçlar ile sayfalarınızda kolayca açılır menülerden (pop-up menu) fare ile üzerine gidildiğinde değişen resimlere (rollower images) her türlü JavaScript aksiyonunu yapabilmemiz mümkündür. Dreamweaver 8’in yetenekleri bu kadarla bitmiyor tabi. Daha Fazlası için başlıyoruz...
..:: Dreamweaver 8 Menüleri ::..
File (Dosya): Yeni bir belge açmak (New), kaydedilmiş belgeleri açmak (Open, Open Recent), belgelerimizi kaydetmek (Save, Save As), belgelerimizi tanımladığımız lokal server klasörüne kaydetmek (Save to Remote Server) dışarıdan veri getirmek (Import), dışarıya veri vermek (Export), aktif belgemizi sınamak (Preview in Browser) gibi işlemleri gerçekleştirmek için bu menüyü kullanacağız.
Edit (Düzen): Edit menüsü programımız ve üzerinde çalıştığımız belgemiz ile ilgili ayarlar yapabileceğimiz menüdür. Kısaca özetlemek gerekirse; yaptığımız işlemleri geri almak (Undo), clipboarda kopyaladığımız bir nesneyi yapıştırmak (Paste, Paste HTML, Paste TXT), nesne kopyalamak (Copy, Copy HTML), gelişmiş arama işlemi yaptırmak, programın kısayol tuşlarını değiştirmek (Keyboard Shortcuts), programın görsel ve işlevsel ayarlarını yapmak (Preferences) için bu menüyü kullanacağız.
Ayrıca belgelerinizin içerisinde kullandığınız nesneleri ayrı bir program ile düzenlemek isterseniz bunun için de Edit with External Editor komutunu tıklamanız yeterli olacaktır. Edit menüsünde ise bu komut ile hangi uzantılı nesneleri hangi programın düzenleyeceğini belirtebileceksiniz. Tag Libraries komutunu tıklayarak Taglerin kullanım şekillerine de erişebilirsiniz.
View (Görünüm): Programın ve unsurlarının görünümlerini kişiselleştirebileceğiniz komutları bu menü altında bulabilirsiniz. Çalışma sırasında hem kod sayfasını hem de tasarım sayfasını görmek istiyorsak Code and Design komutunu, görünümler arasında geçiş yapmak için ise Switch Views komutunu tıklamalıyız. Yine bu menünün altındaki komutlar ile sayfaya cetvel ekleyebilir (Ruler), görünüme ızgara ekleyip düzenleyebilir (Grid, Show Grid, Grid Settings), panelleri kapatabilir, görünmesini istediğimiz araç çubuklarını aktif hale getirebiliriz.
Insert (Ekle): Sayfamızı oluştururken kullanacağımız nesnelerin tümünü bu menü yardımı ile ekleyebiliriz. Resim, layer, tablo, ses dosyaları, scriptler, foto albüm, Flash buton, formlar ve form nesneleri...
Modify (Değiştir): Modify menüsü ile nesnelerimize köprüler (Make Link) atayabilir ve köprünün hedefini (_blank, _parent...) ayarlayabiliriz. Bunlara ilave olarak eklediğimiz tabloları, resimleri ve frameleri düzenleyebilir, katmanları hizalayabilir ve de temalar ile ilgili işlemleri yürütebiliriz.
Text (Metin): Paragrafın formatını, hizalamasını, fontun seçimini, rengini, puntosunu, stilini, stil dosyalarını bu menü ile ayarlayabiliriz. Ayrıca hazırladığımız listelerdeki simgeleri de bu menüden düzenleyebilmekteyiz.
Command (Komutlar): Fotoğraf albümü, komut kayıtları, extension yönetimi, renk şeması vb. komutları bulabilirsiniz. Ayrıca Dreamweaver’in gizli kalmış fakat çok işlevsel bir komutu da bu menüde. Clean Up Word HTML komutu ile HTML belgelerinizdeki gereksiz kod satırlarını silerek belgelerinizin boyutunu küçültebilirsiniz.
Site (Site): Dreamweaver’de lokal bir site tanımladıysanız sitenizi yöneteceğiniz komutları bu menüde bulabilirsiniz. Site tanımlama, silme, raporlama gibi işlemleri bu menüdeki komutlar ile yapabilirsiniz.
Window (Pencere): Bu menü ile ise Dreamweaver’in panellerini yönetebilirsiniz. Panelleri kendi istediğiniz şekilde kişiselleştirebilir, varsayılan panel düzenine geri dönebilir ve belgelerinizin arasında geçiş yapabilirsiniz. Programdaki bütün paneller bu menüden yönetilebilmektedir.
Help (Yardım): Son olarak bu menüden de program hakkındaki gerekli bilgileri alabilir, yardım dosyaları içerisinde derdinize deva arayabilirsiniz. Offline olarak derdinize deva bulamadıysanız Macromedia yardım merkezine de bu menüden tek tıkla ulaşabilirsiniz.
Dreamweaver Paneller Ve Özellikleri