Kullanıcı Kılavuzu İptal

Dreamweaver'daki erişilebilirlik özellikleri

  1. Dreamweaver Kullanıcı Kılavuzu
  2. Giriş
    1. Dinamik web tasarımı hakkında temel bilgiler
    2. Dreamweaver'daki yenilikler
    3. Dreamweaver ile web geliştirme - Genel bakış
    4. Dreamweaver / Yaygın Sorular
    5. Klavye kısayolları
    6. Dreamweaver sistem gereksinimleri
    7. Özellik özeti
  3. Dreamweaver ve Creative Cloud
    1. Dreamweaver ayarlarını Creative Cloud ile senkronize etme
    2. Dreamweaver'da Creative Cloud Libraries
    3. Dreamweaver'da Photoshop dosyalarını kullanma
    4. Adobe Animate ve Dreamweaver ile çalışma
    5. Web için en iyileştirilmiş SVG dosyalarını Libraries'den ayıklama
  4. Dreamweaver çalışma alanları ve görünümleri
    1. Dreamweaver çalışma alanı
    2. Dreamweaver çalışma alanını görsel geliştirme açısından en iyileştirme
    3. Dosya adına veya içeriğe göre dosya arama | Mac OS
  5. Site kurma
    1. Dreamweaver siteleri hakkında
    2. Sitenizin yerel bir sürümünü kurma
    3. Yayımlama sunucusuna bağlanma
    4. Test sunucusu kurma
    5. Dreamweaver site ayarlarını içe ve dışa aktarma
    6. Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
    7. Dreamweaver'daki erişilebilirlik özellikleri
    8. Gelişmiş ayarlar
    9. Dosya aktarmak için site tercihlerini ayarlama
    10. Dreamweaver'da proxy sunucu ayarlarını belirtme
    11. Dreamweaver ayarlarını Creative Cloud ile senkronize etme
    12. Dreamweaver'da Git'i kullanma
  6. Dosyaları yönetme
    1. Dosyaları oluşturma ve açma
    2. Dosyaları ve klasörleri yönetme
    3. Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
    4. Dosyaları teslim etme ve teslim alma
    5. Dosyaları senkronize etme
    6. Dosyaları farklılıklar açısından karşılaştırma
    7. Dreamweaver sitenizde dosya ve klasör perdeleme
    8. Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
    9. Olası Gatekeeper zaafını önleme
  7. Mizanpaj ve tasarım
    1. Mizanpaj için görsel yardımcılar kullanma
    2. Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
    3. Bootstrap kullanarak dinamik web siteleri tasarlama
    4. Dreamweaver'da ortam sorguları oluşturma ve kullanma
    5. Tablolara sahip içerik sunma
    6. Renkler
    7. Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
    8. Dreamweaver'da Extract
  8. CSS
    1. Basamaklı Stil Sayfaları'nı anlama
    2. CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
    3. Dreamweaver'da CSS ön işlemcilerini kullanma
    4. Dreamweaver'da CSS Stili tercihlerini ayarlama
    5. Dreamweaver'da CSS kurallarını taşıma
    6. Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
    7. Div etiketleriyle çalışma
    8. Arka plana degradeler uygulama
    9. Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
    10. Kodu formatlama
  9. Sayfa içeriği ve varlıklar
    1. Sayfa özelliklerini ayarlama
    2. CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
    3. Metinle çalışma
    4. Metni, etiketleri ve nitelikleri bulma ve değiştirme
    5. DOM paneli
    6. Canlı Görünüm'de düzenleme
    7. Dreamweaver'da belgeleri kodlama
    8. Belge penceresinde öğe seçme ve görüntüleme
    9. Özellik denetiminde metin özelliklerini belirleme
    10. Web sayfası üzerinde yazım denetimi gerçekleştirme
    11. Dreamweaver'da yatay cetveller kullanma
    12. Dreamweaver'da font birleşimlerini ekleme ve değiştirme
    13. Varlıklarla çalışma
    14. Dreamweaver'da tarih ekleme ve güncelleştirme
    15. Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
    16. Dreamweaver'da görüntü ekleme ve düzenleme
    17. Medya nesneleri ekleme
    18. Dreamweaver'da video ekleme
    19. HTML5 video ekleme
    20. SWF dosyaları ekleme
    21. Ses efektleri ekleme
    22. Dreamweaver'da HTML5 ses ekleme
    23. Kitaplık öğeleriyle çalışma
    24. Dreamweaver'da Arapça ve İbranice metin kullanma
  10. Bağlama ve gezinme
    1. Bağlama ve gezinme hakkında
    2. Bağ oluşturma
    3. Görüntü eşlemeleri
    4. Bağlantı sorunlarını giderme
  11. jQuery bileşenleri ve efektleri
    1. Dreamweaver'da jQuery UI ve Mobile bileşenlerini kullanma
    2. Dreamweaver'da jQuery efektlerini kullanma
  12. Web sitelerini kodlama
    1. Dreamweaver'da kod yazma hakkında
    2. Dreamweaver'da kodlama ortamı
    3. Kodlama tercihlerini ayarlama
    4. Kod rengini özelleştirme
    5. Kod yazma ve düzenleme
    6. Kod ipuçları verme ve kod tamamlama
    7. Kodu daraltma ve genişletme
    8. Parçacıklar ile kodu tekrar kullanma
    9. Lint kodu
    10. Kodu en iyileştirme
    11. Tasarım görünümünde kod düzenleme
    12. Sayfaların başlık içeriğiyle çalışma
    13. Dreamweaver'da sunucu tarafı içerikleri ekleme
    14. Dreamweaver'da etiket kitaplıkları kullanma
    15. Dreamweaver'a özel etiketleri içe aktarma
    16. JavaScript davranışlarını kullanma (genel talimatlar)
    17. Yerleşik JavaScript davranışları uygulama
    18. XML ve XSLT hakkında
    19. Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
    20. Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
    21. Dreamweaver'da XSLT için karakter varlıkları ekleme
    22. Kodu formatlama
  13. Ürünler arası iş akışları
    1. Dreamweaver uzantılarını yükleme ve kullanma
    2. Dreamweaver uygulama içi güncelleştirmeleri
    3. Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
    4. Fireworks ve Dreamweaver ile çalışma
    5. Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
    6. Dreamweaver-Business Catalyst entegrasyonu
    7. Kişiselleştirilmiş e-posta kampanyaları oluşturma
  14. Şablonlar
    1. Dreamweaver şablonları hakkında
    2. Şablonları ve şablon tabanlı belgeleri tanıma
    3. Dreamweaver şablonu oluşturma
    4. Şablonlarda düzenlenebilir bölgeler oluşturma
    5. Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
    6. Şablonlarda isteğe bağlı bölgeler kullanma
    7. Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
    8. Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
    9. Şablonları düzenleme, güncelleştirme ve silme
    10. Dreamweaver'da xml içeriğini dışa ve içe aktarma
    11. Mevcut bir belgenin şablonunu uygulama veya kaldırma
    12. Dreamweaver şablonlarındaki içerikleri düzenleme
    13. Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
    14. Şablon bölgeleri için vurgulama tercihlerini belirleme
    15. Dreamweaver'da şablon kullanmanın avantajları
  15. Mobil ve çoklu ekran
    1. Ortam sorguları oluşturma
    2. Mobil cihazlar için sayfa yönlendirmesini değiştirme
    3. Dreamweaver kullanarak mobil cihazlar için web uygulamaları oluşturma
  16. Dinamik siteler, sayfalar ve web formları
    1. Web uygulamalarını anlama
    2. Bilgisayarınızı uygulama geliştirme için ayarlama
    3. Veritabanı bağlantılarında sorun giderme
    4. Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
    5. Dinamik sayfalar tasarlama
    6. Dinamik içerik kaynaklarına genel bakış
    7. Dinamik içerik kaynaklarını tanımlama
    8. Sayfalara dinamik içerik ekleme
    9. Dreamweaver'da dinamik içeriği değiştirme
    10. Veritabanı kayıtlarını görüntüleme
    11. Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
    12. Dreamweaver'da özel sunucu davranışı ekleme
    13. Dreamweaver ile form oluşturma
    14. Kullanıcılardan bilgi toplamak için formları kullanma
    15. Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
    16. Web formları oluşturma
    17. Form öğeleri için geliştirilmiş HTML5 desteği
    18. Dreamweaver uygulamasını kullanarak bir form geliştirme
  17. Uygulamaları görsel olarak oluşturma
    1. Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
    2. Arama ve sonuç sayfaları oluşturma
    3. Kayıt ekleme sayfası oluşturma
    4. Dreamweaver'da güncelleme kaydı sayfası oluşturma
    5. Dreamweaver'da kayıt silme sayfaları oluşturma
    6. Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
    7. Kayıt sayfası oluşturma
    8. Oturum açma sayfası oluşturma
    9. Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
    10. Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
    11. Dreamweaver'da ColdFusion bileşenleri kullanma
  18. Web sitelerini test etme, önizleme ve yayımlama
    1. Sayfaları önizleme
    2. Dreamweaver web sayfalarını birden fazla cihazda önizleme
    3. Dreamweaver sitenizi test etme

 

Dreamweaver ile görme, işitme, hareket ve başka engelleri bulunan kişiler tarafından kullanılabilecek web sayfaları ve web ürünleri oluşturabilirsiniz.

Not:

Dreamweaver CC ve sonraki sürümlerinde kullanıcı arabirimi basitleştirilmiştir. Sonuç olarak, bu makalede açıklanan seçeneklerden bazılarını Dreamweaver CC ve sonraki sürümlerinde bulamayabilirsiniz. Daha fazla bilgi için bu makaleye bakın.

Erişilebilir içerik hakkında

Erişilebilirlik; görsel, işitsel, motor etkinlik engellerine veya başka engellere sahip kişiler tarafından kullanılabilen web siteleri ve web ürünleri hakkındadır. Yazılım ürünleri ve web sitelerine yönelik erişilebilirlik özelliklerine örnekler arasında ekran okuyucusu desteği, grafikler için metin karşılıkları, klavye kısayolları, ekran renklerinin yüksek kontrasta çevrilebilmesi vb. sayılabilir. Dreamweaver, erişilebilir içerik yazmanıza yardımcı olan araçlarla birlikte onu kullanılmak üzere erişilebilir hale getiren araçlar sağlar.

Uygulama, erişilebilirlik özelliklerini kullanmaya ihtiyaç duyan Dreamweaver geliştiricilerine ekran okuyucusu desteği, klavye gezinmesi ve işletim sistemi erişilebilirlik desteği sunmaktadır.

Dreamweaver, erişilebilir içerik oluşturma ihtiyacı duyan web tasarımcılarına, ekran okuyucuları için yararlı içerik bulunduran ve federal hükümet kurallarına uyan erişilebilir sayfalar oluşturmaları konusunda yardımcı olur. Örneğin iletişim kutuları tarafından, sayfa öğeleri eklediğinizde erişilebilirlik niteliklerini (örneğin bir görüntünün metin karşılığını) girmeniz istenir. Daha sonra bu görüntü görsel engele sahip bir kullanıcıya yönelik bir sayfada belirdiğinde, ekran okuyucusu açıklamayı okur.

Not:

İki önemli erişilebilirlik teşebbüsü hakkında daha fazla bilgi için, bkz. World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) ve U.S. Federal Rehabilitation Act, Bölüm 508 (www.section508.gov).

Not:

Japonya Endüstri Standardı erişilebilirlik kuralları hakkında daha fazla bilgi için, bkz. JIS X 8341-3 (www.jisc.go.jp).

Geliştirme sürecini hiçbir içerik yaratma programı otomatikleştiremez. Erişilebilir web siteleri geliştirme, erişilebilirliğin gereklerini anlamayı ve engelli kullanıcıların web siteleri ile nasıl etkileşeceği hakkında devamlı kararlar vermeyi gerektirir. Bir web sitesinin erişilebilir olmasını sağlamanın en iyi yolu önceden planlama, geliştirme, test ve değerlendirmedir.

Dreamweaver ile ekran okuyucu kullanma

Ekran okuyucu, bilgisayar ekranında beliren metni sesli olarak okur. Ayrıca içeriğin hazırlanması sırasında erişilebilirlik etiketlerinde veya niteliklerde sağlanan metin olmayan bilgileri, örneğin uygulamadaki düğme etiketlerini veya görüntü açıklamalarını da okur.

Dreamweaver tasarımcısı olarak, web sayfalarınızı oluşturmanıza yardımcı olması için bir ekran okuyucusu kullanabilirsiniz. Ekran okuyucu okumaya Belge penceresinin sol üst köşesinden başlar.

Dreamweaver, Freedom Scientific tarafından geliştirilen JAWS for Windows (www.freedomscientific.com) ve GW Micro tarafından geliştirilen Window-Eyes ekran okuyucularını (www.gwmicro.com) destekler.

İşletim sistemi erişilebilirlik özellikleri için destek

Dreamweaver, Windows ve Macintosh işletim sistemlerinin her ikisindeki erişilebilirlik özelliklerini destekler. Örneğin Macintosh'ta görsel tercihleri Universal Access Tercihleri iletişim kutusunda (Apple > System Preferences) belirlersiniz. Ayarlarınız, Dreamweaver çalışma alanına yansıtılır.

Windows işletim sisteminin yüksek karşıtlık ayarı da ayrıca desteklenir. Windows Denetim Masası'ndan etkinleştirebileceğiniz bu seçenek, Dreamweaver'ı aşağıdaki şekilde etkiler:

  • İletişim kutuları ve paneller sistem renk ayarlarını kullanır. Örneğin, rengi Siyah üzerine Beyaz yaparsanız, tüm Dreamweaver iletişim kutuları ve paneller beyaz ön plan ve siyah arka plan rengi ile görünür.

  • Kod görünümü sistem ve pencere metin rengini kullanır. Örneğin, sistem rengini Siyah üzerine Beyaz olarak ayarlayıp ardından metin renklerini Düzen > Tercihler > Kod Rengi içinde değiştirirseniz, Dreamweaver bu renk ayarlarını yok sayarak kod metnini beyaz ön plan ve siyah arka plan rengi ile görüntüler.

  • Tasarım görünümü, Değiştir > Sayfa Özellikleri'nde belirlediğiniz arka plan ve metin renklerini kullanır; böylece tasarladığınız sayfalar, renkleri bir tarayıcının oluşturacağı şekilde oluşturur.

Çalışma alanını erişilebilir sayfa tasarımı için en iyileştirme

Erişilebilir sayfalar oluştururken içeriğinizi tüm kullanıcılar tarafından erişilebilir hale getirmek için sayfanızdaki nesneler ile etiket veya açıklama gibi bilgileri ilişkilendirmelisiniz.

Bunu yapmak amacıyla her nesne için Erişilebilirlik iletişim kutusunu etkinleştirin, böylelikle Dreamweaver, nesneleri eklediğinizde sizden erişilebilirlik bilgilerini ister. Tercihler'de bulunan Erişilebilirlik kategorisindeki her nesne için bir iletişim kutusu etkinleştirebilirsiniz.

  1. Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
  2. Soldaki kategori listesinden Erişilebilirlik öğesini belirleyin, bir nesne seçin, aşağıdaki ayarlardan istediklerinizi belirleyin ve Tamam'ı tıklatın.

    Eklerken Nitelikleri Göster

    Erişilebilirlik iletişim kutularını etkinleştirmek istediğiniz nesneleri seçin. Örneğin, form nesneleri, çerçeveler, medya ve görüntüler.

    Odağı Panelde Tut

    Odağı panelde tutarak ekran okuyucuyu için erişilebilir yapar. (Bu seçeneği belirlemezseniz, kullanıcı bir panel açtığında odak Tasarım veya Kod görünümünde kalır.)

    Ekran Dışı Görüntü Oluşturma

    Ekran okuyucu kullanırken bu seçeneği seçin.

    Not:

    Bir tablo eklediğinizde Tablo Ekle iletişim kutusunda erişilebilirlik özellikleri belirir.

Dreamweaver'da klavye kullanarak gezinme

Gezinme panellerinde, denetçilerinde, iletişim kutularında, çerçevelerinde ve tablolarında fare kullanmadan gezinmek için klavye kullanabilirsiniz.

Not:

Sekme ve ok tuşlarınının kullanımı yalnızca Windows'ta desteklenir.

  1. Belge penceresinde odağı bir panele geçirmek için Control+F6 tuş bileşimine basın.

    Panel bağlığında noktalı çizgi, odağın o panelde olduğunu gösterir. Ekran okuyucu, odağın üzerinde olduğu panel başlık çubuğunu okur.

  2. Odağı, üzerinde çalışmak istediğiniz panele geçirinceye kadar Control+F6 tuş bileşimine tekrar basın. (Odağı önceki panele geçirmek için Control+Shift+F6 tuş bileşimine basın.)
  3. Üzerinde çalışmak istediğiniz panel açık değilse, söz konusu paneli ekrana getirmek için Windows menüsündeki klavye kısayollarını kullanın, sonra Control+F6 tuş bileşimine basın.

    Üzerinde çalışmak istediğiniz panel açıksa ancak genişletilmemişse, odağı panel başlık çubuğuna koyun ve ardından Boşluk tuşuna basın. Paneli daraltmak için Boşluk tuşuna tekrar basın.

  4. Paneldeki seçenekler arasında gezinmek için Sekme tuşuna basın.
  5. Gerektiği gibi ok tuşlarına basın:
    • Bir seçeneğin şıkları varsa, şıklar arasında gezinmek için ok tuşlarını kullanın ve ardından seçim yapmak için Boşluk tuşunu kullanın.

    • Panel grubunda başka panelleri açmak için sekmeler varsa, odağı açık sekmeye getirin ve başka bir sekmeyi açmak için sağ ve sol ok tuşlarını kullanın. Yeni bir sekme açtıktan sonra o paneldeki seçenekler arasında gezinmek için Sekme tuşuna basın.

  1. Görünmüyorsa Özellik denetçisini görüntülemek için Ctrl+F3 tuş bileşimine basın.
  2. Odağı Özellik denetçisine getirene kadar Control+F6 tuş bileşimine (yalnızca Windows) basın.
  3. Özellik denetçisi seçenekleri arasında gezinmek için Sekme tuşuna basın.
  4. Seçenek şıkları arasında gezinmek için ok tuşlarını gerektiği gibi kullanın.
  5. Özellik denetçisinin genişletilmiş bölümünü açıp kapatmak için gerektiği şekilde Control+Aşağı ok/Yukarı ok tuşuna (Windows) veya Command Aşağı ok/Yukarı ok tuşuna (Macintosh) basın veya sağ alt köşedeki genişletici okuna odaklanarak, Boşluk çubuğuna basın.
    Not:

    Genişletme ve daraltma işlevinin çalışması için klavye odağı, Özellik denetçisinin içinde (panel başlığının üzerinde değil) olmalıdır.

  1. İletişim kutusu seçenekleri arasında gezinmek için Sekme tuşuna basın.
  2. Bir seçeneğin şıkları arasında hareket etmek için ok tuşlarını kullanın.
  3. İletişim kutusunda bir Kategori listesi varsa, odağı kategori listesine kaydırmak için Ctrl+Sekme (Windows) tuşlarına basın ve ardından listede aşağı yukarı hareket etmek için ok tuşlarını kullanın.
  4. Bir kategorinin şıklarına geçmek için Ctrl+Sekme tuşlarına tekrar basın.
  5. İletişim kutusundan çıkmak için Enter tuşuna basın.
  1. Belgenizde çerçeveler varsa, odağı bir çerçeveye kaydırmak için ok tuşlarını kullanabilirsiniz.

Çerçeve seçme

  1. Ekleme noktasını Belge penceresine yerleştirmek için Alt+Aşağı Ok tuşlarına basın.
  2. Odağın hala üzerinde olduğu çerçeveyi seçmek için Alt+Yukarı Ok tuşlarına basın.
  3. Odağı çerçeve kümesine, sonra da yuvalanmış çerçeveler varsa üstteki çerçeve kümesine kaydırmak için Alt+Yukarı Ok tuşlarına basmaya devam edin.
  4. Odağı bir alt çerçeve kümesine veya çerçeve kümesindeki tek bir çerçeveye kaydırmak için Alt+Aşağı Ok tuşlarına basın.
  5. Odak tek bir çerçevedeyken çerçeveler arasında hareket etmek için Alt+Sol veya Sağ Ok tuşlarına basın.
  1. Bir tabloda başka hücrelere geçmek için gerektiği şekilde ok tuşlarını kullanın veya Sekme tuşuna basın.
    Not:

    En sağdaki hücrede Sekme tuşuna basıldığında tabloya başka bir hücre eklenir.

  2. Hücre seçmek için, ekleme noktası hücredeyken Ctrl+A (Windows) tuş bileşimine basın.
  3. Tüm tabloyu seçmek için, ekleme noktası bir hücredeyse Ctrl+A tuşlarına iki kez, hücre seçiliyse bir kez basın.
  4. Tablodan çıkmak için Ctrl+A tuşlarına, ekleme noktası bir hücredeyse üç kez, hücre seçiliyse iki kez, tablo seçiliyse bir kez basın, sonra Yukarı, Sol veya Sağ ok tuşuna basın.
Adobe logosu

Hesabınıza giriş yapın