اضبط موقعك بإضافة هيدر وفوتر واجعل صفحاتك Php بكل سهولة

[forexu]

بسم الله الرحمن الرحيم


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

يسرني أضع بين أيدكم هذا الدرس البسيط

وهو عبارة عن تصميم موقع بحتوي على هيدر header وهو الجزء الاعلى ويكون ظاهر بكل صفحاتك
وفوتر footer يكون الجزء السفلي وايضا يكون ظاهر بكل صفحات موقعك

ولمشاهدة مثال بسيط على ذلك http://www.bsmah.net/newphp

ولعمل ذلك يلزمك

أعمل صفحة بالفرونت بيج ولتكون هي الهيدر وضع فيها ماتريد ظهوره في أعلى الصفحة
ثم اعمل حفظ للصفحة ولتكون بأسم header.php
قد يتسال شخص كيف اجعل مسار الصفحة php
يمكن عن طريق الفرونت بيج وذلك بالذهاب الى عرض ومن ثم مجلدات ستجد جميع ملفاتك قم بعمل اعادة تسمية للملف
والطريقة الثانية عن طريق نقل HTML من الفرونت بيج وفتح المفكرة ولصق html فيها وحفظها بأسم header.php

الان بعد أن عملنا صفحة الهيدر نعمل ايضا صفحة الفوتر وذلك عن طريق الفرونت بيج ونقوم بحفظها بأسم footer.php
طبعا يكون الملفين في مجلد واحد
بهذا نكون انتهينا من عمل أهم نقطة
الان دعنا نعمل الصفحة الرئيسية
نقوم بتصميمها عن طريق الفرونت بيج
ونقوم بحفظها بأسم index.php
ونضعها مع ملف الهيدر والفوتر في نفس المجلد
الان افتح ملف index.php عن طريق المفكرة وفي اعلى المفكرة ضع الكود التالي

كود PHP:

<? include("header.php"); ?>

وايضا في اسفل المفكرة في النهاية ضع الكود التالي

كود PHP:

<? include("footer.php"); ?>

بهذا نكون اتهينا من عمل الصفحة الرئيسية عمل الصفحة الرئيسية
الان قم بتجربة ذلك اما عن طريق برنامج الاباتشي في جهاوك أو نقلها الى موقعك على الانترنت
وتذكر وضع جميع الملفات داخل مجلد واحد سواء داخل المجلد الرئيسي في موقعك أو بمجلد اخر

ولعمل صفحات فرعية اخرى قم بتصميمها عن طريق الفرونت بيج واعمل لها حفظ بأي اسم تختار منهي بـ php
واحفظها مع بنفس الملجد الذي في الملفات الاخرى
ولاتنسى وضع الكود التالي في اولها كود PHP:

<? include("header.php"); ?>

والكود التالي في اسفلها كود PHP:

<? include("footer.php"); ?>

ولاتنسى عمل هذه الطريقة مع جميع الصفحات

بهذه الطريقة عند رغبتك في تغيير الروابط أو تعديل التصميم في لن تضطر لتعديل الصفحات كاملة فقط عدل ملف header.php و footer.php ومباشرة سيتم التعديل على كافة الصفحات
بهذا ننتهي من الدرس واي مشكلة يمكن طرحها
وان شاهدنا اقبال
سوف نشرح طريقة جعل الخطوط والالوان موحده دون أن تضطر لتعديلها في جميع صفحاتك فقط من ملف واحد وسيتم تعديل الالوان والخطوط

[صحراوي 76]

موضوع مميز

[ali_feto7]

شكرااااااااااااااااااااااااااااااااا

[ntchintayo]

موضوع مميز

[mahmoudaziz2008]

والله هذا عمل جميل وأرجو الله لك الاجر عليه
ولقد قمت بعمل الارشادات قبل أن أكون عضوا بهذا المنبر الجاد و الهام .. واليوم اسجل بغرض معرفة المزيد بمجال تصميم المنتديات .

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

بما أننى لا أعرف الكثير بمجال المنتديات وتصميمها لدى سؤالان
: : لقد كنت أعمل على منتدى تابع لطريقة :
Simple Machines Forum -SMF
وتمكنت وفق أرشاداتكم السابقة من عمل الهيدر والفوتر بحمد الله ، وظهرا فى الصفحة الرئيسية للمنتدى ولكن
المشكلة الاولى : هنالك مسافة كبيرة خاليه بين الهيدر وجسم الصفحة ، لكن مسافة الفوتر مطابقة وسليمة ، فما هو سبب المسافة بين الهيدر و المنتديات .

ثانيا : هنالك مشكلة الكتابة بالعربى .. فعندما أكتب العناوين فى الهيدر وأرفعها للاف تى بى .. تظهر علامات استفهام بدلها .

أرجو ردكم .. وجزاكم الله كل خير عما تقومون به من عمل مفيد ، ولكم الشكر
أخوكم محمود عبد العزيز
الولايات المتحدة- منيسوتا
روشستر .

[shenno]

شكرااااااااااااااا