• 0
puertime

دورة برمجة مدونة شحصية - الدرس الأول [تصميم قالب المدونة]

سؤال

الحمد لله الذي وفقني في إنهاء الدرس الأول في دورة برمجة مدونة شخصية من الصفر, في هذا الدرس سوف أشرح لكم طريقة تصميم وتكويد قالب المدونة باستعما كل من HTML, CSS3 و jQuery.

تم تقسسم الدرس الى 4 أجزاء مختلفة, في كل جزء أقوم فيه بتصميم جزء من الصفحة.

هذه الدورة برعاية مدونة خالد البويرطو.

 

تصميم قالب مدونة - الجزء 1

في هذا الجزء بمشيئة الله قمت بشرح طريقة تصميم هيدر المدونة والقوائم الخاصة به لتكون النتيجة كما في الصورة:

 


bloogi.png

 

تصميم قالب مدونة - الجزء 2

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

 

تصميم قالب مدونة - الجزء 3

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

 

تصميم قالب مدونة - الجزء الأخير

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

 

لنصل في النهاية الى القالب الموجود في الصورة التالية:

 


puertoBlooogi.png
 
فأتمنى من الله ان يوفقني في الانتهاء من دروس الدورة, حيث سأعمل في الدروس القادمة على شرح برمجة خواص المدونة بالاعتماد على نظام القوالب سمارتي.
كان معكم خالد البويرطو من مدونة خالد البويرطو.
2

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

1 إجابات على هذا السؤال .

  • 0

ما شاء الله

 

بارك الله بك أخي خالد البويرطو

 

يبدو التصميم رائع و أنا متأكد من أنني سأستمتع بمتابعة دروسك

وأظن أنني سأستخدم هذا القالم في مدونتي

 

شكراً جزيلاً على مشاركتك الرائعة

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .