Adobe CS5 Dreamweaver'da nispeten konumlandırılmış DIV Oluşturma Adobe Dreamweaver CS5'de Dreamweaver'da

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver, göreli konumlama özelliğini kullanan DIV'lerin oluşturulmasını ve düzenlenmesini desteklemektedir . Göreceli olarak konumlandırılmış DIV'ler, bir öğenin onu çevreleyen içeriğin yanında kaydırılmasını ve daha sıvı bir düzen oluşturmasını sağlar. Bu konumlandırma, iç içe geçmiş içerik veya öğelerin diğer sayfa içeriğiyle aynı hizada olması gereken herhangi bir durum için önemlidir.

Nispeten konumlandırılmış bir DIV'nin oluşturulması veya düzenlenmesi için Ekle panelinin Genel ve Düzen kategorilerinde bulunabilen Div Etiket Ekle aracını kullanın.

1. İmleci mevcut bir AP Div içinde konumlandırmak için sayfanıza tıklayın ve ardından Ekle panelinin Genel ve Düzen kategorileri altındaki Div Etiketini Ekle aracını tıklayın.

2. Div Etiket Ekle iletişim kutusu göründüğünde, Ekle açılır listesinden bir yer seçerek yeni DIV konumunuza ince ayar yapın.

   Örneğin, sayfanızdaki mevcut bir DIV etiketinin içine yerleştirmek için Etiketten Sonra Başlat'ı seçin.

   DIV öğesini sayfadaki varolan öğelerin öncesi, sonrasında veya içinde yerleştirmek için Div Etiket Ekle iletişim kutusunun açılır listesini de kullanabilirsiniz. Kutuyu bıraktığınız yeri terk etmek için Insertion Point (Yerleştirme Noktası) olarak ayarlanmış Insert (Ekle) açılır listesini bırakın veya DIV'nin oluşturulmasını istediğiniz başka bir yer seçin.

   

   Yeni DIV yaratmak ve yerleştirmek için belirli bir yer seçin.

1. Uygulamak istediğiniz mevcut bir sınıf seçiciniz varsa, Sınıf açılır listesinden seçin; Aksi halde, boş bırakın.

2. Kimliğini açılır listeden seçerek görünümünü kontrol etmek için DIV'ye bir ID seçici atayın.

   Eğer mevcut değilse, yeni bir ad girin ve Yeni CSS Kuralını tıklayın.

3. Yeni CSS Kuralları iletişim kutusu görüntülendiğinde, yeni seçicinizin KIMLIĞINA ayarlandığından ve adın önünde bir pound işareti (#) olduğundan emin olun. Tamam'ı tıklayın.

4. CSS Kural Tanımı iletişim kutusu göründüğünde, CSS konumlandırma özelliklerini görüntülemek için simgesini tıklayın ve soldaki Kategori listesinden Konumlandırma'yı seçin.

5. Konumlandırma alanında Pozisyon menüsünden Göreceli'yi seçin, Genişlik ve Yükseklik metin kutularına bir genişlik ve yükseklik değeri girin ve Tamam'ı tıklatın.

6. Div Etiketini Ekle iletişim kutusunu kapatmak için Tamam'ı tıklayın.

   Yeni, nispeten konumlandırılmış bir DIV, yer tutucu metinle birlikte görüntülenir.

   

   Başka bir DIV içinde yeni bir DIV yaratabilirsiniz.