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

حفظ البيانات؟
منتديات Evile
الدرس الرابع : تصميم ال header.php 10378110
منتديات Evile
الدرس الرابع : تصميم ال header.php 10378110
المواضيع الأخيرة
goweto_bilobedمنتديات عرب مسلمالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتدى برامج نتالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتدى عرب مسلمالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:01 من طرفgoweto_bilobedمنتديات برامج نتالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتديات مثقف دوت كومالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتدى فتكات - منتديات عالم حواءالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتدى المشاغبالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 03:00 من طرفgoweto_bilobedمنتديات العربالدرس الرابع : تصميم ال header.php I_icon_minitime19/11/2024, 02:59 من طرف

| |

غْـِـِـِيْـِـِـِر مُـِـِـِسَـِـِـِِجَـِـِـِل

لأنـنـآ نـعـشـقِ التـميز والـِمُـِمَـِيّـزِيْـטּ يشرفنـآ إنضمـآمڪ معنـآ فيـﮯ مـنـتـديـآت EVILE | |

أثبـت تـوآجُـِدڪ و ڪـטּ مـטּ [ الـِمُـِمَـِيّـزِيْـטּ ..!

لـِڪي تـسـتـطـيـع أن تُـِتْـِِבـفَـِنَـِـِا[ بـِ موآضيعـڪ ومشارڪاتـڪ معنـِـِـِآ ]

[ باْلْـِضَـِغْـِطِ هُـِـِنَـِـِـِاْ ]

أنت غير مسجل فى منتديات evile . للتسجيل الرجاء إضغط هنـا
نحن معكم
الرئيسيةبوابتناأحدث الصورالتسجيلدخول

شاطر|

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل
معلومات العضو
nyaster_dz

مبرمج موقع Evile

nyaster_dz
مبرمج موقع Evile
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 120
التقيم التقيم : 6
•سجلت فــي || •سجلت فــي || : 28/05/2013

معلومات الإتصال

الدرس الرابع : تصميم ال header.php Empty
مُساهمةموضوع: الدرس الرابع : تصميم ال header.php الدرس الرابع : تصميم ال header.php I_icon_minitime18/6/2013, 10:01


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

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

هدا كود ال html
الدرس الرابع : تصميم ال header.php 6WBiT
لا تقلقوا من كل هده الكتابات سوف اشرح لكم بالتفصيل
هدا الكود من الشركة التي اخترعت ال html اكتبه كما هو و لا داعي للقلق منه
الدرس الرابع : تصميم ال header.php NZMiA
اما هدا الكود فهو الترميز حيث ترميز العربية هو utf-8:
الدرس الرابع : تصميم ال header.php VuTdX
هدا الكود من عنوانه واضع هو ال title اي عنوان الصفحة و سوف نغيره لاحقا:
الدرس الرابع : تصميم ال header.php R7qud
الان تم توضيح الكود العام لصفحة ال html الان ننتقل الى العمل و هو التعديل على الكود العام ليصبح هكدا :
الدرس الرابع : تصميم ال header.php UHMPx
لا عليكم لم تفهموا الكود سوف اشرحه:
الجملة الاولى تبقى كما هي اما العنوان نغيره الى:
الدرس الرابع : تصميم ال header.php SErix
اما هدا الكود لاستداعء ملفات ال css التي هي ال styles.css and panels.css التي سوف تزين الهيدر
الدرس الرابع : تصميم ال header.php LWSuO
الان ننتقل الى قسم ال body نقوم بأنشاء جدول فيه قائمة كالاتي :
الدرس الرابع : تصميم ال header.php Y0S7q
لا تقلقوا من الكود سوف اشرحه بالتفصيل بإدن الله :
هدا الكود للاشارة الى ملف ال css كما شرحة في مقدمات الدورة
الدرس الرابع : تصميم ال header.php QKWZh
هدا هو كود الجدول متكون من سطر واحد و خلية واحدة و في الخلية هنالك قائمة:
الدرس الرابع : تصميم ال header.php AxiZe
ملاحظة:
يتم انشاء الجدول كالاتي:


     

حيث ال tr هو السطر و ال td هو العمود
 اما
اما النجوم تلك فهي تعوض خصتئص الجدول مثل ما شاهدتم في الصورة السابقة
 اما هدا الكود قيمثل استداء للصورة:
الدرس الرابع : تصميم ال header.php 9lDJ4
نقوم بالحفظ ثم نتجه الى الرابط التالي لمشاهدة النتيجة:
الدرس الرابع : تصميم ال header.php 9j5CD
و ها هي النتيجة:
الدرس الرابع : تصميم ال header.php 86CTm
ليست جميلة سوف نجملها.
ندهب بانشاء ملف css جديد نسميه styles.css
نضع فيه خاصئص ال body
الدرس الرابع : تصميم ال header.php DwCag
ثم نضيف هده الخصائص لتزين النافيار القائمة
الدرس الرابع : تصميم ال header.php YM14u
ثم نضيف اليها التأثيرات عند طريق ال hover
الدرس الرابع : تصميم ال header.php WuoWT
نضيف اليها المزيد من التأثيرات
الدرس الرابع : تصميم ال header.php K6tKM
هكدا كنا انتهينا من تصميم ملف ال styles.css
نقوم الان بانشاء ال panels.css
الدرس الرابع : تصميم ال header.php KJHh0
ملاحظة:
ملفات ال styles.css and panels.css
نقوم بحفظها في هدا المسار
evile/styles/
الدرس الرابع : تصميم ال header.php ESRhj
شاهدوا النتيجة الان
الدرس الرابع : تصميم ال header.php B6Osz
و سوف اضع لكم الملفات في نهاية الدرس لكي تحملوها و تفهموا اكثر
هدا هو ال header.php
في الدرس القادم سوف ننشا ال footer.php و الدي نكتب فيه حقوق الموقع بالتوفيق لكم
By Nyaster_dz for Abdelwahab and Evil_e.com
ملفات الدرس:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
ملك الحصريات

 

ملك الحصريات
 
معلومات إضافية
الجنس الجنس : ذكر
|| مسآهمآتي || مسآهمآتي : 1748
التقيم التقيم : 59
•سجلت فــي || •سجلت فــي || : 22/12/2012
•MMS •| : الدرس الرابع : تصميم ال header.php Gtsgy8k1xa76

معلومات الإتصال
http://medo.glaxu.org/vb https://www.facebook.com/pages/منتديات-ميدو-على-استضافه-جلاكسو/470453019664649
الدرس الرابع : تصميم ال header.php Empty
مُساهمةموضوع: رد: الدرس الرابع : تصميم ال header.php الدرس الرابع : تصميم ال header.php I_icon_minitime19/6/2013, 08:07

شكرا لك على الموضوع


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

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

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

-
» تصميم خاص بموقعك , تصميم غلاف فيسبوك , مجاني بالابداع العربي» الدرس الثالث: ان شاء ملف ال config.php للاتصال بقواعد البيانات» دعاء يوم الرابع من رمضان » الدرس الأول: تحضير الملفات» الدرس الثاني: ان شاء قواعد البيانات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات Evile :: دورات انشاء منتدى & سكربيت & مجلات...-