ما هوال PSD إلى HTML؟
بشكل عام ، ال "PSD إلى HTML" هو سير عمل. أولاً يتم تصميم صفحة الويب في مستند PSD ثم يتم تحويلها إلى أكواد HTML و CSS وجافا سكريبت. يمكنك تبديل ال Photoshop بأي محرر صور آخر (مثل Pixelmator و GIMP وما إلى ذلك) ، ولكن المبدأ هو نفسه. في ما يلي خطوات تنفيذ هذه العملية:
يتم أولاً تصميم نموذج بالحجم الطبيعي عالي الدقة في ال Photoshop لما تريد أن يبدو عليه موقعك بالضبط و من ثم يتم استخدم أداة الشرائح لتقسيم صور موقعك على الويب و بعد ذلك يتم تصديرها إلى الويب باكتابة أكواد ال HTML و CSS.
للوهلة الأولى ، قد تبدو هذه فكرة جيدة حيث أنه من الصعب بدء التكويد إذا كنت لا تعرف كيف ستبدو النتيجة النهائية ، لذا فإن تجربة ال Photoshop أولاً ثم التصدير إلى HTML تعتبر عملية دقيقة و أفضل. لقطة الشاشة لنافذة الويب في Photoshop تُعتبرأداة أساسية للمصممين الذين يحفظون الأصول من ال PSD حيث أنه من السهل تقسيم و تصميم إلى صور ثم التخطيط على صفحة ويب باستخدام HTML و CSS.
بالمضي قدمًا في هذه الفكرة ، استخدمت العديد من شركات الويب ال PSD إلى HTML كنموذج لتدفقات عمل الفريق. بمعنى آخر ، يقوم المصمم بإنشاء نموذج فوتوشوب ثم يسلمه إلى مطور ليكتب كل التعليمات البرمجية و في العصر الحديث يميل الدور الوظيفي لمصمم الويب ليشمل الجماليات بالإضافة إلى تكويد ال HTML و CSS.
هل كانت ال PSD إلى HTML فكرة جيدة ؟
نعم ، كان سير عمل ال PSD إلى HTML أحد أفضل الطرق لإنشاء مواقع الويب لسببان كبيران.
السبب الأول هو أصول الصورة. قبل أن تدعم المتصفحات جميع الميزات الرائعة في ال CSS الحديثة (الظلال المسطحة ، الزوايا الدائرية ، التدرجات والمزيد) كان من الصعب جدًا إنشاء تأثيرات عبر المتصفح دون استخدام الصور. فكان المصممون بإنشاء الظلال والزوايا المستديرة كصور ، ثم يتم استخدام حيل ذكية لوضع الصور على الصفحة. و تحتاج هذه الأصول إلى أن تتحقق بغض النظر عن أي شيء ، لذا فإن إنشائها في نفس الوقت الذي يوفر فيه النموذج عالي الدقة نموذجًا فعليًا للوقت.
