- 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 SWF dosyaları ekleyip önizlemeyi ve SWF dosyası özelliklerini ayarlamayı öğrenin.
Adobe Animate CC ile oluşturulmuş içeriği eklemek için Dreamweaver kullanmadan önce, aşağıdaki farklı dosya türleri konusunda bilgi sahibi olmanız gerekir:
FLA dosyası (.fla)
Projelerin kaynak dosyasıdır ve Flash geliştirme aracında oluşturulur. Bu tür dosya yalnızca Flash uygulamasında açılabilir (Dreamweaver'da veya tarayıcılarda açılmaz). FLA dosyasını Flash uygulamasında açabilir ve ardından tarayıcılarda kullanmak üzere SWF veya SWT dosyası olarak yayınlayabilirsiniz.
SWF dosyası (.swf)
Web'de görüntülenmek üzere en iyileştirilmiş FLA (.fla) dosyasının derlenmiş sürümüdür. Bu dosya tarayıcılarda oynatılabilir ve Dreamweaver'da önizlenebilir, ancak Flash uygulamasında düzenlenemez.
FLV dosyası (.flv)
Flash® Player üzerinden iletilmek için kodlanmış ses ve video verileri içeren video dosyasıdır. Örneğin, QuickTime veya Windows Media video dosyanız varsa, video dosyasını FLV dosyasına dönüştürmek için bir kodlayıcı kullanırsınız (Flash® Video Encoder veya Sorenson Squeeze gibi). Daha fazla bilgi için www.adobe.com/go/flv_devcenter_tr adresindeki Video Teknoloji Merkezi'ni ziyaret edin.
SWF dosyalarını ekleme ve önizleme
Sayfalarınıza SWF dosyaları eklemek ve daha sonra bunları bir belge veya tarayıcıda önizlemek için Dreamweaver'ı kullanın. Ayrıca, Özellik denetçisinde SWF dosyalarının özelliklerini de ayarlayabilirsiniz.
SWF dosyası ekleme
-
Belge penceresinin Tasarım görünümünde, içeriği eklemek istediğiniz yere ekleme noktasını yerleştirin ve aşağıdakilerden birini yapın:
- Ekle paneli menüsünde Flash SWF'yi Seç seçeneğini belirleyin.
- Ekle > HTML > Flash SWF'yi seçin.
-
Görüntülenen iletişim kutusunda SWF dosyasını (.swf) seçin.
Belge penceresinde, SWF dosyası yer tutucusu görünür.
-
Dosyayı kaydedin.
Dreamweaver, expressInstall.swf ve swfobject_modified.js adlı iki bağımlı dosyanın sitenizdeki Komut Dosyaları klasörüne kaydedilmekte olduğunu belirtir. SWF dosyasını web sunucunuza yüklediğinizde bu dosyaları yüklemeyi unutmayın. Tarayıcılar, bu bağımlı dosyaları da yüklemedikçe SWF dosyasını düzgün şekilde görüntüleyemez.
Not:Microsoft Internet Information Server (IIS) yuvalanmış nesne etiketlerini işlemez. Dreamweaver, SWF veya FLV dosyalarını eklerken ASP sayfaları için yuvalanmış nesne kodu yerine yuvalanmış nesne/gömme kodunu kullanır.
Flash Player indirme bilgilerini düzenleme
Bir sayfaya SWF dosyası eklediğinizde, Dreamweaver, kullanıcının doğru Flash Player sürümüne sahip olup olmadığını saptayan bir kod ekler. Sahip değilse, sayfa kullanıcının en son sürümü indirmesini isteyen varsayılan alternatif içeriği görüntüler. Bu alternatif içeriği istediğiniz zaman değiştirebilirsiniz.
Bu yordam FLV dosyaları için de geçerlidir.
Bir kullanıcı gerekli sürüme sahip değilse; ancak, Flash Player 6.0 r65 veya sonraki sürümüne sahipse, tarayıcı bir Flash Player hızlı yükleme programı görüntüler. Kullanıcı hızlı yüklemeyi reddederse sayfa, alternatif içeriği görüntüler.
-
Belge penceresinin Tasarım görünümünde, SWF dosyası veya FLV dosyasını seçin.
-
SWF dosyası veya FLV dosyasının sekmesindeki göz simgesini tıklatın.Not:
Alternatif içerik görünümüne geçmek için Control + ] tuşlarına da basabilirsiniz. SWF/FLV görünümüne dönmek için tüm alternatif içerik seçilene kadar Control + ] tuşlarına basın. Ardından Control + ] tuşlarına yeniden basın.
-
İçeriği, Dreamweaver'daki diğer her tür içeriği düzenlediğiniz şekilde düzenleyin.Not:
Alternatif içerik olarak SWF dosyaları veya FLV dosyaları ekleyemezsiniz.
-
SWF (veya FLV) dosyası görünümüne dönmek için göz simgesini tekrar tıklatın.
Belge penceresinde SWF dosyalarını önizleme
-
Belge penceresinde, içeriği seçmek için SWF dosyası yer tutucusunu tıklatın.
-
Özellik denetçisinde (Pencere > Özellikler) Oynat düğmesini tıklatın. Önizlemeyi sonlandırmak için Durdur'u tıklatın. SWF dosyasını F12 tuşuna basarak tarayıcıda da önizleyebilirsiniz.Not:
Tüm SWF dosyalarını sayfada önizlemek için Control+Alt+Shift+P (Windows) veya Command+Option+Shift+P (Macintosh) tuşlarına basın. Tüm SWF dosyaları Oynat seçeneğine ayarlanır.
SWF dosyası özelliklerini ayarlama
Ayrıca, Özellik denetçisini kullanarak SWF dosyalarının özelliklerini ayarlayabilirsiniz. Özellikler Shockwave filmleri için de geçerlidir.
-
Bir SWF dosyası veya Shockwave filmi seçin ve Özellik denetçisinde (Pencere > Özellikler) seçenekleri belirleyin. Tüm özellikleri görmek için, Özellik denetçisinin sağ alt köşesindeki genişletici oku tıklatın.
Kimlik
SWF dosyası için benzersiz bir kimlik belirtir. Özellik denetçisinin en solundaki etiketsiz metin kutusuna bir kimlik girin Dreamweaver CS4 itibariyle, benzersiz bir kimlik gerekir.
G ve Y
Piksel cinsinden filmin genişliğini ve yüksekliğini belirtir.
Dosya
SWF dosyası veya Shockwave dosyasının yolunu belirtir. Dosyayı bulmak için klasör simgesini tıklatın veya yolu yazın.
Kaynak
Bilgisayarınızda Dreamweaver ve Flash uygulamalarının ikisi de yüklü olduğunda, kaynak belgesinin (FLA dosyası) yolunu belirtir. SWF dosyasını düzenlemek için, filmin kaynak belgesini güncelleştirin.
Ap
Film alanının arka plan rengini belirler. Bu renk film oynatılmadığında da görüntülenir (yüklenirken veya oynatıldıktan sonra).
Düzenle
FLA dosyasını (Flash geliştirme aracında oluşturulan dosya) güncelleştirmek için Flash uygulamasını başlatır. Bilgisayarınızda yüklü Flash uygulaması yoksa, bu seçenek devre dışıdır.
Sınıf
Filme bir CSS sınıfı uygulamanıza olanak tanır.
Döngü
Filmin sürekli şekilde oynatılmasını sağlar. Döngü seçilmediğinde, film bir kez oynatılır ve durdurulur.
Otomatik Oynat
Sayfa yüklendiğinde filmi otomatik oynatır.
D Boşluk ve Y Boşluk
Filmin altındaki, üstündeki ve her iki tarafındaki beyaz boşluğun piksel sayısını belirtir.
Kalite
Filmin kayıtta yürütülmesi sırasında kenar yumuşatmasını denetler. Yüksek ayarlar filmlerin görünümü iyileştirir. Ancak, yüksek ayarlı filmlerin ekranda düzgün görüntülenmesi için daha hızlı işlemciler gerekir. Düşük ayarlar, görünüş yerine hızı vurgular, Yüksek ayarlar ise hızın yerine görünümü vurgular. Otomatik Düşük ayarı, öncelikle hızı vurgular ancak mümkün olduğunda görünümü geliştirir. Otomatik Yüksek ayarı, her iki kaliteye de önem verir; ancak, gerekiyorsa hız yerine görünümden fedakarlık eder.
Ölçek
Filmin genişlik ve yükseklik metin kutularında ayarlanan boyutlara nasıl uyacağını belirler. Varsayılan ayarı tüm filmi görüntüler.
Hizala
Filmin sayfada nasıl hizalanacağını belirler.
Wmode
Spry widget'ları gibi DHTML öğeleriyle çakışmaları önlemek için SWF dosyası için Wmode parametresini ayarlar. Varsayılan değer, DHTML öğelerinin tarayıcıda SWF dosyalarının üstünde görüntülenmesine olanak tanıyan Opak'tır. SWF dosyası saydam renkler içeriyorsa ve DHTML öğelerinin bunların arkasında görülmesini isterseniz, Saydam seçeneğini belirleyin. Wmode parametresini koddan kaldırmak ve SWF dosyasının diğer DHTML öğelerinin üstünde görülmesine olanak tanımak için Pencere seçeneğini belirleyin.
Oynat
Filmi, Belge penceresinde oynatır.
Parametreler
Filme aktarmak üzere ek parametreler girmek için iletişim kutusu açar. Film, bu ek parametreleri almak üzere tasarlanmalıdır.