Belge penceresinde, Tasarım görünümüne geçin ve kitaplık öğesi olarak kaydetmek üzere belgenin bir bölümünü seçin.
- Dreamweaver Kullanıcı Kılavuzu
- Giriş
- Dreamweaver ve Creative Cloud
- Dreamweaver çalışma alanları ve görünümleri
- Site kurma
- Dreamweaver siteleri hakkında
- Sitenizin yerel bir sürümünü kurma
- Yayımlama sunucusuna bağlanma
- Test sunucusu kurma
- Dreamweaver site ayarlarını içe ve dışa aktarma
- Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
- Dreamweaver'daki erişilebilirlik özellikleri
- Gelişmiş ayarlar
- Dosya aktarmak için site tercihlerini ayarlama
- Dreamweaver'da proxy sunucu ayarlarını belirtme
- Dreamweaver ayarlarını Creative Cloud ile senkronize etme
- Dreamweaver'da Git'i kullanma
- Dosyaları yönetme
- Dosyaları oluşturma ve açma
- Dosyaları ve klasörleri yönetme
- Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
- Dosyaları teslim etme ve teslim alma
- Dosyaları senkronize etme
- Dosyaları farklılıklar açısından karşılaştırma
- Dreamweaver sitenizde dosya ve klasör perdeleme
- Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
- Olası Gatekeeper zaafını önleme
- Mizanpaj ve tasarım
- Mizanpaj için görsel yardımcılar kullanma
- Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
- Bootstrap kullanarak dinamik web siteleri tasarlama
- Dreamweaver'da ortam sorguları oluşturma ve kullanma
- Tablolara sahip içerik sunma
- Renkler
- Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
- Dreamweaver'da Extract
- CSS
- Basamaklı Stil Sayfaları'nı anlama
- CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
- Dreamweaver'da CSS ön işlemcilerini kullanma
- Dreamweaver'da CSS Stili tercihlerini ayarlama
- Dreamweaver'da CSS kurallarını taşıma
- Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
- Div etiketleriyle çalışma
- Arka plana degradeler uygulama
- Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
- Kodu formatlama
- Sayfa içeriği ve varlıklar
- Sayfa özelliklerini ayarlama
- CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
- Metinle çalışma
- Metni, etiketleri ve nitelikleri bulma ve değiştirme
- DOM paneli
- Canlı Görünüm'de düzenleme
- Dreamweaver'da belgeleri kodlama
- Belge penceresinde öğe seçme ve görüntüleme
- Özellik denetiminde metin özelliklerini belirleme
- Web sayfası üzerinde yazım denetimi gerçekleştirme
- Dreamweaver'da yatay cetveller kullanma
- Dreamweaver'da font birleşimlerini ekleme ve değiştirme
- Varlıklarla çalışma
- Dreamweaver'da tarih ekleme ve güncelleştirme
- Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
- Dreamweaver'da görüntü ekleme ve düzenleme
- Medya nesneleri ekleme
- Dreamweaver'da video ekleme
- HTML5 video ekleme
- SWF dosyaları ekleme
- Ses efektleri ekleme
- Dreamweaver'da HTML5 ses ekleme
- Kitaplık öğeleriyle çalışma
- Dreamweaver'da Arapça ve İbranice metin kullanma
- Bağlama ve gezinme
- jQuery bileşenleri ve efektleri
- Web sitelerini kodlama
- Dreamweaver'da kod yazma hakkında
- Dreamweaver'da kodlama ortamı
- Kodlama tercihlerini ayarlama
- Kod rengini özelleştirme
- Kod yazma ve düzenleme
- Kod ipuçları verme ve kod tamamlama
- Kodu daraltma ve genişletme
- Parçacıklar ile kodu tekrar kullanma
- Lint kodu
- Kodu en iyileştirme
- Tasarım görünümünde kod düzenleme
- Sayfaların başlık içeriğiyle çalışma
- Dreamweaver'da sunucu tarafı içerikleri ekleme
- Dreamweaver'da etiket kitaplıkları kullanma
- Dreamweaver'a özel etiketleri içe aktarma
- JavaScript davranışlarını kullanma (genel talimatlar)
- Yerleşik JavaScript davranışları uygulama
- XML ve XSLT hakkında
- Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver'da XSLT için karakter varlıkları ekleme
- Kodu formatlama
- Ürünler arası iş akışları
- Dreamweaver uzantılarını yükleme ve kullanma
- Dreamweaver uygulama içi güncelleştirmeleri
- Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
- Fireworks ve Dreamweaver ile çalışma
- Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
- Dreamweaver-Business Catalyst entegrasyonu
- Kişiselleştirilmiş e-posta kampanyaları oluşturma
- Şablonlar
- Dreamweaver şablonları hakkında
- Şablonları ve şablon tabanlı belgeleri tanıma
- Dreamweaver şablonu oluşturma
- Şablonlarda düzenlenebilir bölgeler oluşturma
- Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
- Şablonlarda isteğe bağlı bölgeler kullanma
- Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
- Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
- Şablonları düzenleme, güncelleştirme ve silme
- Dreamweaver'da xml içeriğini dışa ve içe aktarma
- Mevcut bir belgenin şablonunu uygulama veya kaldırma
- Dreamweaver şablonlarındaki içerikleri düzenleme
- Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
- Şablon bölgeleri için vurgulama tercihlerini belirleme
- Dreamweaver'da şablon kullanmanın avantajları
- Mobil ve çoklu ekran
- Dinamik siteler, sayfalar ve web formları
- Web uygulamalarını anlama
- Bilgisayarınızı uygulama geliştirme için ayarlama
- Veritabanı bağlantılarında sorun giderme
- Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
- Dinamik sayfalar tasarlama
- Dinamik içerik kaynaklarına genel bakış
- Dinamik içerik kaynaklarını tanımlama
- Sayfalara dinamik içerik ekleme
- Dreamweaver'da dinamik içeriği değiştirme
- Veritabanı kayıtlarını görüntüleme
- Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
- Dreamweaver'da özel sunucu davranışı ekleme
- Dreamweaver ile form oluşturma
- Kullanıcılardan bilgi toplamak için formları kullanma
- Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
- Web formları oluşturma
- Form öğeleri için geliştirilmiş HTML5 desteği
- Dreamweaver uygulamasını kullanarak bir form geliştirme
- Uygulamaları görsel olarak oluşturma
- Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
- Arama ve sonuç sayfaları oluşturma
- Kayıt ekleme sayfası oluşturma
- Dreamweaver'da güncelleme kaydı sayfası oluşturma
- Dreamweaver'da kayıt silme sayfaları oluşturma
- Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
- Kayıt sayfası oluşturma
- Oturum açma sayfası oluşturma
- Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
- Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
- Dreamweaver'da ColdFusion bileşenleri kullanma
- Web sitelerini test etme, önizleme ve yayımlama
- Sorun giderme
Dreamweaver'da kitaplık öğeleri oluşturmayı ve belgelere kitaplık öğeleri ekleyip bunları düzenlemeyi öğrenin.
Bir kitaplık, içinde web sayfalarınıza yerleştirebileceğiniz varlıklardan veya varlık kopyalarından oluşan bir koleksiyon bulunan özel bir Dreamweaver dosyasıdır. Bir kitaplıktaki varlıklara kitaplık öğeleri denir. Kitaplıklarda saklayabileceğiniz öğeler arasında görüntüler, tablolar, sesler ve Adobe Flash ile oluşturulmuş dosyalar bulunur. Bir kitaplık öğesini değiştirdiğinizde, o kitaplık öğesini içeren tüm sayfaları otomatik olarak güncelleştirebilirsiniz.
Örneğin bir sloganının sitesindeki her sayfada olmasını isteyen bir şirket için büyük bir site yapmakta olduğunuzu varsayın. Sloganı içerek bir kitaplık öğesi oluşturabilir ve bu kitaplık öğesini her sayfada kullanabilirsiniz. Slogan değişirse kitaplık öğesini değiştirebilir ve onu kullanan her sayfayı otomatik olarak güncelleştirebilirsiniz.
Dreamweaver, kitaplık öğelerini her sitenin yerel kök klasörünün içindeki Library adlı bir klasörde saklar. Her sitenin kendi kitaplığı vardır.
Bir belgenin body kısmındaki metin, tablo, form, Java apleti, eklentiler, ActiveX öğeleri, gezinme çubukları ve görüntüler gibi her tür öğeden bir kitaplık öğesi oluşturabilirsiniz.
Görüntü gibi bağlı öğeler için kitaplık yalnızca öğeye giden bir referans saklar. Kitaplık öğesinin doğru çalışabilmesi için orijinal dosyanın belirtilen yerde kalması gerekir.
Yine de bir görüntüyü bir kitaplık öğesinde saklamak yararlı olabilir. Örneğin bir kitaplık öğesinde eksiksiz bir img etiketini saklayabilirsiniz; bu size görüntünün alt metnini, hatta src niteliğini site genelinde değiştirme imkanı sağlar. (Yalnız bu tekniği, bir görüntünün gerçek boyutlarını değiştirmek için bir görüntü düzenleyici kullanmadıkça o görüntünün width ve height niteliklerini değiştirmek için kullanmayın.)
Kitaplık öğesinde bağlar bulunuyorsa, bağlar yeni sitede çalışmayabilir. Bir kitaplık öğesindeki görüntüler yeni siteye kopyalanmaz.
Bir kitaplık öğesi kullandığınızda Dreamweaver, web sayfasına öğenin kendisi yerine ona giden bir bağ ekler. Yani Dreamweaver belgeye o öğenin HTML kaynak kodunu kopyalar ve orijinal, harici öğeye giden bir referans içeren bir HTML yorumu ekler. Otomatik güncelleştirmeyi mümkün kılan bu harici referanstır.
Kendisine iliştirilmiş Dreamweaver davranışlı bir öğe içeren bir kitaplık öğesi oluşturduğunuzda, Dreamweaver öğeyi ve olay işleyicisini (onClick, onLoad veya onMouseOver gibi olaylardan hangisinin belirli bir eylemi tetiklediğini ve söz konusu olay gerçekleştiğinde hangi işlemin yapılacağını belirten nitelik) kitaplık öğesi dosyasına kopyalar. Dreamweaver ilgili JavaScript işlevlerini kitaplık öğesine kopyalamaz. Bunun yerine size, kitaplık öğesini bir belgeye eklediğinizde, Dreamweaver otomatik olarak uygun JavaScript işlevlerini o belgenin head bölümüne (daha önceden eklenmemişse) ekler.
JavaScript kodunu elinizle kodlarsanız (yani onu Dreamweaver davranışları kullanmadan oluşturursanız), kodu çalıştırmak için JavaScript'i Çağır davranışını kullanmanız halinde onu bir kitaplık öğesinin parçası haline getirebilirsiniz. Kodu çalıştırmak için bir Dreamweaver davranışı kullanmazsanız, kod kitaplık öğesinin bir parçası olarak tutulmaz.
Kitaplık öğelerindeki davranışları düzenlemenin özel bazı koşulları vardır. Kitaplık öğelerinde stil sayfaları olamaz çünkü bu öğelerin kodu head bölümünün bir parçasıdır.
Seçimi temel alarak kitaplık öğesi oluşturma
-
-
Araçlar > Kitaplık > Kitaplığa Nesne Ekle'yi seçin.
-
Yeni kitaplık öğesine bir ad yazın, sonra Enter (Windows) veya Return (Macintosh) tuşuna basın.
Dreamweaver, her kitaplık öğesini ayrı bir dosya olarak (.lbi dosya uzantısı ile), sitenin yerel kök klasöründeki Library klasörüne kaydeder.
Boş bir kitaplık öğesi oluşturma
-
Belge penceresinde hiçbir şeyin seçili olmadığından emin olun.
Herhangi bir şey seçili ise, yeni kitaplık öğesi üzerine yazılır.
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Panelin en altındaki Yeni Kitaplık Öğesi düğmesini tıklatın.
-
Öğe seçili haldeyken ona bir ad girin, sonra Enter (Windows) veya Return (Macintosh) tuşuna basın.
Kitaplık öğesini belgeye ekleme
Sayfaya bir kitaplık öğesi eklediğinizde, içeriğin kendisi belgeye, kitaplık öğesine giden bir referans ile birlikte eklenir.
-
Ekleme noktasını Belge penceresine yerleştirin.
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Aşağıdakilerden birini yapın:
- Varlıklar panelinden bir kitaplık öğesini Belge penceresine sürükleyin.
Not:Belgeye öğeye giden bir referans eklemeden bir kitaplık öğesinin içeriğini eklemek için, öğeyi Varlıklar panelinden sürüklerken Control (Windows) veya Option (Macintosh) tuşuna basın. Bir öğeyi bu şekilde eklerseniz, öğeyi belgede düzenleyebilirsiniz ancak belge, siz o kitaplık öğesini kullanan sayfaları güncelleştirdiğinizde güncelleştirilmez.
Bir kitaplık öğesi seçin ve Ekle'yi tıklatın.
Kitaplık öğesi düzenleme ve belge güncelleştirme
Bir kitaplık öğesini düzenlediğinizde, o öğeyi kullanan tüm belgeleri güncelleştirirsiniz. Güncelleştirmemeyi seçerseniz, belgeler kitaplık öğesi ile ilişkili kalır; bunları daha sonra güncelleştirebilirsiniz.
Öğelerin belgeler veya şablonlar ile bağlantısını koparmak için adlarını değiştirebilir, sitenin kitaplığından öğeler silebilir ve eksik bir kitaplık öğesini yeniden oluşturabilirsiniz.
Kitaplık öğesi düzenleme
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Bir kitaplık öğesi seçin.
-
Düzenle düğmesini tıklatın veya kitaplık öğesini çift tıklatın.
Dreamweaver, kitaplık öğesini düzenlemek için Belge penceresine benzer yeni bir pencere açar. Gri arka plan bir belge yerine bir kitaplık öğesi düzenlemekte olduğunuzu gösterir.
-
Değişikliklerinizi yapıp kaydedin.
-
Yerel sitedeki kitaplık öğelerini kullanan belgelerin güncelleştirilip güncelleştirilmeyeceğini belirleyin. Hemen güncelleştirmek için Güncelleştir'i seçin. Güncelleştirme'yi seçerseniz, belgeler siz Araçlar > Kitaplık > Geçerli Sayfayı Güncelleştir'i veya Sayfaları Güncelleştir'i seçinceye kadar güncelleştirilmez.
Geçerli belgeyi tüm kitaplık öğelerinin geçerli sürümünü kullanmak üzere güncelleştirme
-
Araçlar > Kitaplık > Geçerli Sayfayı Güncelleştir'i seçin.
Tüm siteyi veya belirli bir kitaplık öğesini kullanan tüm belgeleri güncelleştirme
-
Araçlar > Kitaplık > Sayfaları Güncelleştir'i seçin.
-
Bakılacak Konum menüsünde neyin güncelleştirileceğini belirtin:
Seçili sitedeki tüm sayfaları tüm kitaplık öğelerinin geçerli sürümünü kullanacak şekilde güncelleştirmek için, Tüm Site'yi seçin, sonra bitişik açılır menüden site adını seçin.
Geçerli sitedeki kitaplık öğesini kullanan tüm sayfaları güncelleştirmek için, Kullanan Dosyalar'ı seçin, sonra bitişik açılır menüden bir kitaplık öğesi seçin.
-
Güncelleştir seçeneğinde Kitaplık Öğeleri'nin seçili olduğundan emin olun.Not:
Şablonları aynı anda güncelleştirmek için, Şablonlar'ı da seçin.
-
Başlat'ı tıklatın.
Dreamweaver, dosyaları gösterildiği şekilde güncelleştirir. Günlüğü Göster seçeneğini belirlediyseniz, Dreamweaver, dosyaların başarıyla güncelleştirilip güncelleştirilmediğini ve beraberinde başka bilgileri gösteren bir rapor üretir.
Kitaplık öğesini yeniden adlandırma
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Kitaplık öğesini seçin, bekleyin, sonra yeniden tıklatın. (Çift tıklatmayın; çift tıklatma, o öğeyi düzenlenmesi için açar.)
-
Yeni bir ad girin.
-
Başka bir yeri tıklatın veya Enter (Windows) veya Return (Macintosh) tuşuna basın.
-
Öğeyi kullanan belgeleri güncelleştirip güncelleştirmeyeceğinizi Güncelleştir veya Güncelleştirme'yi seçerek belirtin.
Kitaplıktan kitaplık öğesi seçme
Bir kitaplık öğesi sildiğinizde, Dreamweaver onu kitaplıktan kaldırır ancak öğeyi kullanan belgelerin içeriğini değiştirmez.
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Kitaplık öğesini seçin.
-
Sil düğmesini tıklatın veya Delete tuşuna basın, sonra öğeyi silmek istediğinizi doğrulayın.Not:
Bir kitaplık öğesini silerseniz, geri getirmek için Geri Al'ı kullanamazsınız. Ancak yeniden oluşturabilirsiniz.
Eksik veya silinmiş kitaplık öğesini yeniden oluşturma
-
Öğenin örneklerinden birini belgelerinizden birinde seçin.
-
Özellik denetçisindeki (Pencere > Özellikler) Yeniden Oluştur düğmesini tıklatın.
Kitaplık öğelerinin vurgulanmasını özelleştirme
Kitaplık öğelerinin vurgu rengini değiştirebilir ve Vurgu tercihlerini ayarlayarak vurgulamayı gösterip gizleyebilirsiniz.
Kitaplık öğelerinin vurgu rengini değiştirme
-
Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
-
Tercihler iletişim kutusunun sol tarafındaki Vurgulama kategorisini seçin.
-
Kitaplık öğeleri renk kutusunu tıklatın, sonra renk seçiciyi kullanarak bir rengi vurgulayın (ya da metin kutusuna onaltılı bir renk değeri girin).
-
Vurgu rengini Belge penceresinde göstermek için Göster'i seçin.
-
Tamam'ı tıklatın.
Vurgulamayı Belge penceresinde gösterme veya gizleme
-
Vurgulamayı göstermek için, Görünüm > Tasarım Görünümü Seçenekleri > Görsel Yardımcılar > Görünmez Öğeler'i seçin. Vurgulamayı gizlemek için Görünmez Öğeler'in seçimini kaldırın.
Kitaplık öğesinin özelliklerini düzenleme
Özellik denetçisini kullanarak bir kitaplık öğesini düzenlemek üzere açabilir, seçili bir kitaplık öğesini kaynak dosyasından ayırabilir veya bir öğenin üzerine seçili kitaplık öğesini yazabilirsiniz.
-
Bir belgedeki bir kitaplık öğesini seçin.
-
Şu seçeneklerden birini Özellik denetçisinde (Pencere > Özellikler) seçin:
Kaynak
Kitaplık öğesinin kaynak dosyasının dosya adını ve konumu gösterir. Bu bilgiyi düzenleyemezsiniz.
Aç
Kitaplık öğesinin kaynak dosyasını düzenlemek için açar. Bu, öğeyi Varlıklar panelinde seçip Düzenle düğmesini tıklamaya denktir.
Orijinalden Ayır
Seçili kitaplık öğesi ile kaynak dosyası arasındaki bağı koparır. Ayrılan öğeyi belgede düzenleyebilirsiniz, ancak artık bir kitaplık öğesi değildir ve orijinali değiştirdiğinizde güncelleştirilmez.
Yeniden Oluştur
Orijinal kitaplık öğesinin üzerine geçerli seçimi yazar. Orijinal kitaplık öğeleri eksik veya yanlışlıkla silinmiş ise, kitaplık öğelerini yeniden oluşturmak için bu seçeneği kullanın.
Kitaplık öğelerini belge içinde düzenlenebilir yapma
Belgenize bir kitaplık öğesi eklediyseniz ve öğeyi özellikle o sayfa için düzenlemek istiyorsanız, belgedeki öğe ile kitaplık arasındaki bağı koparmanız gerekir. Bir kitaplık öğesini bir kez düzenlenebilir yaptıktan sonra o örnek, kitaplık öğesi değiştiğinde güncelleştirilmez.
-
Geçerli belgedeki bir kitaplık öğesini seçin.
-
Özellik denetçisindeki (Pencere > Özellikler) Orijinalden Ayır'ı tıklatın.
Kitaplık öğesindeki davranışı düzenleme
Kitaplık öğesindeki bir davranışı düzenlemek için önce öğeyi belgeye eklemeniz, sonra öğeyi o belgede düzenlenebilir yapmanız gerekir. Değişiklikleri yaptıktan sonra, kitaplık öğesini yeniden oluşturabilir, kitaplıktaki öğeyi belgenizdeki düzenlenmiş öğe ile değiştirebilirsiniz.
-
Kitaplık öğesini içeren bir belgeyi açın.
Kitaplık öğesinin adını ve tam olarak hangi etiketleri içerdiğini not edin. Bu bilgilere daha sonra ihtiyacınız olacaktır.
-
Kitaplık öğesini seçin, sonra Özellik denetçisinde (Pencere > Özellikler) Orijinalden Ayır'ı seçin.
-
Davranışın kendisine iliştirilmiş olduğu öğeyi seçin.
-
Davranışlar panelinde (Pencere > Davranışlar) değiştirmek istediğiniz eylemi çift tıklatın.
-
Açılan iletişim kutusunda değişikliklerinizi yapın, sonra Tamam'ı tıklatın.
-
Varlıklar panelinde Kitaplık kategorisini seçin.
-
Orijinal kitaplık öğesinin tam adını ve büyük/küçük harfle yazılma şeklini kaydedin; öğeyi seçin, sonra Sil düğmesini tıklatın.
-
Belge penceresinde kitaplık öğesini oluşturan tüm öğeleri seçin.
Orijinal kitaplık öğesinde bulunanlar ile aynı öğeleri seçtiğinizden emin olun.
-
Varlıklar panelinde Yeni Kitaplık Öğesi düğmesini seçin, sonra yeni öğeye, aynı imla ve büyük/küçük harf kullanımı ile sildiğiniz öğe ile aynı adı verin.
-
Kitaplık öğesini sitenizin diğer belgelerinde güncelleştirmek için, Araçlar > Kitaplık > Sayfaları Güncelleştir'i seçin.
-
Bakılacak Konum menüsünde Kullanan Dosyalar'ı seçin.
-
Bitişik açılan menüde az önce oluşturduğunuz kitaplık öğesini seçin.
-
Güncelleştir seçeneğinde Kitaplık Öğeleri'nin seçildiğinden emin olun, sonra Başlat'ı tıklatın.
-
Güncelleştirmeler tamamlandığında, Kapat'ı tıklatın.