سؤال: يمكن تنفيذه عندما تكون هناك صور في كلتا الطبقتين، لكنه لن يعمل إذا كان هناك فلاش، مما يعني أن الصور ستكون مغطاة دائمًا بالفلاش ماذا علي أن أفعل؟
حول
الطبقات الطبقة
في Dreamweaver هي عنصر صفحة HTML تم تعيين موضع مطلق له - على وجه التحديد، علامة div أو أي علامة أخرى.يمكن أن تحتوي الطبقات على نص أو صور أو أي شيء آخر يمكن وضعه داخل نص مستند HTML.
لاحظ أن
الطبقة المذكورة في هذا الفصل تنتمي إلى مفهوم تخطيط Dreamweaver، وليس علامة الطبقة.
فهم مفهوم الطبقات
باستخدام Dreamweaver، يمكنك استخدام الطبقات لتصميم تخطيط صفحاتك. يمكنك وضع الطبقات واحدة خلف الأخرى، وإخفاء بعض الطبقات أثناء إظهار البعض الآخر، وتحريك الطبقات حول الشاشة. يمكنك وضع صورة خلفية في طبقة واحدة ثم وضع أمام تلك الطبقة طبقة ثانية تحتوي على نص بخلفية شفافة.
توفر الطبقات مرونة كبيرة في وضع المحتوى. ومع ذلك، قد يواجه زوار الموقع الذين يستخدمون الإصدارات الأقدم من متصفحات الويب مشكلة في عرض الطبقة. للتأكد من أن الجميع يمكنهم عرض صفحة الويب الخاصة بك، يمكنك تصميم تخطيط الصفحة باستخدام الطبقات ثم تحويل الطبقات إلى جداول. لمزيد من المعلومات، راجع تحويل الطبقات إلى جداول. ومع ذلك، إذا كان من المحتمل أن يستخدم الزائرون الذين تتعامل معهم بعضًا من أحدث المتصفحات، فيمكنك تصميم تخطيطك بالكامل في طبقات دون تحويل الطبقات إلى جداول.
حول تعليمات HTML البرمجية الخاصة بالطبقة
عندما تقوم بوضع طبقة في مستند، يقوم Dreamweaver بإدراج علامات HTML الخاصة بالطبقة في التعليمات البرمجية. افتراضيًا، يقوم Dreamweaver بإنشاء طبقات باستخدام علامات div.
لاحظ أنه
يمكنك أيضًا استخدام علامتين أخريين لإنشاء طبقات: Layer وilayer. ومع ذلك، يتم دعم هذه العلامات فقط بواسطة Netscape Navigator 4؛ ولا يدعم Internet Explorer هذه العلامات، ولم يعد Netscape يدعم هذه العلامات في المتصفحات الأحدث. يتعرف Dreamweaver على علامات الطبقة وilayer، لكنه لا يستخدمها لإنشاء الطبقات.
عندما ترسم طبقة باستخدام أداة Draw Layers، يقوم Dreamweaver بإدراج علامة div في المستند ويقوم بتعيين قيمة معرف للطبقة (افتراضيًا، يمثل Layer1 الطبقة الأولى المرسومة، ويمثل Layer2 الطبقة الثانية المرسومة، وهكذا). يمكنك لاحقًا إعادة تسمية الطبقة إلى ما تريد باستخدام لوحة Layers أو عارض الخصائص. يستخدم Dreamweaver أيضًا CSS المضمن في رأس المستند لتحديد موضع الطبقات وتحديد أبعادها الدقيقة.
فيما يلي مثال لكود HTML للطبقة:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>نموذج صفحة الطبقات</title>
<نمط النوع = "نص/CSS">
<!--
#الطبقة1 {
الموقف:مطلق؛
اليسار: 62 بكسل؛
أعلى: 67 بكسل؛
العرض: 421 بكسل؛
الارتفاع: 188 بكسل؛
فهرس z:1
}
-->
</نمط>
</الرأس>
<الجسم>
<div id="Layer1"></div>
</الجسم>
</html>
يمكنك تعيين خصائص الطبقات العليا من الصفحة، بما في ذلك إحداثيات x وy والمحور z (يسمى أيضًا ترتيب التراص) والرؤية. لمزيد من المعلومات، راجع إعداد تفضيلات الطبقة وخصائصها.