السلام عليكم في المقال الثاني من هذه السلسلة التي نسأل الله
أن يبارك لنا فيها ويوفقنا لتقديم المهم، المفيد الذي ينفع القارئ المهتم، ولا يضر
غيره.
كما ذكر في مخطط
السلسلة
سنبدأ
بوضع هيكل لمدونتنا المتكونة من الأجزاء المشهورة أو الشائعة عند جميع المدونين
والمصممين والمتمثلة في: قائمة التصفح أو الابحار (navigation bar)، الرأس(header)، الجسم(body)، القائمة الجانبية
(sidebar)،
الذيل (footer). لكل
من هذه الأجزاء مهمته ومحتواه، ودور يلعبه في تقسيم الصفحة وإعطائها معنا وانسجاما
من حيث المظهر والمخبر.
الرأس
الذيل
شرح مختلف الأجزاء:
1-
قائمة الابحار (navigation bar): هذا الجزء عبارة عن قائمة بأسماء الصفحات التي تكون
مدونتنا مثلا: الرئيسية ( تلقب بhome وليس principal )، أعلن معنا، من أنا...الخ. ربما لاحظت عدم ذكر التصنيفات من:
دروس مصوة، برمجة، خذع وغيرها من الأشياء التي تساعد القارئ وتسهل عليه الاطلاع على
المقالات المنشورة. والجواب أننا سنقوم بإنشاء قائمتي ابحار، واحدة خاصة بالصفحات
المختلفة، والأخري تمثل التصنيفات.
2- الرأس (header): يحتوي الرأس في غالب الأحيان عنوان
(title)
المدونة أو الموقع إلي جانب الوصف (description). يمكن أن يستبدل العنوان بصورة أو
الاثنين معا.
3- الجسم (body): الجزء الرئيسي للمدونة، يحتوي
المقالات، الإشهارات، التعليقات وغيرها. الجسم المذكور هنا ليس له علاقة بوسم
الhtml <body>.
4- القائمة الجانبية (sidebar): كما يدل عليها اسمها فهي تحوي جميع
الأجزاء الجانبية في مدونتنا من أدوات البحث، الاشهارات، الأرشيف، أسماء التدوينات
الأكثر مشاهدة، أسماء المدونات الصديقة وغيرها من المكونات. ههه، يدل اسمها أيضا
على تموضعها في أحد الجوانب ( أقصد المظهر).
5- الذيل (footer): دوره الرئيسي يتمثل في اظهار حقوق
النشر والتوزيع للمدون. كما يمكنه احتواء بعض الأدوات التي تظهر في القوائم
الجانبية، قائمة بسيطة لبعض الصفحات التي لا يمكننا ذكرها في الأعلى
وغيرها.
يمكنك أخذ نظرة مسبقة
عن قالب المدونة. يمكنك رؤية تقسيمنا جيدا حيث يحتوي القالب قائمة ابحار خلال
الصفحات، رأس، قائمة ابحار خلال التصنيفات أو التسميات، جسم، قائمة جانبية وذيل
للمدونة.
أرجو أن تبقوا معنا في المقالات القادمة المدرجة تحت عنوان هذا المقال. يتبع إن شاء الله...........
أرجو أن تبقوا معنا في المقالات القادمة المدرجة تحت عنوان هذا المقال. يتبع إن شاء الله...........
