100'den Fazla Farklı Dreamweaver İpuçları ve Teknikleri
Adobe Dreamweaver , Web tasarımcıları için çok güçlü bir araçtır, çünkü onunla yapabileceğiniz çok şey vardır. Elbette, yapabileceğiniz her şey öğrenmeyi zorlaştırıyor. En son sürüm olan CS5'teki değişiklikler de dahil olmak üzere, Dreamweaver'ın yapabileceği pek çok şeyi öğrenin. Dreamweaver CS5'ten eksik olan şeyleri kontrol etmeyi unutmayın.
Bir Site Tanımlamak
- Yeni bir web sitesi başlat
- Bir web sitesi oluştur
- İhtiyacınız olduğunda, yalnızca sitenin ihtiyaç duyduğunuz bölümlerini ayarlayın. * CS5'te yeni
- Daha eksiksiz iş akışları için uzak, QA ve test sunucularını ayarlayın * CS5'te yeni
- Yeni dizinler oluştur ve yayınla
- Doctype değiştir
- Meta verilerinizi sayfalarınıza dahil edin
Sitenizi Canlı Olarak Koyma
- Uzak siteyi tanımla
- FTP dosyalarını Web sunucusuna
- Dosyaları kontrol etmek için bir sürüm kontrol sistemi kullanın
- Daha gelişmiş sürüm kontrolü için Subversion ile bağlantı kurun * CS5'te yeni
- Takım arkadaşlarınız için not bırakın
Web Sayfaları Oluşturmak
- WYSIWYG modunda bir sayfa yaz
- HTML'de bir sayfa yaz
- Şablondan yeni bir sayfa oluştur
- Sıfırdan yeni sayfa oluştur
- Şablon oluştur
- Dosyaları site dizininize kaydedin
- Sayfa özelliklerini tanımlayın
CSS
- CSS stil sayfalarını kullan
- Satır içi stilleri ekleme
- Harici stil sayfası oluştur
- Harici stil sayfası ekle
- Sınıf, ID, etiket ve bileşik CSS seçicileri oluşturun
- Mevcut CSS kurallarını düzenle
- Yazdırılabilir sayfalar için CSS oluşturma
- Stil özelliklerini etkinleştirin ve devre dışı bırakın * CS5'te yeni
- CSS kutu modelini görsel olarak inceleyin * CS5'te yeni
Metin
- Metni değiştir
- Farklı yazı tipleri kullan
- Bir satır sonu ekle
- Özel karakterler kullan
- Bugünün tarihini ekle
- Yorum yaz
- Metne HTML etiketleri uygulama
- HTML niteliklerini etiketlere ekle
Bağlantılar
- Metin ve görsel bağlantı
- Site bağlantılarını kontrol et
- Varsayılan bağlantı renklerini değiştir (bağlantı, ziyaret, gezinme, etkin)
- Bağlantılarda araç ipuçları oluşturma
- Mailto bağlantıları oluştur
- Web sayfası çapaları oluştur
Görüntüler
- Bir sayfaya grafik ekleme
- Resimleri düzenleyin
- Resimleri yeniden boyutlandır
- Görsellere alt metin ekle
- Görseller için ek erişilebilirlik seçenekleri ekleyin
- Resimleri ve metni hizalayın
- Bir rollover resmi oluştur
- Görüntü haritalarını kullan
- İzleme görüntülerini kullanma
- Resim yer tutucularını kullan
- Fireworks HTML'yi ekle
- Photoshop dosyalarını ekle
düzen
- Birlikte verilen ücretsiz tempatları kullanın * CS5'te yeni CSS başlangıç düzenleri
- Düzen için div ekle
- CSS stilleri panelindeki divleri düzenle
- Kesinlikle yerleştirilmiş elemanlar yerleştirin
- Özellik denetçisinde kesinlikle konumlandırılmış öğeleri biçimlendirin
- Cetvelleri, ızgaraları ve kılavuzları kullanma
Listeler
- Madde işaretli ve numaralı listeler ekle
- Liste mermi ve numaralarını özelleştirme
Tablolar
- Tablo oluştur
- Üstbilgi satırları ve sütunları ekle
- Masa hücrelerini açık tutmak için şeffaf görüntüler kullanın
- Sabit genişlik ve esnek genişlik sütunları oluşturma
- Tabloların kenarlık stillerini değiştirme
- Bir tabloyu tabloya yerleştir
- Tablo verilerini içe aktar
Formlar
- Mailto formu kullan
- Form eylemlerini tanımla
- Metin, radyo, onay kutusu, dosya, resim, kutu seç ve gizli form alanları ekle
- Formlarınızı fieldset ve etiket alanları ile erişilebilir hale getirin
- Özel gönderim düğmeleri oluşturun
- Formları JavaScript ile doğrula (Spry)
Veritabanları ve PHP Komut Dosyası
- Sitenizi bir veritabanına ekleyin
- PHP / mySQL sitesi kurmak
- Veritabanına bağlanmak için Spry öğelerini kullan
- Veri nesnelerini sayfalarınıza ekleyin
- Spry veri kaynağını veya ekranını test etme ve güncelleme
- Tasarım görünümünde karmaşık dinamik siteleri düzenleme
- PHP CMS sitelerini (WordPress, Joomla ve Drupal) birleştirmek için dinamik olarak ilgili tüm dosyaları keşfedin * CS5'te Yeni
- Zend çerçevesi gibi üçüncü taraf çerçeveleri de dahil olmak üzere PHP kodu için özel sınıf ipucu * CS5'te Yeni
Çerçeveler
- Çerçeveli bir web sitesi oluşturun
- Çerçeve içeriği düzenle
- Çerçevelerinizi biçimlendirin ve şekillendirin
- Çerçeveler arasında varsayılan bağlantı hedeflerini ayarlama
Etkileşimi ekle
- Bir fotoğraf albümü oluşturun (CS5'te artık yok)
- Web sayfalarına ses ekle
- Bir açılır menü oluşturun
- Açılır pencereleri açmak, atlama menüleri oluşturmak, ses çalmak, görüntüleri değiştirmek ve daha fazlası için Dreamweaver davranışlarını kullanın
- Bir siteye RSS beslemeleri ekle
- Flash metni rollover olarak ekle
- CSS metni rollover olarak ekle
- Diğer eklentileri ekle
- Spry menü çubuğu, sekmeli paneller, akordeon, araç ipucu ve katlanabilir panel ekleme
- JavaScript'i tanımak zorunda kalmadan siteniz için yeni widget'ları bulmak için Widget Tarayıcısını kullanın
Sayfalarınızı Test Edin
- JavaScript ve etkileşimden kaynaklanan değişiklikleri görmek için sayfalarınızı Canlı Görünüm'de test edin * CS5'te Yeni
- HTML'nizi doğrulayın
- Sayfalarınızı birkaç tarayıcıda önizleyin
- Sayfalarınızı diğer işletim sistemlerinde önizlemek için BrowserLab'i kullanın * Yeni CS5'te yeni
- Sayfaların mobil cihazlarda nasıl görüneceğini kontrol etmek için Cihaz Merkezi'ni kullanın
- Tarayıcı uyumluluğunu kontrol et
- Sitenizin çalışmak için neye ihtiyaç duyduğu ile eşleşecek ayarları değiştirin.
- Dahili site bağlantılarını kontrol et
- Sitenizin erişilebilirliğini test edin (Artık CS5'te değil)
- Word belgesini HTML'ye dönüştürme
Dreamweaver'ı özelleştirme
- Uzantı ekle
- Uzantıları devre dışı bırak
- Dreamweaver'ı kısayollarla özelleştirme
Verimliliğinizi Artırın
- Yerleşik klavye kısayollarını kullan
- Kod snippet'lerini kullan
- Şablon oluştur ve kullan
- Özel şablonlardan yeni sayfalar oluştur
- Şablonları güncelle
- Dreamweaver kütüphanesi ile bir dosyayı diğerine dahil edin
- Kitaplık öğelerini güncelle
- SSI kullanarak bir dosyayı diğerine dahil et
- Arama kullan ve değiştir