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

من طرف **Admin** 4/7/2008, 12:41

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

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

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

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

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

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

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

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

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

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

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