إنضمامك إلي منتديات استراحات زايد يحقق لك معرفة كل ماهو جديد في عالم الانترنت ...

انضم الينا
استراحات زايد الصفحة الرئيسية

         :: التداول والأسهم: دليل شامل (آخر رد :محمد العوضي)       :: ما هي الأسهم؟ (آخر رد :محمد العوضي)       :: توكيل ata: الجودة والاحترافية في خدمات الصيانة (آخر رد :مصطفيي)       :: افضل شركة وساطة (آخر رد :doaa nile7)       :: صيانة تورنيدو مصر: الجودة والاعتمادية في خدمة العملاء (آخر رد :مصطفيي)       :: كورس تحسين محركات البحث (seo) للمبتدئين (آخر رد :حسن سليمة)       :: رحلة انقاص وزنك تبدأ مع الرشاقة السعيدة (آخر رد :دارين الدوسري)       :: جهاز كشف الذهب الألماني فالك الصقر (آخر رد :بندر عسيري)       :: دراسة جدوى زراعة الحناء: فرص استثمارية واعدة في صناعة التجميل (آخر رد :مصطفيي)       :: تسجيل حساب المواطن: الخطوة الأولى نحو الاستفادة من الدعم الحكومي (آخر رد :مصطفيي)      

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 02-20-2014, 05:21 AM
عضو ماسي
بيانات محروم.كوم
 رقم العضوية : 503
 تاريخ التسجيل : Dec 2007
الجنس : female
علم الدوله :
 المشاركات : 2,100,611
عدد الـنقاط :3341
 تقييم المستوى : 2139

أغلب مطوري الويب يتبعون طريقة تصميم الموقع على الفوتوشوب ثم يقومون بتجزيء التصميم وتكويده بـ HTML و CSS وهذه الطريقة تأخذ وقتاً وجهداً فقص الصور وكتابة الأكواد لها وصفّها في أمكنتها المحددة متعب وغير دقيق.

موقع "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>

الموضوع الأصلي حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
</b>
__DEFINE_LIKE_SHARE__
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
» تصاميم - بوربوينت - بحوث - تواقيع - فوتوشوب محروم.كوم منتدى أخبار المواقع والمنتديات العربية والأجنبية 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


الساعة الآن 12:05 PM


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By Almuhajir

RSS RSS 2.0 XML MAP HTML