Dreamweaver'da İç ve Dış Stil Sayfaları Oluşturma - Yeni stiller oluştururken mankenler

Dreamweaver'da yeni stiller oluştururken, stilin dahili veya harici bir stil sayfasında kaydettirip saklanmamasına karar vermeniz gerekir. İç Stil Sayfası 'da stil kuralı, HTML dokümanının stilini uygulamak istediğiniz üst kısmına kaydedilir. Harici stil sayfası 'da, yeni stiller web sitenizdeki herhangi bir dosyaya eklenebilecek ayrı bir belgeye kaydedilir.

Dış stil sayfaları en iyi avantajı sunar, çünkü birçok sayfa arasında bir grup stil kullanmak sitenizdeki her sayfa için stil oluşturmaktan daha etkilidir. Bununla birlikte, bazen iç stil sayfaları yalnızca bir sayfadaki öğelere uygulanacak bir stil oluştururken olduğu gibi iyi bir seçimdir.

Dreamweaver'da dahili bir stil sayfası nasıl oluşturulur

Dahili stil sayfaları, uygulandıkları yerde aynı HTML dosyasına kaydedilir. Bu nedenle, harici bir sayfa oluştururken yaptığınız gibi, bir iç stil sayfası oluşturduğunuzda bir dosya oluşturmazsınız.

Bunun yerine, dahili bir stil sayfası oluşturduğunuzda, Dreamweaver'da açtığınız HTML dosyasının üstündeki etiketler içine basitçe etiket eklemeniz yeterlidir. Ardından, stiller oluşturduğunuzda, yeni stil kuralı tanımlarını dosyanızdaki etiketler içine kaydedersiniz.

Dreamweaver'da yeni bir iç stil oluşturmak sadece iki adım gerektirir. Önce CSS Tasarımcısı panelinin üstündeki Kaynaklar panelinde artı (+) simgesini tıklayın. Ardından açılır listeden Sayfada Tanımla'yı seçin. Sen bittin. Dreamweaver, etiketleri dosyanızdaki koda ekler ve iç stil sayfasını Kaynaklar panelinde etiketiyle birlikte listeler.

Dreamweaver'da harici bir stil sayfası nasıl oluşturulur

CSS Tasarımcısı panelinin en üstünde, Kaynaklar panelini bulursunuz. Bu panel, açık sayfanın kullanabileceği stil sayfalarının adlarını veya adlarını görüntüler. Bu aynı panel, stiller oluştururken veya uygularken stil sayfaları oluşturmak veya bunlara bağlanmak için kullanılır.

Harici bir stil sayfası oluşturmak için önce Dreamweaver uygulamasında yeni bir HTML dosyası oluşturup kaydedin veya mevcut bir dosyayı açın ve ardından şu talimatları uygulayın:

1. En üstteki Kaynaklar panelindeki artı (+) simgesini tıklayın CSS Tasarımcısı paneli.

   Üç seçenekle bir açılır liste açılır: Yeni Bir CSS Dosyası Oluşturun, Varolan CSS Dosyasını Ekle ve Sayfada Tanımla.

   

2. Açılır listeden Yeni CSS Dosyası Oluştur seçeneğini seçin.

   Yeni CSS Dosyası Oluştur iletişim kutusu açılır.

3. Yeni stil sayfası dosyanız için bir ad girin.

   Tire (-) veya altçizgi (_) haricindeki boşlukları veya özel karakterleri içermediği sürece stil sayfalarını istediğiniz gibi adlandırabilirsiniz.

   

4. Bağlantı seçeneğini seçin.

   Bağlantı, çoğu durumda en iyi uygulama olarak kabul edilir ve varsayılan olarak Dreamweaver uygulamasında seçilir.

   Çoğu durumda, İçe Aktar seçeneği yalnızca sayfaya birden çok harici stil sayfası uygulamak isteyip yalnızca bir stil sayfasına bağlanmak istemek için kullanılır. Bu durumda, birden çok stil sayfasını biriyle ilişkilendirmek için İçe Aktar seçeneğini kullanabilirsiniz.

5. Ek ayarları görüntülemek için Koşullu Kullanım yanındaki oku tıklayın.

   Koşullu Kullanım ayarları, stil sayfaları için ortam sorguları oluşturmak için kullanılır.

6. Tamam'ı tıklayın.

   Stil sayfası kaydedildi ve Dreamweaver'da açtığınız HTML sayfasına bağlandı. Not: Yeni bir HTML sayfası üzerinde çalışıyorsanız, sayfayı kaydettiğinizden emin olun; Aksi takdirde, yeni bir CSS dosyası oluşturup bağlayamazsınız.

Harici bir stil sayfası oluşturduktan sonra, aynı stil sayfasını, hemen ardından gelen alıştırmada atılacak adımları izleyerek istediğiniz kadar çok sayfaya bağlayabilirsiniz. Ayrıca, sınıf, etiket ve diğer stiller türlerini oluşturmaya yönelik çeşitli alıştırmalarda kapsanan, herhangi bir harici stil sayfasına istediğiniz stil kurallarını istediğiniz kadar ekleyebilirsiniz.