Akışkan Elemanları Dreamweaver'daki Bir Düzene Nasıl Eklenirsiniz - mankenler

Dreamweaver'da bir sıvı şeması düzeni oluşturduktan sonra, tasarımın bölümlerini oluşturmak için etiketleri veya diğer öğeleri eklemek tasarım adımıdır. Dreamweaver CC'de sayfalar tasarlarken iki seçeneğiniz vardır: etiketleri kullanın veya HTML5 etiketlerini kullanın.

Her ikisi de bu akışkan düzenlerinde benzer şekilde çalışır, ancak ve etiketleri gibi HTML5 etiketlerini kullanmak bazı avantajlara sahiptir, çünkü etiketler web sayfanıza ek anlam ve yapı ekler.

Etiketler, HTML5 etiketleri ve diğer öğeleri bir akış çizgesi düzenine eklemek için şu talimatları izleyin:

1. Ekle → Yapı → Gezinme'yi seçin.

   Alternatif olarak, Yapı Ekle panelinde Gezinme'yi tıklayabilirsiniz.

2. Ekle iletişim kutusundaki Akıcı Madde Olarak Ekle onay kutusunu seçin.

   Sıvı ızgarası düzeni özelliklerini kullandığınızda, etiketleri eklerken bu seçeneği seçmeniz gerekir.

   

3. Ekle iletişim kutusunda, eklediğiniz etiket için yeni bir stil oluşturmak için sınıfın veya kimliği seçiciyi kullanmak isteyip istemediğinizi seçin ve ardından yeni stil için bir ad girin.

   HTML5 etiketlerini yerleştirdiğinizde bile, öğeyi her üç düzeninde de biçimlendirmek için kullanılabilecek karşılık gelen bir sınıf veya kimliğini oluşturmalısınız.

   Sınıf stili adları nokta (.) Ile başlamalı ve ID stil adları pound işaretiyle (#) başlamalıdır.

4. Tamam'ı tıklayın.

   Etiket, mizanpaja yeni bir kutu oluşturarak mizanpaja eklenir ve CSS mizanpajına üç kez ilgili stil adı eklenir.

5. Mizanpajda bulunan başlangıç ​​etiketini seçin ve silmek için etiketin sağ alt köşesinde görünen küçük çöp kutusu simgesini tıklayın.

   Başlangıç ​​etiketi akış şemaları düzenlerinde bulunmasına rağmen, uygulanan stilin adını değiştirebilirsiniz.

6. Ekle → Yapı → Makale'yi seçin.

   Makale Ekle iletişim kutusu açılır (Başlık Ekle iletişim kutusuna benzer şekilde).

7. Ekle iletişim kutusundaki Akıcı Madde Olarak Ekle onay kutusunu seçin.

8. Ekle iletişim kutusunda, eklediğiniz etiket için yeni bir stil oluşturmak üzere sınıfın veya KML seçiciyi kullanmak isteyip istemediğinizi seçin ve yeni stil için bir ad girin.

9. Tamam'ı tıklayın.

   Etiket, mizanpaja yeni bir kutu oluşturarak mizanpaja eklenir ve CSS mizanpajına üç kez ilgili stil adı eklenir.

10. 6-9. Adımları tekrar ederek mizanpajınız için istediğiniz sayıda eleman ekleyin.

    Yapı Ekle panelindeki ilgili simgelerini tıklatarak akış şeması düzeninize HTML5 öğeleri ekleyebilirsiniz: bir gezinme, bir üstbilgi, iki makale ve bir altbilgi .

    Kodda, Dreamweaver, akışkan ızgaraları düzenleri için oluşturduğunuz her stilin adına fluid- önekini eklediğini unutmayın.