دورات انشاء منتدى & سكربيت & مجلات...

السلام عليكم و رحمة الله تعالى و بركاته.
اليوم سوف نصمم ال header.php بإدن الله تعالى
نقول بسم الله الرحمن الرحيم.
ملاحظة: ان كانت هنالك اخطاء في الدروس فانا اضع في نهاية كل درس الملفات المرفقة له و هنالك تجدون مل التصحيحات لاني اراجع الدرس بعد دالك

نقوم بإنشاء ملف php جديد نسميه header.php و هو جزء من ملف ال index.php
حيث قلنا سابقا بان ملف ال index.php = header.php+footer.php
نقوم بحفظه في ملف evile الدي انشءناه في هدا الدرس

هدا كود ال html

لا تقلقوا من كل هده الكتابات سوف اشرح لكم بالتفصيل
هدا الكود من الشركة التي اخترعت ال html اكتبه كما هو و لا داعي للقلق منه

اما هدا الكود فهو الترميز حيث ترميز العربية هو utf-8:

هدا الكود من عنوانه واضع هو ال title اي عنوان الصفحة و سوف نغيره لاحقا:

الان تم توضيح الكود العام لصفحة ال html الان ننتقل الى العمل و هو التعديل على الكود العام ليصبح هكدا :

لا عليكم لم تفهموا الكود سوف اشرحه:
الجملة الاولى تبقى كما هي اما العنوان نغيره الى:

اما هدا الكود لاستداعء ملفات ال css التي هي ال styles.css and panels.css التي سوف تزين الهيدر

الان ننتقل الى قسم ال body نقوم بأنشاء جدول فيه قائمة كالاتي :

لا تقلقوا من الكود سوف اشرحه بالتفصيل بإدن الله :
هدا الكود للاشارة الى ملف ال css كما شرحة في مقدمات الدورة

هدا هو كود الجدول متكون من سطر واحد و خلية واحدة و في الخلية هنالك قائمة:

ملاحظة:
يتم انشاء الجدول كالاتي:

حيث ال tr هو السطر و ال td هو العمود
اما
اما النجوم تلك فهي تعوض خصتئص الجدول مثل ما شاهدتم في الصورة السابقة
اما هدا الكود قيمثل استداء للصورة:

نقوم بالحفظ ثم نتجه الى الرابط التالي لمشاهدة النتيجة:

و ها هي النتيجة:

ليست جميلة سوف نجملها.
ندهب بانشاء ملف css جديد نسميه styles.css
نضع فيه خاصئص ال body

ثم نضيف هده الخصائص لتزين النافيار القائمة

ثم نضيف اليها التأثيرات عند طريق ال hover

نضيف اليها المزيد من التأثيرات

هكدا كنا انتهينا من تصميم ملف ال styles.css
نقوم الان بانشاء ال panels.css

ملاحظة:
ملفات ال styles.css and panels.css
نقوم بحفظها في هدا المسار
evile/styles/

شاهدوا النتيجة الان

و سوف اضع لكم الملفات في نهاية الدرس لكي تحملوها و تفهموا اكثر
هدا هو ال header.php
في الدرس القادم سوف ننشا ال footer.php و الدي نكتب فيه حقوق الموقع بالتوفيق لكم
By Nyaster_dz for Abdelwahab and Evil_e.com
ملفات الدرس:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

دورات انشاء منتدى & سكربيت & مجلات...

الدرس الرابع : تصميم ال header.php

الدرس الرابع : تصميم ال header.php

مواضيع مماثلة

مواضيع مماثلة