اولا نقوم بإستيراد الموقع اللي صممناه على الفوتوشوب من خلال
قائمة file ثم open ونحدد الفايل
![فلاتر فوتوشوب دروس Adobe Photoshop دروس احترافية [متوسط] درس تحويل ملف فوتوشوب الى Css دروس فوتوشوب دروس فوتو شوب دروس فوتوشوب متقدمة دروس التصميم بالفوتوشوب دروس محترفة](http://www.gulfson.com/vb/imgulfson/caada9dfef1674d4c4a4c1801b6e58a0.gulfson)
![دروس التصميم بالفوتوشوب دروس فلاتر فوتوشوب دروس فوتوشوب متقدمة [متوسط] درس تحويل ملف فوتوشوب الى Css دروس رسم بالفوتوشوب تعلم الفوتوشوب دروس فوتوشوب متقدمة دروس فوتوشوب دروس فوتوشوب متقدمة](http://www.gulfson.com/vb/imgulfson/82949bd063f48f9f70e83df2cd1d9bf2.gulfson)
المرحلة الثانية نقوم بتعديل الفايل عبر ايميج ريدي : من قائمة file نختار Edit in imageready
![فلاتر فوتوشوب [متوسط] درس تحويل ملف فوتوشوب الى Css دروس فوتوشوب متقدمة دروس رسم بالفوتوشوب دروس التصميم بالفوتوشوب دروس فوتوشوب للمبتدئين دروس التصميم بالفوتوشوب](http://www.gulfson.com/vb/imgulfson/00618d121d292e29f1209f8bc7b25477.gulfson)
المرحلة الثالثة تقطيع الصفحة من خلال اداة sliceTool
![تحميل فوتوشوب دروس فوتوشوب متقدمة تعلم الفوتوشوب [متوسط] درس تحويل ملف فوتوشوب الى Css دروس فوتو شوب دروس الرسم بالفوتوشوب دروس فوتوشوب متوسطة دروس فوتو شوب دروس فوتوشوب للمبتدئين](http://www.gulfson.com/vb/imgulfson/fb02ab7ee7f580ae131f662e3843936f.gulfson)
بعد الانتهاء من تقطيع الملف نقوم بوضع اعدادات slice قبل تصدير الملف الى html
من خلال الذهاب الى قائمة file ثم output settings ثم نختار slice
![دروس فوتوشوب مبتدئين دروس فوتوشوب فيديو دروس فوتو شوب [متوسط] درس تحويل ملف فوتوشوب الى Css دروس Adobe Photoshop دروس فلاتر فوتوشوب دروس فلاتر فوتوشوب تعلم الفوتوشوب دروس محترفة](http://www.gulfson.com/vb/imgulfson/a261dceed89021bf91fc74f7815549e2.gulfson)
المرحلة الخامسة نغير الـ Generate Table الى Generate CSS ثم نحدد Referenced
.. طبعا هذا نتركه للخبراء
![دروس فوتوشوب مبتدئين دروس Photoshop دروس فوتوشوب متوسطة [متوسط] درس تحويل ملف فوتوشوب الى Css دروس فوتوشوب متقدمة دروس فوتوشوب مبتدئين دروس الرسم بالفوتوشوب دروس فوتوشوب مبتدئين](http://www.gulfson.com/vb/imgulfson/f0e4b4e0584f825284da211749ad3fad.gulfson)
المرحلة السادسة تصدير الفايل الى HTML من خلال File ثم Save Optimized As
![دروس فوتوشوب 8 دروس احترافية [متوسط] درس تحويل ملف فوتوشوب الى Css دروس الرسم بالفوتوشوب دروس احترافية دروس Adobe Photoshop تعلم الفوتوشوب](http://www.gulfson.com/vb/imgulfson/b4983dcefd403af94cb475c847054ac1.gulfson)
المرحلة الاخيرة انتهينا من تصدير الملف ولنتأكد يمكننا فتح الاكسبلور ا اي متصفح ونذهب الى
السورس لمشاهدة النتيجة .. يبقى علينا تعديل الملف بواسطة اي برنامج محرر مثل الدرم ويفر او الفرونت بيج
![دروس فوتوشوب 8 دروس التصميم بالفوتوشوب [متوسط] درس تحويل ملف فوتوشوب الى Css دروس الرسم بالفوتوشوب دروس فوتوشوب متقدمة دروس فوتوشوب دروس رسم بالفوتوشوب دروس احترافية](http://www.gulfson.com/vb/imgulfson/3a9596ebfcadd72db0c14967bc2e77d1.gulfson)
حقوق الدرس ل pxlwork.com