السلام عليكم
هذه محاولة أخرى لي في تحويل PSD الى HTML
استعملت هذه المرة Boostrap 4
اليكم الرابط و يحتوي على رابط التصميم :
و هنا الرابط لمعاينة الموقع :
https://derdjamel.github.ioأولا، نسيت الهوفر على عناصر القائمة الرئيسية. هذه ملاحظة تسري على عدد من العناصر الأخرى في التصميم.
ثانيا، المنطقة حيث يوجد "Welcome To Our Market" عبارة عن سلايدر وليست صورة واحدة فقط.
ثالثا، الخريطة في الفوتر يجب أن تضعها باستخدام خدمة Google Maps وليس صورة Background.
رابعا، يجب أن تعطي أهمية أكبر لخاصية line-height، لأن بعض النصوص تبدو فيها line-height أقل مما هو موجود في التصميم.
خامسا، التصميم غير متجاوب بشكل جيد. مثلا القائمة الرئيسية لا تظهر في الموبايل، وفي حالة Tablet Portrait يجب الإنتقال إلى حالة العمودين عوض 4 إلخ...
على العموم، كبداية تبدو محاولة جيدة. بالمزيد من الممارسة سيتحسن مستواك إن شاء الله.
بالتوفيق.
التعليقات