İmlecinizin, sayfada bileşeni eklemek istediğiniz konumda olduğundan emin olun.
jQuery UI ve Mobile bileşenleri ile Dreamweaver web projelerinize uygulama benzeri işlevler eklemeyi öğrenin. Kod yazmadan akordeonlar, sekmeler, sürgüler ve otomatik tamamlama kutuları ekleyin.
Bileşenler, bir web sayfasına eklenebilen ve web sayfasında yürütülebilen DHTML ve JavaScript gibi dillerde yazılmış küçük web uygulamalarıdır. Web bileşenleri, bir web sayfasında masaüstü deneyimlerini çoğaltmanın bir yolunun sağlanmasına yardımcı olur.
Akordeon, sekmeler, tarih seçici, sürgü ve otomatik tamamlama gibi jQuery UI bileşenleri, masaüstü deneyimini web'e taşır.
Örneğin, masaüstü uygulamalarında iletişim kutularının sekme özelliğini çoğaltmak için Sekmeler bileşeni kullanılabilir.
Dreamweaver ayrıca mobil web uygulamalarında yaygın olarak kullanılan form öğeleri ve diğer özellikleri oluşturmak için kullanabileceğiniz bir jQuery Mobile bileşenleri koleksiyonu da içerir. Örneğin, mobil ortamlarda kullanılabilen metin alanları ve onay kutuları gibi form öğeleri eklemek için jQuery Mobile bileşenlerini kullanabilirsiniz.
Bir jQuery bileşeni eklediğinizde, otomatik olarak koda şunlar eklenir:
jQuery bileşenleri hakkında daha fazla bilgi için bkz. http://jqueryui.com/demos/
jQuery efektleri için, bir efekt eklediğinizde jquery-1.8.24.min.js otomatik olarak dahil edildiğinden, bu dosyaya dış referans eklenmez.
İmlecinizin, sayfada bileşeni eklemek istediğiniz konumda olduğundan emin olun.
Ekle > jQuery UI seçeneklerini belirleyin ve eklemek istediğiniz bileşeni seçin.
Ekle panelini kullanırsanız, Ekle panelinin jQuery UI bölümünde bileşenler bulunur.
Bir jQuery bileşenini seçtiğinizde bunun özellikleri Özellikler panelinde görüntülenir.
jQuery bileşenlerini Canlı görünümünde veya jQuery bileşenlerini destekleyen tarayıcıda önizleyebilirsiniz.
Üzerinde değişiklik yapmak istediğiniz bileşeni seçin.
Özellikler panelinde özellikleri değiştirin.
Örneğin, Sekmeler bileşenine fazladan bir sekme eklemek için bileşeni seçin ve Özellikler panelinde "+" öğesini tıklatın.
jQuery Mobile bileşenlerini kullanabilmeniz için öncelikle Ekle > jQuery Mobile > Sayfa öğesini seçerek bir jQuery Mobile sayfası tanımlamanız gerekir.
jQuery Mobile Dosyaları iletişim kutusu açılır.
jQuery Mobile dosyaları iletişim kutusunun varsayılan ayarlarını değiştirin veya varsayılan yollar olarak bırakın ve Tamam'ı tıklatın.
Sayfa iletişim kutusu açılır. Kimlik alanına bir ad yazın ve mobil sayfanızda üstbilgi ve altbilgi isteyip istemediğinize göre Üstbilgi ve Altbilgi'nin yanlarındaki onay kutularını seçin veya seçimlerini kaldırın.
Dreamweaver'da açılan sayfada Üstbilgi, İçerik ve Altbilgi metinlerini mobil sayfanızda olmasını istediğiniz metin, görüntüler ve diğer öğeler ile değiştirin.
Küçük mobil ekranlarda görüntüleneceğinden metni kısa ve görüntüleri küçük tutun.
Diğer jQuery Mobile bileşenlerini gerektiği şekilde ekleyin.
Sayfayı bir cihazda önizleyin.
Daha fazla bilgi için bkz. Dreamweaver web sayfalarını birden fazla cihazda önizleme.
jQuery Mobile sayfasını ve tüm ilgili dosyaları kaydedin.
Hesabınıza giriş yapın