- 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 sitelerin nasıl çalıştığı hakkında bilgi edinin ve Dreamweaver'da site oluşturmanın iş akışınız için neden önemli olduğunu anlayın.
Dreamweaver uygulamasında “site” terimi, bir web sitesine ait olan belgeler için yerel veya uzak depolama konumunu ifade etmektedir. Dreamweaver sitesi, tüm web belgelerinizi düzenlemeniz ve yönetmeniz, sitenizi web sunucusuna yüklemeniz, bağlarınızı izlemeniz ve korumanız ile dosyaları yönetmeniz ve paylaşmanız için bir yöntem sunar. Dreamweaver uygulamasının özelliklerinden tam olarak yararlanmak için bir site tanımlamanız gerekir.
Adobe Dreamweaver sitesi, web sitenizdeki tüm dosyaların ve varlıkların oluşturduğu gruptur. Web sayfalarını bilgisayarınızda oluşturabilir, web sunucusuna yükleyebilir ve güncelleştirilen dosyaları her kaydedişinizde aktararak siteyi hazır durumda tutabilirsiniz. Ayrıca Dreamweaver kullanılmadan oluşturulmuş web sitelerini de düzenleyebilir ve bulundurabilirsiniz.
Neden bir Dreamweaver sitesi tanımlamalı?
Bir site kurmadan (veya tanımlamadan) Dreamweaver'da çalışabilirsiniz.
Ancak site tanımlamanın birçok avantajı vardır:
- Bir dosyayı taşırsanız veya yeniden adlandırırsanız tüm sitede dosyaları güncelleyerek kopmuş bağları engeller.
- Tüm sitede bul ve değiştir işlemlerini gerçekleştirmenize yardım ederek üretkenliğinizi büyük ölçüde hızlandırır.
- Sitenizi kolayca yayımlamanızın yanı sıra web'de veya kademelendirme sunucusunda yerel sabit sürücünüz ile uzak dosyalar arasında dosya senkronizasyonu yapmanıza yardımcı olur.
Dreamweaver işlevlerinden en iyi şekilde faydalanmak için bir site tanımlayarak işe koyulun. Site tanımlama hakkında daha fazla bilgi için bkz. Sitenizin yerel bir sürümünü kurma.
Dreamweaver sitesi bileşenleri
Dreamweaver'da, bir site web sitenizle ilişkili olup yerel bilgisayarınızda bulunan tüm belgeleri düzenler ve bağları izlemenize ve korumanıza, dosyaları yönetmenize ve site dosyalarınızı bir web sunucusuna aktarmanıza olanak sağlar.
Dreamweaver sitesi, geliştirme ortamınıza ve geliştirdiğiniz web sitesinin türüne göre en çok üç bölümden ya da klasörden oluşur:
- Yerel Klasör: Bu, çalışma dizininizdir ve genellikle sabit sürücünüzdeki bir klasördür. Dreamweaver bu klasörü yerel sitenizin kökü olarak adlandırır. Bu klasör bir ağ sunucusunda da olabilir. Daha fazla bilgi için bkz. Sitenizin yerel bir sürümünü kurma.
- Uzak Klasör: Web sunucunuzu çalıştıran bilgisayarda dosyalarınızı depoladığınız konumdur. Web sunucusu genellikle (ancak her zaman değil) sitenizi web'de herkesin kullanımına açan bilgisayardır.
Sitenizi oluşturmayı veya güncelleştirmeyi bitirdiğinizde, gerekli olduğunda güncelleştirmek üzere yerel bir kopyasını koruyarak sitenizi internetteki uzak bir sunucuya yayımlayabilirsiniz.
Daha fazla bilgi için bkz. Yayımlama sunucusuna bağlanma.
- Test klasörü: Dreamweaver'ın dinamik sayfaları işlediği klasördür. Dinamik formlarınız ve PHP içeriğiniz varsa siteniz için test klasörünü ayarlayabilirsiniz.
Daha fazla bilgi için bkz. Test sunucusunu ayarlama.
Dreamweaver sitesi tanımlamak için yalnızca yerel bir klasör hazırlamanız yeterlidir. Web sunucusuna dosya aktarmak ya da web uygulamaları geliştirmek için ayrıca uzak bir siteye ve test sunucusuna ilişkin bilgileri de eklemeniz gerekir.
Yerel ve uzak klasör yapısını anlama
Dreamweaver uygulamasını uzak klasöre bağlanmak için kullanmak istediğinizde, Site Ayarları iletişim kutusunun Sunucular kategorisinde uzak klasörü belirtmelisiniz. Belirlediğiniz uzak klasör (“ana bilgisayar dizini” olarak da bilinir), Dreamweaver sitenizin yerel kök klasörüne karşılık gelmelidir. (Yerel kök klasörü, Dreamweaver sitenizin üst düzey klasörüdür.) Uzak klasörler, yerel klasörler gibi herhangi bir başlığa sahip olabilir, ancak genel olarak Internet Servis Sağlayıcıları (ISP'ler), bağımsız kullanıcı hesapları için üst düzey uzak klasörleri public_html, pub_html şeklinde veya benzer biçimde adlandırır. Kendi uzak sunucunuzla çalışıyorsanız ve uzak klasörü istediğiniz gibi adlandırabiliyorsanız, yerel kök klasörünüzün ve uzak klasörünüzün adlarının aynı olması iyi bir fikirdir.
Aşağıda örnekte sol tarafta bir örnek yerel kök klasör ve sağ tarafta örnek uzak klasör gösterilmektedir. Yerel makinenizdeki yerel kök klasör, uzak klasörün alt klasörleri veya dizin yapısında uzak klasörün üstündeki klasörler yerine, web sunucusundaki uzak klasörle doğrudan eşleşir.
Yukarıdaki örnek, yerel makinedeki yerel kök klasörü ve uzak web sunucusundaki bir üst düzey uzak klasörü göstermektedir. Bununla birlikte, yerel makinedeki Dreamweaver sitelerinin sayısını tutuyorsanız, uzak sunucudaki uzak klasörlere eşit bir sayıya gereksiniminiz olacaktır. Bu durumda, yukarıdaki örnek geçerli olmayacaktır ve public_html klasörü içinde farklı uzak klasörler oluşturacak ve ardından bunları yerel makinenizdeki ilgili yerel kök klasörlerle eşleştireceksiniz.
Bir uzak bağlantıyı ilk olarak kurduğunuzda, web sunucusundaki uzak klasör genellikle boştur. Ardından, yerel kök klasörünüzdeki tüm dosyaları karşıya yüklemek için Dreamweaver uygulamasını kullandığınızda, uzak klasör tüm web dosyalarınızla doldurulur. Uzak klasörün dizin yapısı ve yerel kök klasörü her zaman aynı olmalıdır. (Diğer bir deyişle, yerel kök klasörünüzdeki dosyalar ve klasörler ile uzak klasörünüzdeki dosya ve klasörler arasında her zaman bire bir karşılık olmalıdır.) Uzak klasörün yapısı yerel kök klasörünün yapısıyla eşleşmezse, Dreamweaver dosyaları yanlış konuma yükler ve dosyalar site ziyaretçileri tarafından görülmeyebilir. Ayrıca, klasör ve dosya yapıları eşitlenmediğinde görüntü ve bağ yolları kolayca kopabilir.
Dreamweaver uygulamasının bağlanabilmesi için uzak klasör bulunmalıdır. Web sunucusunda uzak klasör olarak işlem yapan atanmış bir klasör yoksa, bir tane oluşturun veya ISP sunucusu yöneticinizden sizin için bir tane oluşturmasını isteyin.
