الصفحة الرئيسية>دروس تصميم الويب>البرنامج التعليمي لبرنامج دريمويفر

برنامج Dreamweaver 4 التعليمي الموجز (7. تخطيط صفحة الويب 3)

الكاتب：Eve Cole وقت التحديث：2009-05-30 18:35:47
استخدام الطبقات


إذا كنت تشعر أن استخدام الجداول لتحديد موضع عناصر الصفحة أمر صعب للغاية لإتقانه، فقد تحاول أيضًا استخدام الشيء الجيد المتمثل في الطبقة. انقر على لوحة الخصائص سيتحول المؤشر إلى علامة صليب، واسحبه إلى نافذة التحرير لإنشاء طبقة، يمكننا إدخال معظم عناصر صفحة الويب على الطبقة، مثل الصور والنص وما إلى ذلك. ميزة الطبقات هي أنه يمكن وضعها في أي مكان على الصفحة، كما هو موضح أدناه:



بعد تحديد الطبقة، تكون لوحة الخصائص المقابلة كما يلي:



① معرف الطبقة: اسم الطبقة المستخدمة لتحديد الطبقات المختلفة؛

② L، T: موضع الطبقة، L هي المسافة من الحافة اليسرى للصفحة، T هي المسافة من الحافة العلوية للصفحة؛
W، H: عرض الطبقة وارتفاعها؛

③ الفهرس Z: ترتيب الطبقات على المحور Z؛

④ صورة Bg: صورة خلفية الطبقة؛

⑤ Vis: حالة عرض الطبقة، حيث يخفي "مخفي" الطبقة ويجعلها غير مرئية؛

⑥ Bg Corlor: لون خلفية الطبقة؛

⑦ العلامة: طريقة الكود التي تستخدمها الطبقة بشكل عام، يمكن استخدام DIV الافتراضي؛

⑧ تجاوز السعة إذا كان هناك عدد كبير جدًا من النصوص في الطبقة، أو كانت الصورة كبيرة جدًا، وكان حجم الطبقة غير كافٍ لعرض الكل، فيمكنك اختيار:
مرئي: لا يزال يتم عرض الجزء الذي تم تجاوزه؛
مخفي: الجزء الزائد مخفي.
التمرير: سيتم عرض شريط التمرير بغض النظر عما إذا تم تجاوزه أم لا؛
تلقائي: سيظهر شريط التمرير فقط عندما يتجاوز الحد؛
على سبيل المثال، إذا اخترنا تلقائي، سيتم عرض الطبقة في المثال أعلاه على النحو التالي:



مزايا الطبقات واضحة، لكن عيوبها واضحة أيضًا. على سبيل المثال، من الصعب إنشاء صفحة ويب تتكيف مع دقة مختلفة، عندما تستخدم الصفحة طبقات متعددة، يزداد تعقيد الصفحة، مما يجعل التحرير مرهقًا للغاية؛ حالة التحرير وحالة التصفح هناك اختلافات واضحة تمامًا في التأثير الفعلي. عادةً ما يستخدم الأشخاص الطبقة للتنضيد ثم تحويل الطبقة إلى جدول (تعديل > تحويل > طبقات إلى جدول) لن يتم وصف العملية المحددة هنا. يمكنك تجربتها بنفسك.
مقالات ذات صلة