حياكم الله في موقع عرب ووردبريس المتخصص في سكربت التدوين الشهير (ووردبريس)
|
|
||||||
 |
|  |
 |
|
|
LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
02-03-2008, 04:57 PM
|
|||
|
|||
تحويل ملف فوتوشوب الى Css في اقل من 30 ثانية
السلام عليكم ورحمة الله وبركاتة
اقدم لكم درس خفيف وسريع وهو تحويل ملف بي اس دي الى سي اس اس في اقل من 30 ثانية ------------------------------- اولا الفوتوشوب CS3 ------------------------------- بعد تقطيع العمل بالسلايس (( ملاحظة : يرجى ان عند تقطيع التصميم مراعاة تسمية كل جزء مثل " هيدر .. فويتر .. القائمة الجانبية " من خلال الضغط بزر الايمن على كل قطعة واختيار خيار Edit slice Option ثم في خانة Name نضع التسمية )).. ثم نقوم بتصدير الملف من خلال الذهاب الى قائمة فايل File ثم سييف فور ويب آند ديفايسس Save for web & devices ... -في الجهة اليمنى بجانب كلمة Preset نجد على يمينها مثلث صغير .. نضغط عليه كما في الصورة ..  ثم نختار Edit Output Settings -----------------------------------------  المرحلة الثالثة : نختار من القائمة خيار Slice المرحلة الرابعة : نختار Generate CSS المرحلة الخامسة نختار خصائص Css ثم نضغط OK ثم Save لتصدير العمل .... -------------------------------------------- ثانيا : الفوتوشوب CS2 -------------------------------------------- اولا نقوم بإستيراد الموقع اللي صممناه على الفوتوشوب من خلال قائمة file ثم open ونحدد الفايل   المرحلة الثانية نقوم بتعديل الفايل عبر ايميج ريدي : من قائمة file نختار Edit in imageready  المرحلة الثالثة تقطيع الصفحة من خلال اداة sliceTool  بعد الانتهاء من تقطيع الملف نقوم بوضع اعدادات slice قبل تصدير الملف الى html من خلال الذهاب الى قائمة file ثم output settings ثم نختار slice  المرحلة الخامسة نغير الـ Generate Table الى Generate CSS ثم نحدد Referenced -----------------------------------------------  المرحلة السادسة تصدير الفايل الى HTML من خلال File ثم Save Optimized As  المرحلة الاخيرة انتهينا من تصدير الملف ولنتأكد يمكننا فتح الاكسبلور ا اي متصفح ونذهب الى السورس لمشاهدة النتيجة .. يبقى علينا تعديل الملف بواسطة اي برنامج محرر مثل الدرم ويفر او الفرونت بيج  ------------------------------------------------ انتظرونا في درس قادم كيفية فصل كود CSS عن الملف الذي صدرناه من الفوتوشوب ------------------------------------------------ السموحه على القصور التعديل الأخير تم بواسطة زلزال ; 02-03-2008 الساعة 06:28 PM. 
|
|
#2
02-03-2008, 08:15 PM
|
|||
|
|||
|
جزاك الله خير..
بإنتظار درسك القادم.. تحيتي 
__________________
::| WwW.Bssmat-b.CoM |::
|
|
#4
02-04-2008, 03:27 PM
|
|||
|
|||
|
أخي زلزال ماشاء الله درس روعة بوركت وبوركت مجهوداتك.
همسة:لا تنسى الإشارة إلى صاحب الموضوع أو وصلة لصفحة الموضوع الأصلية. موقع صاحب الموضوع: بكسل صفحة الموضوع الأصلية:http://www.swalif.net/softs/swalif44/softs207470/
__________________
|
|
#7
02-04-2008, 04:05 PM
|
|||
|
|||
|
اقتباس:
هل ستتفاجئ لو قلت لك بأنني صاحب الموقع وصاحب الموضوع الاصلي  نعم اخي الكريم .. اعوذ بالله من كلمة انا .. (( ملك الفوتوشوب )) ولدي اسماء اخرى اشارك بها مثل 2pxl وزلزال اسعدني تواجدك في موضوعي وهذا الشعار الجديد لموقعي ... حاليا اعمل على تصميمه بأسلوب جديد .. وخفيف 
|
|
#8
02-06-2008, 04:04 PM
|
|||
|
|||
|
فاجأتني حقا اخي بكسلزال
أنت رائع بحق وقرأت الكثير من مواضيعك أعذرني وحاسب نفسك على تعدد الألقاب
__________________
|
|
#9
02-06-2008, 05:55 PM
|
|||
|
|||
|
اقتباس:
حبيبي والله ... احيانا تكون مجبرا لتغيير الاسم المستعار .. نظرا لعدم توفره ... ويشرفني التعرف على اخ كريم مثلك
|
|
#10
02-06-2008, 07:18 PM
|
|||
|
|||
|
مره درس روعه
يعطيك العافيه
__________________
|
|
#12
04-28-2008, 11:52 PM
|
|||
|
|||
|
ماشاء الله عليك ...
الله يزاك الجنة اخي الكريم كنت محتاج لدروس مثل هذي ... بقي علي التطبيق. تحياتي الخالصة
__________________
مدونة توفي : www.tuufy.com أستايل dark للمصمم الشهير ilemoned استايلfreshy عودة جديدة مع أستايل MyApri أستايل rounded-v2-blue من تعريب مدونة ونس [اللهم إني لا أسئلك رد القضاء أنما أسئلك الطف فيه ]
|
|
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| فوتوشوب للجميع | aeroman | عرض المدونات | 0 | 08-10-2009 04:37 PM |
| 14 بديل مجاني لبرنامج فوتوشوب بين يديك | غراب | مقتطفات تدوينية | 0 | 05-11-2009 01:34 PM |
| قافلة طبية مغربية ثانية إلى غزة | benbrahim | مقتطفات تدوينية | 0 | 01-08-2009 01:32 AM |
| أدوبي فوتوشوب أونلاين | علاء السلال | مقتطفات تدوينية | 0 | 03-28-2008 05:38 PM |
| صمم خلفية ماتركس في 20 ثانية فقط … درس سهل جدا | hassan alshaikh | مقتطفات تدوينية | 0 | 09-16-2007 05:05 PM |
دليل مواقع | انمي | منتديات
العرض العادي
