|
إنضمامك إلي منتديات استراحات زايد يحقق لك معرفة كل ماهو جديد في عالم الانترنت ...
انضم الينا
#1
| ||
| ||
أغلب مطوري الويب يتبعون طريقة تصميم الموقع على الفوتوشوب ثم يقومون بتجزيء التصميم وتكويده بـ HTML و CSS وهذه الطريقة تأخذ وقتاً وجهداً فقص الصور وكتابة الأكواد لها وصفّها في أمكنتها المحددة متعب وغير دقيق.
__DEFINE_LIKE_SHARE__
موقع "PSD TO WEB" يقدم لك خدمة تكويد تصاميمك وجعلها صفحات ويب بـ HTML و CSS بدقائق معدودة. ما عليك إلا تصميم الموقع على فوتوشوب ثم حفظ التصميم بإمتداد .psd ورفعه للموقع وهو سيقوم بتحويل تصميمك إلى صفحة ويب كما صممتها تماماً وبعدها يمكنك تحميل ملف صفحة الويب الذي يحوي الأكواد والصور إلى حاسوبك. ولكن قبل كل شيء من الضروري أن تأخذ بعض هذه النصائح الهامة التي تضمن لك أن يتم تحويل تصميمك إلى صفحة ويب من دون أخطاء: 1- من الضروري أن ترفع الملف بإمتداد .psd وهو الحفظ العادي Ctrl + S فقط. 2- المؤثرات كالـ Stroke وال Pattern وغيرها غير مدعومة إلا إذا كانت لاير Rasterized يعني عندما تقوم بوضع تأثير لصورة ما يجب عليك أن تضغ على تحويل لكائن ذكي Convert To Smart Object ثم تضغط مرة ثانية على Rasterized Layer فقط المهم أن يبقى اللاير من دون تأثيرات خارجية يجب أن تكون التأثيرات مدموجة فيه. 3- الألوان 8 بيت فقط لا غير. 4- اقصى حجم لملف التصميم هو 80 ميجا. وملاحظة أخيرة: سوف يقوم الموقع بتحويل تصميمك إلى بلوكات HTML يعني DIV وكل DIV له id تحدده أنت عندما تسمي اللاير من داخل الفوتوشب لذا يجب عليك تسمية كل لاير لتستطيع العمل عليه عند تحويله. وهذا فيديو يشرح العملية بسرعة كبيرة مشاهدة ممتعة رابط الفيديو على يوتيوب <b> </b> |
مواقع النشر (المفضلة) |
| |
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
» تصاميم - بوربوينت - بحوث - تواقيع - فوتوشوب | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 01-18-2014 08:00 PM |
تصاميم فوتوشوب جاهزة في غاية الروعة Seamless Textures Patterns for Photoshop | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 09-29-2010 02:30 PM |
شرح :بضغطة زر ظلل النص بالكامل للاكواد ( bbcode - php - html ) | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 10-31-2009 02:50 AM |
المساجد --- ورمضان كريم---- تصاميم---- فوتوشوب | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 06-23-2009 11:00 PM |
كيف يمكن عمل هذه الحركة فى تصاميم html | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 06-08-2009 10:00 PM |