Adobe Dreamweaver Nasıl Kullanılır

Adobe Dreamweaver, web tasarımcıları için çok güçlü bir araçtır çünkü onunla yapabileceğiniz pek çok şey vardır. Elbette, yapabileceğiniz tüm bu şeyler öğrenmeyi zorlaştırıyor. En son sürüm olan CS5'teki değişiklikler de dahil olmak üzere Dreamweaver'ın yapabileceği birçok şeyden bazılarını öğrenin. Ve olan şeyleri kontrol etmeyi unutma Dreamweaver CS5'te eksik.

Site Tanımlama

• Yeni bir web sitesi başlatın
• web sitesi oluştur
• Sitenin yalnızca ihtiyacınız olan kısımlarını ihtiyacınız olduğunda ayarlayın *CS5'te yeni
• Daha eksiksiz iş akışları için uzak, KG ve test sunucuları kurun *CS5'te yeni
• Yeni dizinler oluşturun ve yayınlayın
• Doküman türünü değiştir
• Sayfalarınıza meta verileri dahil edin

Sitenizi Yayına Alma

• Uzak bir site tanımlayın
• FTP dosyaları web sunucusuna
• Dosyaları içeri ve dışarı kontrol etmek için bir sürüm kontrol sistemi kullanın
• Daha gelişmiş sürüm kontrolü için Subversion ile bağlanın *CS5'te yeni
• Takım arkadaşlarınız için not bırakın

Web Sayfaları Oluşturma

• WYSIWYG modunda bir sayfa yazın
• HTML'de bir sayfa yazın
• Bir şablondan yeni bir sayfa oluşturun
• Sıfırdan yeni bir sayfa oluşturun
• Şablon oluştur
• Dosyaları site dizininize kaydedin
• Sayfa özelliklerini tanımlayın

CSS

• CSS stil sayfalarını kullanın
• Satır içi stiller ekleme
• Harici bir stil sayfası oluşturun
• Harici bir stil sayfası ekleyin
• Sınıf, kimlik, etiket ve bileşik CSS seçicileri oluşturun
• Mevcut CSS kurallarını düzenleyin
• Yazdırılabilir sayfalar için CSS oluşturun
• 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ın
• Satır sonu ekle
• Özel karakterler kullan
• Bugünün tarihini dahil et
• yorum yaz
• Uygulamak HTML etiketleri Metne
• Etiketlere HTML nitelikleri ekleyin

Bağlantılar

• Metin ve resimleri bağla
• Site bağlantılarını kontrol edin
• Varsayılan bağlantı renklerini değiştirin (bağlantı, ziyaret edilen, üzerine gelinen, etkin)
• Bağlantılarda araç ipuçları oluşturun
• mailto bağlantıları oluştur
• Web sayfası çapaları oluşturun

Görüntüler

• Bir sayfaya grafik ekleme
• Resimleri düzenle
• Resimleri yeniden boyutlandır
• Resimlere alternatif metin ekleyin
• Resimlere ek erişilebilirlik seçenekleri ekleyin
• Görüntüleri ve metni hizalayın
• Bir rollover görüntüsü oluşturun
• Kullanmak görüntü haritaları
• İzleme görüntülerini kullanın
• Resim yer tutucularını kullan
• Fireworks HTML'si Ekle
• Photoshop dosyalarını ekle

Düzen

• Dahil edilen ücretsiz şablonları kullanın *CS5'te yeni CSS başlangıç ​​düzenleri
• Düzen için div'leri ekleyin
• CSS stilleri panelinde div'leri düzenleyin
• Kesinlikle konumlandırılmış öğeleri ekleyin
• Özellik denetçisinde kesinlikle konumlandırılmış öğeleri biçimlendirin
• Cetvelleri, ızgaraları ve kılavuzları kullanın

Listeler

• Madde işaretli ve numaralı listeler ekleyin
• Liste madde işaretlerini ve numaralarını özelleştirin

tablolar

• Tablo oluştur
• Başlık satırları ve sütunları ekleyin
• Kullanmak şeffaf görüntüler tablo hücrelerini açık tutmak için
• Sabit genişlikte ve esnek genişlikte sütunlar oluşturun
• Tabloların kenarlık stillerini değiştirme
• Bir tablonun içine bir tablo göm
• Tablo verilerini içe aktar

Formlar

• Bir mailto formu kullanın
• Form eylemlerini tanımlayın
• Metin, radyo, onay kutusu, dosya, resim, seçim kutuları ve gizli form alanları ekleyin
• Alan seti ve etiket alanlarıyla formlarınızı erişilebilir hale getirin
• Özel gönderme düğmeleri oluşturun
• JavaScript (Spry) ile formları doğrulama

Veritabanları ve PHP Komut Dosyası

• Sitenizi bir veritabanına ekleyin
• Bir PHP/mySQL sitesi kurun
• Veritabanına bağlanmak için Spry öğelerini kullanın
• Sayfalarınıza veri nesneleri ekleyin
• Spry veri kaynağını veya ekranını test edin ve güncelleyin
• Tasarım görünümünde karmaşık dinamik siteleri düzenleyin
• PHP CMS sitelerini birleştirmek için dinamik olarak ilgili tüm dosyaları keşfedin (WordPress, Joomla ve Drupal) *CS5'te yeni
• Zend çerçevesi gibi üçüncü taraf çerçeveler de dahil olmak üzere PHP kodu için özel sınıf ipuçları *CS5'te yeni

çerçeveler

• Çerçeveli bir web sitesi oluşturun
• Noframes içeriğini düzenle
• Çerçevelerinizi biçimlendirin ve stillendirin
• Çerçeveler arasında varsayılan bağlantı hedeflerini ayarlayın

Etkileşim Ekle

• Bir fotoğraf albümü oluşturun (Artık CS5'te değil)
• Web sayfalarına ses ekleyin
• 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 ekleme
• Flash metnini rollover olarak ekle
• Bir rollover olarak CSS metni ekle
• Diğer eklentileri ekle
• Spry menü çubuğu, sekmeli paneller, akordeon, araç ipucu ve daraltılabilir panel ekleyin
• JavaScript bilmenize gerek 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'ı kullanın *CS5'te yeni
• Sayfaların mobil cihazlarda nasıl göründüğünü kontrol etmek için Device Central'ı kullanın
• Tarayıcı uyumluluğunu kontrol edin
• Ayarları, sitenizin çalışması gerekenlerle eşleşecek şekilde değiştirin
• Dahili site bağlantılarını kontrol edin
• Sitenizin erişilebilirliğini test edin (Artık CS5'te değil)
• dönüştürmek Word belgesi HTML'ye

Dreamweaver'ı özelleştirin

• Uzantı ekle
• Uzantıları devre dışı bırak
• Kısayollarla Dreamweaver'ı özelleştirin

Verimliliğinizi Artırın

• Yerleşik klavye kısayollarını kullanın
• Kod parçacıkları kullanın
• Şablonlar oluşturun ve kullanın
• Özel şablonlardan yeni sayfalar oluşturun
• Şablonları güncelle
• Dreamweaver kitaplığıyla bir dosyayı diğerine dahil etme
• Kitaplık öğelerini güncelle
• SSI kullanarak bir dosyayı diğerine dahil edin
• Aramayı kullan ve değiştir