Dreamweaver'da Bir Sütun Akıcı Şebeke Düzeni Nasıl Oluşturulur - Sizi Önceden AYNANIRLAR

Dreamweaver'da karmaşık bir sıvı şebekesi tasarımı oluşturmaya başlamadan önce, daha basit bir sıvı deneyi düşünün. Bu basit talimatları uygulayarak basit, bir sütunlu sıvı şebeke düzeni oluşturarak başlayın:

1. Dosya → Yeni'yi seçin.

   Yeni Belge penceresi açılır. Not: Yeni bir sıvı şebeke düzeninde çalışmaya başlamadan önce site kurulum sürecini tamamladığınızdan emin olun.

2. Ekranın sol tarafından Akışkan Izgarası Düzeni'ni seçin.

   Yeni Belge penceresi seçenekleri sıvı şebekesi seçeneklerine değişir.

   

3. Üç düzenin her birinde istediğiniz sütun sayısını belirtin.

   Sütun eklemek veya kaldırmak için sırayla her sütunun üzerindeki metin alanını seçin ve istediğiniz sütun sayısını girin.

4. Her düzenin kaplanmasını istediğiniz tarayıcı penceresinin yüzdesini belirleyin.

   Sırayla her bir düzenin altındaki metin alanını seçin ve tasarım tarayıcı penceresinde görüntülendiğinde, düzenin kaplanmasını istediğiniz alan yüzdesini temsil eden bir sayı girin. Örneğin, varsayılan olarak masaüstü düzeni kullanılabilir alanın yüzde 90'ını alacak şekilde ayarlanmıştır ancak kendinize daha fazla tasarım alanı vermek ve kenar boşluğunu azaltmak için yüzde 95'e değiştirebilirsiniz.

5. Her bir sütun arasındaki kenar boşluğu miktarını değiştirmek için sütun genişliğinin yüzdesini değiştirin.

   Varsayılan olarak Dreamweaver, her boşluğu mevcut alanın yüzde 25'ini alacak şekilde ayarlar.

6. Bir doctype belirtmek için açılır listeyi kullanın.

   Varsayılan olarak, akış çizgesi düzenleri HTML5 doctype kullanılarak oluşturulur. Doctype'ı web sitenizde kullanılan diğer biçimlendirme ile daha uyumlu olacak şekilde değiştirmeniz gerekmediği sürece HMTL5, yanıt veren web tasarımları için önerilen seçenektir.

7. Oluştur'u tıklayın.

   Farklı Kaydet iletişim kutusu bir CSS dosyası kaydetmeye hazır olarak açılır.

8. CSS dosyanız için bir ad girin ve Kaydet'i tıklayın.

   Yeni bir HTML dosyası Dreamweaver çalışma alanında açılır, ancak henüz kaydedilmedi. Adlandırdığınız CSS dosyası kaydedilir ve adı Dosyalar panelinde görünür hale gelir.

   Not: Dreamweaver'da başka türde sayfalar oluşturma işleminin aksine, CSS dosyası önce kaydedilir ve HTML dosyası sonraki bir adımda kaydedilir.

9. Dosyayı seçin → Kaydet

   Farklı Kaydet iletişim kutusu açılır.

10. HTML dosyanız için bir ad girin ve Tamam'ı tıklayın.

    Farklı Kaydet iletişim kutusu kapanır ve Dreamweaver'da akış çizgesi düzeninizin iki ek dosya gerektirdiğini bildiren bir uyarı görüntülenir: özet plakası. css ve cevap ver. Min. js.

11. Dikkat defterini kopyalamak için Tamam düğmesini tıklayın.css ve cevap ver. Min. js dosyaları sitenize kopyalayın.

    Üç dosya da Dosyalar paneline eklenir ve yeni adlandırılmış HTML dosyanıza Dreamweaver çalışma alanındaki açık konuma dönersiniz.

    

12. Çalışma alanının üst kısmındaki Başlık alanına metin girerek sayfaya bir başlık verin.

Ve sıvı şebeke düzeniniz için yeni bir dosya grubu oluşturma işlemi tamamlanır.