دروس تصميم مواقع الويب : القسم يهتم بدروس HTML, XHTML, HTML5, CSS, CSS3

حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر

تحديث تلقائي كل 7 ثواني. تم إيقاف التحديث التلقائي بسبب بقائك في وضع الخمول تمكين التحديث - اعادة تحديث
Like Tree2معجبون
  • 2 أضيفت بواسطة محمد الحلبي
صورة 'Araby Alhomsi' الرمزية
Araby Alhomsi
:: عضو فعال ::
تاريخ الإنضمام: 19 - 11 - 2013
رقم العضوية : 223622
الدولة : مصر
المشاركات: 123
قديمة 20 - 02 - 2014, 03:15
المشاركة 1
نشاط Araby Alhomsi
  • قوة السمعة : 50
  • الإعجاب: 7
    Icon18 حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر


    أغلب مطوري الويب يتبعون طريقة تصميم الموقع على الفوتوشوب ثم يقومون بتجزيء التصميم وتكويده بـ 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 تحدده أنت عندما تسمي اللاير من داخل الفوتوشب لذا يجب عليك تسمية كل لاير لتستطيع العمل عليه عند تحويله.

    وهذا فيديو يشرح العملية بسرعة كبيرة

    رابط الموقع:

    http://www.psdtoweb.de/

    مشاهدة ممتعة


    رابط الفيديو على يوتيوب

    <b>

    الموضوع الأصلي حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    </b>
    منتجاتي مميزة جربوها:
    http://asnadstore.com/arabyalhomsi
    الموقع الشخصي:
    http://araby-alhomsi.ga/
    خلاصة ويكلي | نشرة بريدية تقنية
    http://khulasaweekly.com/
    قديمة 25 - 02 - 2014, 23:10
    المشاركة 2
    صورة 'محمد الحلبي' الرمزية
    محمد الحلبي
    .:: عضو متألق ::.
    تاريخ الإنضمام: 21 - 12 - 2006
    رقم العضوية : 29719
    الدولة : حيث المظلومين [غزة]
    المشاركات: 5,614
    • أرسل رسالة بواسطة MSN إلى محمد الحلبي
    • أرسل رسالة بواسطة Yahoo إلى محمد الحلبي
    • أرسل رسالة بواسطة Skype™ إلى محمد الحلبي
    الإجابات المقدمة: 115
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    الله يعطيك العافية يا رب

    ولكن بعد اذنك يجب عليك اضافة رابط الموقع اللي حضرتك شرحت عنه

    ما بنفع نروح ع اليوتيوب، ومن ثم على موضوعك الأصلي حتى نصل لرابط الموقع

    تم التعديل،،،

    تحياتي لكـ،،،
    Araby Alhomsi و تركي الودعاني معجبون بهذا .
    تواصل معي من خلال البريد: [email protected]
    شكرا ترايدنت، شكرا كليبرز
    شكرا: http://upload.traidnt.net/upfiles/Snu04960.png

    قديمة 26 - 02 - 2014, 01:14
    المشاركة 3
    صورة 'Araby Alhomsi' الرمزية
    Araby Alhomsi
    :: عضو فعال ::
    تاريخ الإنضمام: 19 - 11 - 2013
    رقم العضوية : 223622
    الدولة : مصر
    المشاركات: 123
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    الله يعطيك العافية يا رب

    ولكن بعد اذنك يجب عليك اضافة رابط الموقع اللي حضرتك شرحت عنه

    ما بنفع نروح ع اليوتيوب، ومن ثم على موضوعك الأصلي حتى نصل لرابط الموقع

    تم التعديل،،،

    تحياتي لكـ،،،

    اسف كتير .. شكراً إلك على التعديل
    منتجاتي مميزة جربوها:
    http://asnadstore.com/arabyalhomsi
    الموقع الشخصي:
    http://araby-alhomsi.ga/
    خلاصة ويكلي | نشرة بريدية تقنية
    http://khulasaweekly.com/
    قديمة 26 - 02 - 2014, 04:44
    المشاركة 4
    صورة 'كل الخليج' الرمزية
    كل الخليج
    :: عضـــو::
    تاريخ الإنضمام: 22 - 06 - 2011
    رقم العضوية : 97968
    الدولة : بيشة ترج
    المشاركات: 99
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    الصراحة فك ازمه الوقت

    وجربتة فعال وممتاز لاكن يجب التدقيق في الاكواد الي تطلبها منه في التصميم المعقد

    والله يوفقك على الموضوع والموقع الجميل
    قديمة 01 - 03 - 2014, 17:44
    المشاركة 5
    صورة 'محمد الحنفي' الرمزية
    محمد الحنفي
    :: عضو نشيط ::
    تاريخ الإنضمام: 01 - 01 - 2012
    رقم العضوية : 102968
    الدولة : فَـلسطِينِ - غَزة
    العمر: 18
    المشاركات: 1,786
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    يعطيك العافية
    دخول معدوم بسبب الاوضاع التي لا تسمح أبداً
    إني اشتاق لكم يا طيبين

    __
    [سبحان الله][الحمد لله][لا إله إلا الله][الله اكبر]
    __
    قوآنين ركن الفيس بوك
    قديمة 16 - 04 - 2014, 02:30
    المشاركة 6
    صورة 'vb/php' الرمزية
    vb/php
    :: عضو نشيط ::
    تاريخ الإنضمام: 11 - 06 - 2007
    رقم العضوية : 37319
    الدولة : jordan
    المشاركات: 759
    • أرسل رسالة بواسطة MSN إلى vb/php
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    يعطيك العافية
    قديمة 16 - 04 - 2014, 06:36
    المشاركة 7
    صورة 'alshakicom' الرمزية
    alshakicom
    :: عضو نشيط ::
    تاريخ الإنضمام: 16 - 05 - 2005
    رقم العضوية : 4368
    الدولة : >- تبـوكـــــ -<
    المشاركات: 4,071
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    قديمة 16 - 04 - 2014, 19:51
    المشاركة 8
    صورة 'AppsTact' الرمزية
    AppsTact
    :: عضو نشيط ::
    تاريخ الإنضمام: 10 - 04 - 2014
    رقم العضوية : 237552
    الدولة : Saudi Arabia / Egypt
    المشاركات: 5,253
    • أرسل رسالة بواسطة MSN إلى AppsTact
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    الله يعطيك العافية
    إسم الشركة: AppsTact | لبرمجة تطبيقات الهواتف الذكية وتصميم المواقع
    مقر الشركة : جمهورية مصر العربية / الاسكندرية | المملكة العربية السعودية / جدة
    هاتف الشركة : من داخل مصر 00201115733889 من داخل المملكة العربية السعودية 00966567518848 واتس اب + فايبر
    بريد الشركة : بريد + سكايب [email protected]
    روابط الشركة : AppsTact
    قديمة 20 - 09 - 2017, 12:37
    المشاركة 9
    ismailali2
    :: عضـــو::
    تاريخ الإنضمام: 13 - 09 - 2017
    رقم العضوية : 396978
    المشاركات: 85
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    رهييييييييييييييييييييييييييب وحل ازمه كبيرة ووقت رهيب
    قديمة 23 - 09 - 2017, 02:32
    المشاركة 10
    صورة 'قلبي ليك' الرمزية
    قلبي ليك
    :: عضو نشيط ::
    تاريخ الإنضمام: 15 - 01 - 2013
    رقم العضوية : 180496
    الدولة : الإمارات العربية المتحدة
    المشاركات: 1,738
    • أرسل رسالة بواسطة MSN إلى قلبي ليك
    • أرسل رسالة بواسطة Yahoo إلى قلبي ليك
    • أرسل رسالة بواسطة Skype™ إلى قلبي ليك
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    يعطيك العافية

    للبيع ترخيص vBulletin للجيل الثالث والرابع مدى الحياة ب 450 ريال (سعره الأصلي 800 ريال)

    ومتوفر سكربت الفتحة الإجبارية بخاصية التناوب بعدد لا نهائي من الفتحات بالكوكيز ومع خاصية تحديد كمية لكل فتحة (برمجة خاصة عربية)
    200 ريال فقط

    و سكربت اللوماني للصوتيات والمرئيات (مكتبة للصوتيات وال mp3)
    250 ريال فقط

    سكربت مجلة Blogbox للملتيميديا (مثل موقع عرب سيد)
    250 ريال فقط


    Skype: taha.fahed1
    E-mail: [email protected]
    قديمة 23 - 09 - 2017, 11:28
    المشاركة 11
    عمري لك
    :: عضـــو::
    تاريخ الإنضمام: 15 - 07 - 2009
    رقم العضوية : 66364
    الدولة : جدهـ
    المشاركات: 99
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    يعطيك العافية
    اللهم لك الحمد حتى ترضى ، ولك الحمد إذا رضيت ، ولك الحمد بعد الرضا ، ولك الحمد على كل حال
    قديمة 07 - 12 - 2017, 17:05
    المشاركة 12
    صورة 'x_5' الرمزية
    x_5
    :: TRAIDNT ::
    :: رفيق الدرب ::
    تاريخ الإنضمام: 20 - 09 - 2004
    رقم العضوية : 11
    الدولة : :: UAE ::
    المشاركات: 255,359
    الإجابات المقدمة: 7
    افتراضي رد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر
    شكرا لك
    اضافة رد
    العلامات المرجعية

    حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر

    تحديث تلقائي كل 7 ثواني. تم إيقاف التحديث التلقائي بسبب بقائك في وضع الخمول تمكين التحديث - اعادة تحديث

    4 خرافات عن تصميم موقع ناجح لمؤسستك عمل نموذج تسجيل الدخول بشكل رائع

    أدوات الموضوع
    طرق العرض



    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:13.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    جميع الحقوق محفوظة Traidnt 2015
    • 00966138651070
    • 00966138648289
    • 2051033691
    Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2017, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.