تصميم المواقع تحويل ملف فوتوشوب psd الى موقع

بسم الله الرحمن الرحيم

تصميم المواقع


تحويل ملف فوتوشوب psd الى موقع

Translated Title: Photoshop psd file transfer to the site






GA_googleFillSlot("insideTutorial");



GA_googleCreateDomIframe('google_ads_div_insideTutorial' ,'insideTutorial');





السلام عليكم ورحمة الله وبركاتة

اقدم لكم درس خفيف وسريع وهو تحويل ملف بي اس دي الى الى سي اس اس في اقل من
30 ثانية
اولا نقوم بإستيراد الموقع اللي صممناه على الفوتوشوب من خلال
قائمة file ثم open ونحدد الفايل

اضغط على الصورة لمشاهدتا بالحجم الطبيعي

المرحلة الثانية نقوم بتعديل الفايل عبر ايميج ريدي : من قائمة file نختار Edit in imageready

اضغط على الصورة لمشاهدتا بالحجم الطبيعي

المرحلة الثالثة تقطيع الصفحة من خلال اداة sliceTool



بعد الانتهاء من تقطيع الملف نقوم بوضع اعدادات slice قبل تصدير الملف الى html
من خلال الذهاب الى قائمة file ثم output settings ثم نختار slice

اضغط على الصورة لمشاهدتا بالحجم الطبيعي

المرحلة الخامسة نغير الـ Generate Table الى Generate CSS ثم نحدد Referenced
.. طبعا هذا نتركه للخبراء

اضغط على الصورة لمشاهدتا بالحجم الطبيعي

المرحلة السادسة تصدير الفايل الى HTML من خلال File ثم Save Optimized As



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