' A dokunarak Timesaving Dreamweaver İpuçları - mankenler

En iyi programlar bile en iyi şekilde nasıl kullanacağınızı bildiklerinde daha iyi olur. Bu ipuçlarını kontrol etmek için birkaç dakikanızı ayırın ve Web sitenizi geliştirirken bir kaç saat tasarruf edin. Bu ipuçlarının çoğu Macintosh ve Windows kullanıcıları için geçerlidir. Metin yalnızca birine ya da diğerine uygulandıklarında, ipucu Windows'a mı yoksa Mac sürümüne de uygulanabilir mi diye yazacaktır.

Dağınıklığı giderme

Dreamweaver'ın birçok paneli (önceki sürümlerde paletler olarak anılır) en popüler özelliklerine hızlı erişim sağlar ancak tasarım alanını karmaşık hale getirebilirler. Geri çekilip işinize hayran kalırken (veya başkasının gözyaşı döktüğünde) onları yolundan çıkartmak için, görünen tüm panelleri aynı anda gizleyen bir kısayol olan F4 tuşunu kullanın. Onları geri getirmek için F4 tuşuna tekrar basın.

Panelleri tek tek açıp kapatmak için, her panele atanan klavye kısayolunu kullanın. Her bir panel adının yanında listelenen bir klavye kısayolu bulmak için Menü'den Pencere'yi seçin. Panelleri tek tek açıp kapamak için bu kısayolları kullanabilirsiniz. Site paneline, Varlıklar paneline, HTML Stil paneline, CSS Stil paneline, Davranışlar paneli ve Geçmiş paneline erişmek için tasarım penceresinin sağ alt köşesindeki Başlatıcı çubuğunu da kullanabilirsiniz.

Görünümü bölme: Kodda çalışma

HTML kaynak kodu ile WYSIWYG (ne gördüğünüzü elde etmenizdir) arasında geçiş yapmak isterseniz Dreamweaver'da tasarım görünümü, sürüm 4'te, HTML kaynağını ve WYSIWYG tasarım alanını aynı anda görüntüleyebilmeniz için pencereyi bölmenizi sağlayan yeni seçeneği takdir edersiniz. Pencereyi bölmek için Görünüm -> Kod ve Tasarım'yı seçin.

Ayrıca, otomatik girinti oluşturma ve birden çok satırı seçme ve bunlara girinti yapma kabiliyeti dahil, Dreamweaver yerleşik metin düzenleyicisinde geliştirilmiş özellikleri de takdir edebilirsiniz. Ayrıca, yazarken görünen canlı sözdizimi renklendirmesini keşfedeceksiniz - HTML ve JavaScript renklerini bile ayırt edebilirsiniz. Renkleri atamak için Düzenle -> Tercihler -> Kod Renkleri sekmesini seçin.

Tasarımlarınızı Tablolar

HTML Tabloları hala karmaşık Web tasarımları oluşturmak için en iyi yolu sunuyor (çünkü eski tarayıcılar halen katmanları desteklemiyor) ve Dreamweaver 4 görsel tasarım alanında tablolar oluşturmayı her zamankinden daha kolay hale getirmiştir. Yeni Mizanpaj Görünümünde, bir sayfada tablolar çizebilir, onları tablolara sürükleyebilir ve hatta hücreleri iç içe geçmiş bir tabloda gruplayabilirsiniz - kaç satır ve hücrenin yarattığınızı merak etmeden. Bu özelliği, pencere boyutu ile değişen tablolar oluşturmak için bile kullanabilirsiniz; bu, tüm monitörlerde tasarımlarınızın çalışmasını sağlamak için mükemmel bir tekniktir.

Dreamweaver'ın yeni masa yaratma ortamına erişmek için Görünüm -> Tablo Görünümü -> Mizanpaj Görünümü'nü seçin ve sonra her tür tablo oluşturmak için sürükleyip bırakın. Hücre ve tablo düzen seçeneklerini Nesneler panelinden bulabilirsiniz.

Metin dönüştürme

Dreamweaver 3'te Paste as Text özelliği kullanılıyorsanız, Dreamweaver 4'te eksik olduğunu düşündüğünüzde hayal kırıklığına uğratmayın. Macromedia süreci en yeni sürüme uyarlamıştır. Artık sadece Dosya -> Yapıştır'ı seçersiniz ve bir Word işleme belgesinden biçimlendirilmiş metin biçimlendirmesini korur - tamam, satır aralığını en az korur. Gerçek şu ki, metin dönüştürme konusunda Dreamweaver hala oldukça zayıf.

HTML Olarak Kaydet özelliğini (Microsoft Word ve diğerleri bu özelliği sunar) içeren bir sözcük işlemci veya elektronik tablo programını kullanırsanız, Dreamweaver'daki metni yeniden biçimlendirmek zorunda kalmamak için kendinizi koruyabilirsiniz. Metni Dreamweaver'a kopyalayıp yapıştırmak yerine kelime işlemci programının Dosya -> HTML Olarak Kaydet özelliğini kullanın, dosyayı yeniden adlandırın ve ardından yeni dosyayı Dreamweaver uygulamasında açın. Microsoft Word ve Excel, tablo formatlamasını bile korur; büyük metin veya sayı tablolarıyla uğraşıyorsanız gerçek zaman tasarrufu sağlar.

Fonksiyonel yazı tipleri bulma

Tasarımcılar, herhangi bir yazı tipini kullanabileceklerini öğrendiklerinde çok heyecanlanırlar. Gerçekte, izleyicilerinizin görüntüleyebilmesi için bilgisayarlarındaki yazı tiplerine sahip olmaları gerekir. Font ne kadar yaygın olursa, istediğiniz şekilde görüntülenir. Daha sıradışı bir yazı tipi kullanmak isterseniz, bunun yerine gidin - alternatifler de eklediğinizden emin olun. Dreamweaver Yazı Tipi Listesi zaten yaygın yazı tipleri koleksiyonları içerir ve her zaman Metin -> Yazı Tipi -> Yazı Tipi Listesini Düzenle'yi seçerek kendi Yazı Tipi Listenizi oluşturabilirsiniz.

Windows, Net'in en yaygın işletim sistemidir. Kullanıcılarınızın çoğunluğu için en iyi ve en hızlı sonuçların alınmasını sağlamak için önce bir Windows fontu listeleyin.

Görüntüleyenlerinize yönlendirme

DHTML ve CSS ile dolu en yeni sayfa tasarımlarını kullandığınızda, tüm görüntüleyenlerinizin mutlu olmasını sağlamak için birden fazla site oluşturmak, başarısız en güvenli çözümdür. Bu, iki veya daha fazla sayfa kümesi oluşturduğunuz anlamına gelir: en yeni özellikleri kullanan ve daha eski, daha evrensel olarak desteklenen HTML etiketleri kullanan bir sayfa. Ancak izleyicilerin doğru sayfalara ulaşmalarını nasıl sağlıyorsunuz? Tarayıcıyı Denetle davranışını kullanın.

Tarayıcıyı Kontrol Etme davranışı JavaScript'te yazılmıştır ve sitenize yerleşen her görüntüleyen tarafından kullanılan tarayıcı türünü belirler. Davranış, daha sonra kullanıcıları tarayıcı sürümüne en uygun sayfa tasarımına yönlendirir. Bu özelliği kullanmak için, Davranışlar panelini açmak için Pencere -> Davranışlar'ı seçin. Ardından seçeneklerin açılır listesini açmak için artı işaretini (+) tıklayın. Tarayıcıyı Denetle'yi seçin ve hangi tarayıcı sürümlerinin sitenizdeki hangi sayfalara yönlendirileceğini belirleyebileceğiniz bir iletişim kutusu açılır. Kullanıcılar sitenize geldiğinde, belirlediğiniz tarayıcı türüne ve sürümüne bağlı olarak otomatik olarak seçtiğiniz sayfaya yönlendirilirler.