ملاحظات مهمة قبل البدء
- تعريب الستيل يحتاج لوجود ملف psd
- عند فتح ملف الpsd سيكون مقسما إلى مربعات هذه المربعات هي عبارة عن خانات داخل جدول كل خانة تحتوي على صورة محددة لكن هناك بعض المواقع تعطي التصميم بدون تقسيم عليك أنت تقسيمها مع مراعات الصور التي ستكون مفعلة (أزرار) لكن الأغلب ستكون مقسمة
- يمكنك معرفة التصميم إذا كان مقسم أو لا عن طريق وجود مربعات زرقاء على التصميم عند فتحه أو يمكنك التأكد بضغط Ctrl+H
- خطوات التعريب
1- إفتح ملف الpsd ثم Image>rotate canvas>Flip Convas Horisantal
(سيتم بهذه العملية قلب التصميم بالكامل)
2 - إذهب إلى file > Save for web و إختر gif و يمكنك تحديد عدد الألوان المستخدمة في كل صورة و ذلك لتسريع التصميم و تقليل حجم الصور عليك الإختيار بما يتناسب مع الصورة التي تختارها و بعد تحديد العدد لكل الصور الموجودة بالتصميم إضغط على المساحة الفارغة في الأسفل لتعرف الحجم الكلي للتصميم و يكون صغير بأقصى اليسار حاول أن يكون العدد أقل من 70 kb ليكون سريع و يمكنك التنقل في جميع أجزاء التصميم بالضغط على Spance
بعد ذلك إحفظ التصميم بملف خارجي منفصل
توضيح للخطوة السابقة و عملية فحص حجم التصميم
2- سيتم حفظ التصميم بصفحة html و حفظ الصور بملف جانبه بإسم Images الآن إفتح الصفحة بإستخدام Notbad و غير
كود: تحديد الكل
<html>إلى
كود: تحديد الكل
<html dir="rtl">(سيتم بهذه العملية قلب كل شئ في التصميم و قلب ترتيب الخانات من نظام يسار يمين إلى نظام يمين يسار)
3 - بإستخدام notbad إبحث عن:
كود: تحديد الكل
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">إستبدلها بـ:
كود: تحديد الكل
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">(بهذه العملية قمت بتغيير نظام الصفحة من النظام الإنجليزي القياسي إلى النظام العربي)
4 - إفتح ملف images و حدد جميع الصور داخله و أفتحها عن طريق الفوتوشوب و من ثم إقلب كل صورة على حدة و إحفظها يمكنك قلبها بالذهاب لImages>Rotate Convas>Flip Convas Horisontal
ثم حفظها File>Save
مبروك إنتها تعريب التصميم :)