بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
درس اليوم هو عن تقسيم صفحة 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 وإخضاعه للتأثيرات .
وللمزيد من التوضيح شاهد الفيديو التالي :
إذا كنت جديدا على الدورة ، هذا رابط الدورة من بدايتها :
دمتم في رعاية الله وحفظه .
شكرا اخي
ردحذفعندي مشكلة هل يمكن ان تساعدني
ردحذفراسلني على صفحة الفايسبوك
حذفhttps://www.facebook.com/blognetinarabic
حذف