شرح أساسيات لغة 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 وإخضاعه للتأثيرات .
​

​

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