عرض مشاركة واحدة
  #1  
قديم 05-29-2021, 03:16 AM
الصورة الرمزية الادارة كريم
الادارة كريم 
مشرف سابق
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 18
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


افتراضي أساسيات لغة html الدرس 16 | تقسيم الصفحة

 

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


درس اليوم هو عن تقسيم صفحة html ، وأتكلم هنا عن ملف html حقيقي وطويل يحتوي على عدة أقسام ، فلو تفحصت الصفحة الرئيسية لأي موقع ستجدها تحتوي على أقسام :




أعلى الصفحة Header ويحتوي عادة على Logo الموقع بالإضافة إلى بانر ، وقد يختلف هذا المحتوى من موقع لآخر .


قائمة الروابط Navbar وهو القسم الذي يحتوي على الروابط الرئيسية للموقع ، وقد يتواجد أكثر من مرة في الصفحة الواحدة .


قسم المحتوى Content وهو الذي يظهر آخر المقالات والمواضيع .


قسم القائمة الجانبية Sidebar ويكون مقسما هو الآخر إلى أكثر من قسم وتظهر بشكل عمودي في يسار أو يمين الصفحة .


قدم الصفحة Footer وهو القسم السفلي وتظهر فيه عادة حقوق الملكية وقد يضم أقسام ومحتويات أخرى .



ما يهمنا في هذا الدرس هو كيف نقوم بمثل هذا التقسيم بما يناسب التصميم الذي نريد ، لتقسيم الصفحة نستخدم العلامة الزوجية من النوع بلوك div وهي اختصار ل division وتستخدم معها خاصية id و وخاصية class لتمييز كل div على حدا ، class و id يمكن أن تأخذ أي قيمة من اختيارنا ويفضل أن تكون منطقية بحيث تعبر عن محتوى div ، مع الأخذ بعين الإعتبار أن id لا يجب أن يتكرر أكثر من مرة ، فلو وضعنا id ووضعنا له القيمة header مثلا فلا ينبغي أن نضع القيمة header لأي id آخر تابع ل div آخر في نفس ملف html ، بينما class يمكن أن تتكرر قيمتها في نفس الملف أكثر من مرة .

ويستخدم id و class لتمييز div أو أي عنصر html آخر من أجل تنسيقه لاحقا بلغة css ومن أجل تعريفه أيضا للغة البرمجة Javascript وإخضاعه للتأثيرات .

وللمزيد من التوضيح شاهد الفيديو التالي :


الموضوع الأصلي : أساسيات لغة html الدرس 16 | تقسيم الصفحة || الكاتب : الادارة كريم || المصدر : منتدى مجمع التطوير

 

رد مع اقتباس