wp_

في الكاتب: و مدرجة تحت التنصيف wordpress, دروس.

بسم الله والحمدلله والصلاة والسلام على سيدنا رسول الله -صلى الله عليه وسلم-. نبدأ بإذنه تعالى مجموعة صغيرة من الدروس غايتها الوقوف على أساسيات تصميم قالب ووردبريس مبسط ابتداء من التخطيط المبدئي مرورا برسمه في الفوتوشوب وتحويله إلى HTML و CSS وحتى بناء القالب إن شاء الله.

 

الأجزاء :

  1. الجزء 1 – الأدوات.
  2. الجزء 2 – تخطيط الموقع.
  3. الجزء 3 – رسم الموقع على Photoshop / Gimp .
  4. الجزء 4 – تحويل التصميم لـ HTML/CSS .
  5. الجزء 5 – الجافاسكريبت .
  6. الجزء 7 – تحويل HTML/CSS لقالب ووردبريس.

الأدوات المطلوبة :

برنامج التخطيط :

خدمة Moqups المجانية (تطبيق ويب Web based application) .

يوفر لك إمكانية عمل تخطيط سريع للمواقع (wireframe) ويدعم تعدد الصفحات ورفع صورك الخاصة و العديد من المزايا الأخرى.

رابط الموقع

 

برنامج الرسم وتحرير الصور :

برنامج الفوتوشوب Adobe Photoshop CS5 ME أو CS6 .

ربما يفضل البعض البرامج مفتوحة المصدر مثل  Gimp أو Inkscape  !

 

برنامج لتحرير النصوص Text-Editor :

أي محرر نصوص موجّه للبرمجة سيفي بالغرض عموما يفضل استخدام Notepad Plus Plus.

يمكنكم تنزيله من الموقع الرسمي

المتصفح:

متصفح قوقل كروم Google Chrome أي إصدارة و لكن يفضّل الإصدارة 20 فما فوق. أو فايرفوكس Firefox . إذا كنت من محبي السفاري Safari فبإمكانك استخدامه الإصدارة 5 فما فوق.

 

الخادم (السيرفر) :

سيرفر xampp الشهير . يمكنكم تنزيله من صفحة المشروع في سورسفورج sourceforge .

بالإمكان تنزيل محرر النصوص والمتصفحات وبرامج الرسم من موقع Ninite وقد كنا تحدثنا عن هذا الموقع في تدوينة سابقة  بهذا نكون قد قمنا بالاستعداد للبدء بالعمل! نواصل في وقت لاحق إن شاء الله.

وصلى اللهم وسلم وبارك على سيدنا محمد وعلى آله وصحبه وسلم والحمدلله رب العالمين

wdalhaj

مصمم و مطور ويب حر..يعشق شرب القهوة السوداء.. يمكنكم متابعته على التويتر [email protected]

More Posts

6 Responses to “تصميم قالب ووردبريس – الجزء 1 – الأدوات”

    • wdalhaj

      شكرا أخ حامد جزاك الله خيرا وبالتوفيق إن شاء الله :)

أضف تعليقاً

  • (لن يتم نشره)