http://www.dzbatna.com/images/icons/idea.gif [ ط·ط±ظٹظ‚ط© طھظˆط²ظٹط¹ ط§ظ„ط³طھط§ظٹظ„ ط¨ط§ظ„ظپط±ظ†طھ ط¨ظٹط¬ ظˆطھط±ظƒظٹط¨ظ‡ ط¹ظ„ظ‰ ط§ظ„ظ…ظ†طھط¯ظ‰]
السلام عليكم ورحمة الله وبركاتة
:::::::::::::::::::::::::::::::::::::::::::::::::: :::::
اليوم راح نشرح طريقة:
الدرس مفصل الثالث [ طريقة توزيع الستايل style بالفرنت بيج وتركيب installه على المنتدى forum]
الدرس مفصل يحتاج منا التركيز حتى مايروح تعبنا في فهم الدروس السابقه فهو الدرس مفصل الاهم للوصول للنتيجه وعرض تصميمك على اعضاء منتداك فصلنا الشرح طريقة تفصيل طويل حتى نقدر نظهر بنتيجه ونقلل الاسئله في هالموضوع
ماذا نحتاج لنبداء ؟؟
2- برنامج appserv..
حيث أن البرنامج يحتوي على قواعد بيانات MySQL + سيرفر SERVER Apache + مترجم php وذلك يختصر الوقت من تنزيل أكثر من برنامج ..ومن خلاله راح نقوم بتركيب install منتدى على جهازك
وطريقة تركيب install منتدى اتوقع الجميع هنا يعرفها
اذا حابين الشرح طريقة موجود بقسم الشروحات
نبداء الدرس مفصل بعد تجهيز المتطلبات كامله
نروح نفتح برنامج الفرنت بيج
Microsoft Office FrontPage
تابع معي الصور الشرح طريقة غالبيته داخل الصوره
الان نقوم بتحويل الصفحه من اليمين لليسار وذلك لاستخدمنا للغه العربية
بعد اختيار خصائص الجداول راح يعطينا مربع للخصائص الصفحة
نوجه الصفحه من اليمين الى اليسار
الان راح نقوم بأنشاء عدد من الجداول الي بيكون توزيع الصور عليها وعدد الجداول المطلوبه هي 9 جداول
نحتاج الان لاخفاء حدود الجداول وتوسيطها داخل الصفحه والطريقه هذي من خلال الضغط على خصائص الجدول
اهااااا....... الان جينا لزبده الدرس مفصل وهو توزيع الصور بالفرنت بيج
انا وضعت صوره للصور وهي مقطعه
ملاحظه بسيطه :
التوزيع بيكون ادراج صوره او وضع خلفيه
يعني بيكون توزيع الصور حسب الرسم التوضيح هذا شاهد معي التوزيع
طريقة ادارج الصوره يكون من خلال اداة الادارج الموضحه لكم هنا
بيكون توزيعنا للصور حسب الشرح طريقة الي بالصوره التاليه ونسميها الصورة (توزيع المرحله الاولى)
راح ندرج زوايا الهيدر header والفوتر باستخدام ادراج صورة
بيصبح لدي بهذا الشكل
الان نجي لوضع الاعمده والتمدد الخاص بالهيدر header والفوتر
وهذي الطريقه باستخدام خصائص الخليه
نضع الماوس داخل خلية التمدد الي موضحينا لكم في التوزيع الي باسم ( توزيع المرحله الاولى )
بيفتح لنا مربع خصائص الخليه
نقوم بادراج صورة التمدد للهيدر ونطبق الطريقه على تمدد الفوتر وعلى العمود الايمن والايسر
في الاخير بيكون عندي النتيجه بهذا الشكل
الان من الخليه الي في منتصف التوزيع قم بشد الاطراف يمين ويسار
يبقى عندي توزيع الصور التجميليه وهي اربع صور وراح نوزعها على النحو التالي
الهيدر header بيكون صوره تجميليه يمين وصوره تجميليه يسار
الفوتر بيكون صوره تجميليه يمين وصوره تجميليه يسار
شاهد التوزيع للصور التجميليه بهذا الرسم التخطيطي الي كان بالدرس مفصل الثاني
الصور التجميليه راح نضيفها هالمره باستخدام ادراج صوره
نقوم بتقسيم خلية التمدد للهيدر والفوتر الى ثلاث خلايا اضافيه قبل ادارج الصور التجميليه
بكذا قسمنا الخليه الى ثلاث خلايا في الهيدر header الان نقوم بادراج الصور التجميليه يمين ويسار ونترك المنتصف للتمدد
ونفس الي سويته على الهيدر header تطبقه على الفوتر
وبكذا يكون هذه نتيجة العمل
باقي علينا الان تعديل توجيه محاذاة الصور
وهذي طريقه سهله راح نستخدم فيها اداة المحاذاة
طبق هذه العمليه للصوره التجميليه بالهيدر header الي باليمين وبعدها انتقل للفوتر ونفس العمليه للجهة اليمن طبق عليها هذه الطريقه
يبقى عندي الجهة اليسار للهيدر والفوتر نطبق عليها الطريقة باستخدام اداة المحاذة لليسار
للتخلص منها عليك الضغط على كل صوره ضغطتين متتاليتين او اذا يدك مو خفيفه على الماوس اضغط على الصوره ضغطه وحده وختر خصائص الصوره
بيفتح لنا مربع
طبق هذه العمليه لجميع الصور الي سويت لها محاذه
وش باقي نقول واصل شوي خل اعضائك يفرحون بتصميمك مابقى غير القليل
الان ننقل التصميم للهيدر طبعاً بعد رفع ملف الصور لمجلد المنتدى forum
نتقل للتعليمات البرمجية
ونلاحظ هذا الشرح طريقة المهم لتقسيم الكود code البرمجي لجزئين راح ننقل الجزء الاعلاء لنضعه داخل الهيدر header بالمنتدى forum والجزء الاسفل للفوتر ركز في طريقة التقسيم هذه
الان نقوم بالدخول لوحة التحكم الخاصه لمنتداك
الان هنا يتم وضع كود code الفرنت بيج للجزئين الي قمنا بتوزيعهم
ننزل تحت لـــ footer
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
