الأحد، 15 يونيو 2014

كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا

 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا
 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا

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

اول شيء عليك ان تقوم بتصميم قالب ببرنامج الفوتوشوب و حفظها على صيغة PSD
اول اذا لم تتمكن من تصميم القالب فـ يمكنك التوجه الى محرك بحث جوجل 
و كتابه قوالب PSD وتحميل قالب مناسب و حسب ذوقك و التعديل عليها 
طيب بعد الحصول على PSD يجب عليك التوجه الى هذا الموقع و الذي سوف تجد رابطه 
اسفل هذه التدوينة

هذه واجهة الموقع بعد الدخول أليه 

 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا

فـ بعد الدخول الى الموقع فقط عليك الضغط على Upload .Psd file now 
ورفع ملف التصميم ( PSD )

 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا


فـ بعد رفع الملف يعطيك الاكواد على 3 اشكال 

 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا

فـ الكود الاول و المؤشر بالسهم الازرق فـ هو كود التصميم بلغة HTML

والكود الثاني و المؤشر بالسهم الاحمر فـ هو كود التصميم بلغة CSS 

ام الكود الثالث و المؤشر بالسهم الاخضر فـ يجب عليك رفع ملفات التصميم مثل ايقونات و الصور الخاصة بالقالب الى 
موقع رفع الصور و وضع الروابط في هذا القسم ..

اذن بعد الانتهاء من جميع التعديل قم بالضغط على رز 
Downlaod .Zip Package 

 كيفية تصميم قالب خاص لموقعك من تصميمك انت شخصيا


لتحميل التصميم بـ شكل كود و وضعها في موقعك .

اذن الى هنا ينتهي هذه التدوينة اتمنى منك مشاركة رأيك في هذه التدوينة عبر وضع تعليق في اسفل التدوينة :)

الى ان القاك في تدوينة اخرى 

في اَمان الله


رابط الموقع :




هناك تعليق واحد:

جميع الحقوق محفوظة لمدونة الاحتراف 2014/2013

تصميم :Abdelrahman Khaled