كمبرمج: ما هي الطريقة التسلسية التي تنتهجها عند تكويد ملف psd أو صورة؟

في البداية أقوم بإخراج كامل الصور وذلك عبر تغيير أسماء Layers التي أريد استخراجها إلى name.png (أضف لها .png فحسب) ثم

File >> Generate >> Image Assets

ثم أنتقل للبدأ في إعداد Boilerplate للقالب، عادة أستخدم HTML5 Boilerplate أو استخدم واحدا جاهزا

الأساسيات في كامل الصفحات تكون

ملف الرئيسية الأساسي الذي يحتوي على وسوم أساسية مثل view-port

إرفاق ملف style و script و normalize و jquery

البدأ مباشرة في كتابة كود HTML كاملا، عادة أفتح الصورة في جهة أخرى (شاشة أخرى أو نصف الشاشة) وأكتب كامل الكود وأضع فيه المحتوى

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

بعد الإنتهاء أقوم أنتقل ل CSS وأقوم بكتابة بعض العبارات الأساسية (أشبه ب Reset ثاني) ثم أنتقل لكتابة الcomponents مثل الأزرار والفورم وما شابه.

بعد هذا أنتقل لهيكلة الصفحة، وأقوم بكتابة كل جزء لوحده وهو أمر عادي في صفحات بسيطة ولكن لا ينصح به في المشاريع الكبيرة حيث أنه من الأفضل تحديد نظام هيكلة (grid) موحد من أجل كامل المشروع.

في النهاية أقوم بالإنتقال لجزئية توافقية الشاشات ثم بعض الإختبارات ويكون الموقع انتهى