Dreamweaver'da Önizleme
Canlı görünüm hakkında
Canlı görünüm, sayfanızın tarayıcıda nasıl görüneceğine ilişkin düzenlenemez ve daha gerçekçi bir görünüm sağlaması nedeniyle klasik Dreamweaver tasarım görünümünden farklıdır. Canlı görünüm, Tarayıcıda Önizle komutunun yerine kullanılmaz ancak, sayfanızın "canlı" olarak nasıl görüntüleneceğini Dreamweaver çalışma alanından çıkmadan görebilmeniz için başka bir yol sunar.
Tasarım görünümündeyken istediğiniz zaman Canlı görünüme geçiş yapabilirsiniz. Ancak, Canlı görünüme geçiş yapmak, Dreamweaver'daki diğer klasik görünümler arasında geçiş yapmakla ilişkili değildir (Kod/Bölünmüş/Tasarım). Tasarım görünümünden Canlı görünüme geçiş yaptığınızda, Tasarım görünümü, düzenlenebilir ve "canlı" arasında geçiş yapar.
Canlı görünüme girdiğinizde, Tasarım görünümü donmuş durumda kalırken Kod görünümü düzenlenebilir durumda kalır; böylece kodunuzu değiştirip değişikliklerinizin geçerlilik kazanıp kazanmadığını görmek amacıyla Canlı görünümü yenileyebilirsiniz. Canlı görünümdeyken, canlı kodu görüntüleme seçeneğiniz de vardır. Canlı Kod görünümü, tarayıcının sayfayı oluşturmak için yürüttüğü kod versiyonunu görüntülemesi açısından Canlı görünüme benzer. Canlı görünüm gibi Canlı Kod görünümü de düzenlenemez bir görünümdür.
Canlı görünümün diğer bir avantajı da, JavaScript'i dondurabilme özelliğidir. Örneğin, Canlı görünüme geçiş yapabilir ve kullanıcı etkileşiminin bir sonucu olarak renk değiştiren Spry tabanlı tablo satırlarına gidebilirsiniz. JavaScript'i dondurduğunuzda, Canlı görünüm sayfayı geçerli durumunda dondurur. Artık CSS veya JavaScript'i düzenleyebilir ve değişikliklerinizi görmek amacıyla sayfayı yenileyebilirsiniz. JavaScript'in Canlı görünümde dondurulması, farklı açılır menü durumları veya klasik Tasarım görünümünde göremediğiniz diğer etkileşimli öğeler için özellikleri görmek veya değiştirmek istediğinizde faydalı olmaktadır.
Canlı Görünüm ile çalışma hakkında Dreamweaver mühendislik ekibi tarafından sunulan video tanıtımı için, bkz. www.adobe.com/go/dw10liveview_tr.
Canlı Görünüm, ilgili dosyalar ve Code Navigator ile çalışma hakkındaki video eğitimi için, bkz. www.adobe.com/go/lrvid4044_dw.
Canlı görünümde sayfaları önizleme
Canlı görünüm düğmesini
tıklatın.(İsteğe bağlı) Değişikliklerinizi Kod görünümünde, CSS Stilleri panelinde, harici bir CSS stil sayfasında veya başka bir ilgili dosyada yapın.
Canlı görünümde düzenleme yapamazsınız ancak, diğer alanlardaki düzenleme yapma seçenekleriniz (örneğin, CSS Stilleri panelinde veya Kod görünümünde) Canlı görünümde tıkladığınızda değişir.
Belgenin üst kısmındaki İlgili Dosyalar araç çubuğundan ilgili dosyayı açarak Canlı görünümü odak noktasında tutmak suretiyle, ilgili dosyalarla (CSS stil sayfaları gibi) çalışabilirsiniz.Kod görünümünde veya ilgili dosyada değişiklik yaptıysanız, Belge araç çubuğunda Yenile düğmesini tıklatarak veya F5 tuşuna basarak Canlı görünümü yenileyin.
Düzenlenebilir Tasarım görünümüne geri dönmek için, Canlı görünüm düğmesini tekrar tıklatın.
Canlı kodu ön izleme
Canlı görünümde olduğunuzdan emin olun.
Canlı Kod düğmesini tıklatın.
Dreamweaver, tarayıcının sayfayı yürütmek amacıyla kullanacağı canlı kodu görüntüler. Kod, sarı vurgulanmıştır ve düzenlenemez.
Düzenlenebilir Kod görünümüne geri dönmek için, Canlı Kod düğmesini tekrar tıklatın.
JavaScript'i dondurma
Aşağıdakilerden birini yapın:
F6 tuşuna basın
Canlı Görünüm düğmesinin açılır menüsünden JavaScript'i Dondur'u seçin.
Belgenin üst kısmındaki bilgi çubuğu, JavaScript'in dondurulduğunu belirtir. Bilgi çubuğunu kapatmak için kapatma bağını tıklatın.
Canlı görünüm seçenekleri
Canlı Görünüm düğmesinin açılır menüsünde veya Görünüm > Canlı Görünüm Seçenekleri menü öğesinde JavaScript'i Dondur seçeneği dışında kullanılabilir başka seçenekler de bulunmaktadır.
JavaScript'i dondurma
- Geçerli durumda JavaScript'ten etkilenen öğeleri dondurur.
- JavaScript'i devre dışı bırakma
- JavaScript'i devre dışı bırakır ve sayfayı, bir tarayıcı tarafından JavaScript etkinleştirilmediğinde görüntüleneceği şekilde yeniden oluşturur.
- Eklentileri devre dışı bırakma
- Eklentileri devre dışı bırakır ve sayfayı, bir tarayıcı tarafından eklentiler etkinleştirilmediğinde görüntüleneceği şekilde yeniden oluşturur.
- Belge Kaynağı için Test Sunucusunu Kullanma
- Genellikle dinamik sayfalar (ColdFusion sayfalar gibi) tarafından kullanılır ve dinamik sayfalar için varsayılan olarak seçilir. Bu seçenek belirlendiğinde, Dreamweaver, Canlı görünüm ekranı için kaynak olarak sitenin test sunucusundaki dosya versiyonunu kullanır.
- Belge Bağları için Yerel Dosyaları Kullanma
- Dinamik olmayan siteler için varsayılan ayar. Bir test sunucusu kullanan dinamik siteler için bu seçenek belirlendiğinde, Dreamweaver, test sunucusundaki dosyalar yerine belgeye bağlanan dosyaların (örneğin, CSS veya JavaScript dosyaları) yerel sürümlerini kullanır. İlgili dosyalarda yerel değişiklikler yaparak bu dosyaları test sunucusuna koymadan önce nasıl göründüklerini görebilirsiniz. Bu seçim kaldırılırsa, Dreamweaver, ilgili dosyaların test sunucusu sürümlerini kullanır.
- HTTP İstek Ayarları
- Sizi, canlı verileri görüntülemek için değer girebileceğiniz bir gelişmiş ayarlar iletişim kutusuna götürür. Daha fazla bilgi için, iletişim kutusundaki Yardım düğmesini tıklatın.