الرئيسية / حلقات / دورة تكويد PSD إلى HTML5 و CSS3

دورة تكويد PSD إلى HTML5 و CSS3

أثناء تصفحي للمنتديات العربية، كثيرا ما أصادف أناسا يسألون عن كيفية إنشاء موقع و آخرون يريدون احتراف التطوير للويب. في السنوات الأخيرة، عرف الويب العربي قفزة نوعية، حيث تضاعف عدد المدونات و المواقع بصورة ملحوظة، لكن هذه الزيادة للأسف لم يصاحبها تحسن من حيث الجودة و الدليل أخطاء التصميم و التكويد القاتلة بالإضافة إلى تصاميم بدائية كثيرا ما نصادفها في المواقع العربية. كل هذه الأسباب دفعتني إلى تنظيم دورة HTML5 و CSS3 لمساعدة زوار I-BHD على احتراف التكويد و توسيع مجال معرفتهم. بالنسبة لي، أفضل طريقة للتعلم هي بالعمل على مشروع صغير لتطوير إمكانياتك، لهذا في هذه الدورة، سنقوم بتكويد تصميم PSD و في نفس الوقت سندرس لغة HTML5  و نكتشف بعض خدع CSS3 لجعل المواقع أكثر احترافية. 

ما سننجزه  خلال الدورة

في هذه الدورة، سنقوم بتكويد تصميم واجهة موقع بالاعتماد على HTML5 و CSS3 و تحرير كود يحترم معايير الويب. سنعتمد على تصميم فوتوشوب للواجهة لتعلم كيفية تحرير كود جميل و بسيط.

ما سنحتاجه خلال الدورة

  • Adobe Photoshop CS3 أو أحدث.
  • محرر كود (Code editor) لتحرير الكود:
  1. Sublime Text 2 يدعم كل المنصات
  2. Notepad++
  3. Coda 2 للماك فقط.
  4. يمكنك أيضا استعمال برنامجك المفضل.
  • بعض المعارف القبلية لHTML و CSS، لكن إذا لم ييسبق لك التعرف على هاتين اللغتين لا توجد مشكلة.
  • متصفح ويب حديث (Chrome، Firefox…)
  • الملف PSD الذي يضم الواجهة التي سنقوم بتكويدها. يكمنك التحميل من هذا الرابط.
يمكنك متابعة الدورة على يوتوب أو هنا على I-BHD حيث ستجد كل الحلقات هنا أسفل الموضوع و إذا واجهتك أي مشاكل قم بمشاركتها في التعليقات و سأحاول الإجابة. استمتع بالتكويد.