موضوع: خبراء تصميم المواقع بالفتوشوب ارجو المساعده

ردود: 10 | زيارات: 965
  1. #1

    خبراء تصميم المواقع بالفتوشوب ارجو المساعده

    ياخوان والله دخت في معرفه كيف تثبيت الجداول للموقع يعني عملت الموقع بالفتوشوب وقطعت الواجه وبعدها

    ادرجه بالفرونت بيج واردت كتابه مقالاتي عندما ازيد في الكتابه يتشوه الموقع مالحل في سبيل تثبيت الجداول
    -------------------------------------------------
    سوف انقل تجربتي لكم بالتفصيل

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



    وهناك ملفات ال html جاهزه مع القالب وادرجتها بالفرونت بيج
    ولاحظو هنا انه لم يتم تشويه الواجه واستطعت التمدد بحريه


    كما قلت سابقا اني القالب جاهز في الفوتوشوب ومتقطع قلت خلني اجرب واعرف السر وسويت save for web
    وادرجته بالفرونت بيج

    url=http://www.na-222.com/up-pic][/url


    طلبي اني اريد كل الجهات ثابته يعني لما اطول الي بالمنتصف
    ماتتحرك القوائم الي باليمين. كيف سواها الي بنا القالب لاني شفت صفحه ال html وشيكت الجداول وشكله مسوي الجداول من فرونت بيج ؟؟؟؟
    انا اسف اني طولت الموضوع وحطيت الصور لاكن والله من حرت
    قلبي ماني عارف وش اسوي لاكن باذن الله تساعدوني ولكم
    الاجر والثواب


  2. #2
    السلام عليكم ورحمة الله وبركاته
    الأخ محمد_1
    ابشر بالحل وهو كالتالي:

    1- يجب وضع الفارة وسط الجدول واختر يمين وخصائص الجدول واختر عند المحاذاة توسيط من القائمة المنسدلة.
    مثال :
    2- الجدول راح يكون بهذا الشكل

    3- ضع الفارة على الخط ويظهر لك هذا الشكل

    4- حددعرض الأعمدة مثل ما تبغى والأفضل 150 تقريباً وتكون هذه الاعمدة هي الجانبية
    مثال:
    5- العمود الذي بالمنتصف ضعه تلقائي ( جعل الاعمدة تتمد تلقائي كما في الشكل

    6- وفي النهاية بكون بهذا الشكل


    طبعاً بعد كذا تقدر تضيف اي صور ولكن كخلفية ضع الفارة بالمكان الذي ترغب ان تكون الصورة كخلفية لنفس المكان اللي فيه الفارة يمين واختر خصائص الخلية >> استخدام صورة خلفية

    أما بالنسبة لمشكلتك لو تلاحظ القطعة رقم 5-3 والأخرى اللي فيها فراغ لازم تحذفها عشان تندمج الخلايا مع بعضها
    لاحظ :

    واخيراً اتمنى اني وصلت لك الفكرة وانشاء الله انك استفدت منها.

  3. #3

    the answer is build tables

    My freind you should build tables and the import your images to these tables

    remember every think in webdesign build with tables

  4. #4
    الله يجزك الف خير اخي الكريم الصراحه ماقصرت
    واجهتني مشكله هي عند انشاء الجداول عندما اردت انشاء الجدول لليمين حطيت هالعدادات



    وبعدها عندما اردت ان انشء جدول للوسط صار ملخبط ماصار مثل الي تفضلت فيه في الشرح جمب بعض
    ليه؟ كيف الطريقه الصحيحه شوف الصوره هذا الي صار





    اخي الكريم photoshp جزاك الله الف خير

  5. #5
    شوف يا أخي العزيز
    انظر للجدول التالي :
    1- في ادوات التخطيط أختر ثالث خيار >> تمكين ادوات التخطيط استناداً إلى الجدول تلقائياً
    2- في التخطيط اختر >> بالبكسل وليس بالنسبة المئوية
    3- والمحاذاة مثل ما ترغب بالوسط يمين يسار على كيفك.


    ملاحظة توجد اختلاف بين هاتين الاداتين
    او
    الأولى لوضع جدول قابل لتحديد ابعاد الطول والعرض يعني جدول تخطيطي مثل الفوتوشوب
    أما الثاني جدول عادي يعني لإدراج بيانات فيه

    أنظر لهذا الجداول

    وضعت الجداول على كيفي ولاحظ الجداول التي في داخل الخلايا جايه بالمنتصف ولكن بأبعاد مختلفه عن طريق الفارة
    اما الجدول الخارجي عن طريق تحديد البعد مثل هذا الشكل:

    اختر الأولى تغير عرض العمود
    واسف على ها الشرح الملخبط شويه ولكن صدقني ودي اساعدك

  6. #6
    الي استنتجته اني بعد مااقطع التصميم بالفتوشوب وجيت ادرجه بالفرونت بيج اسوي جداول جديده غير
    الي سواه الفوتوشوب
    لدي سؤال اخر اني لاسويت جدول الي فوق خليته في الوسط وجيت ابي اسوي تحته جدول واتحكم فيه
    ارفقتلك صوره لتوضيح



    مثل مااشرت في الصوره اريد ان اتحكم في الجدول الذي انشئه في اي مكان اريد جربت كل شي ماينفع

    يم يكون في اليمين لزقه او في الوسط او في اليسار او في الاخير
    انا استخدمت طريقه هي الي خلتني اتحكم في تحريك الجدول الي هي layer

    بس مدري وش فايدته المهم هي الي ضبطت معي بس مع الاسف خربت الشغل

    والله شكلي تعبتك معاي اعذرني فانا لدي مشروع واريد ان اخلص منه معليش استحملني

    والله يوفقك ان شالله ويرزقك من الحور العين

  7. #7
    عضو فعال
    صور رمزية ECHO
    تاريخ التسجيل
    Apr 2006
    المنطقة
    :: على أرض زائلة ::
    ردود
    178
    مرحبا أخي
    سوف أقول لك ما عندي وأتمنى أن يساعدك
    هناك برنامج مرفق بالفوتوشوب يدعى image ready لا أدري إن كنت تعرفه ولكن أظن أنه مرفق بالفوتوشوب دائما ، دعنا منه الآن فسأتحدث عنه بعد قليل
    ...............................
    أولا : يجب أن تعلم أنه هناك تخطيط أولي أو أساس للموقع وهو يتكون من جداول بالتأكيد


    ثم بعد ذلك تبدأ بالعمل داخل هذه الجدوال

    يمكنك نقل هذا التخطيط إلى الفرونت بيج والتعديل من هناك

    وكذلك يمكنك عملها بالفوتوشوب ولكن بمساعدة البرنامج المرفق الذي تحدثت عنه
    ولعمل ذلك اتبع الآتي:





    سوف يفتح لك البرنامج الآخر واعلم بأنه ليس سهل أبدا

    ولكن سوف أشرح ما يمكنني شرحه






    بالنسبة بالجدول اللي بالمنتصف لا تعمل شي أفضل أن تعمل عليه بالفرونت بيج
    ثم تحفظ موقعك كما هو المعتاد

  8. #8
    عضو فعال
    صور رمزية ECHO
    تاريخ التسجيل
    Apr 2006
    المنطقة
    :: على أرض زائلة ::
    ردود
    178
    هذه الطريقة طويلة وصعبة
    ولكن ما أستطيع أن أقوله لك من خلال خبرتي في عالم الجداول - لأن أنا دخت مثلك وأنا أحاول أصمم
    موقع
    هو أن - تركز على ما قلته لك في البداية هو أن تقسم الموقع إلى جداول أساسية وتنشئ جدول في كل مكان من تخطيطك بحيث يكون الجدول الذي على اليمين بإنفراد والذي في الوسط على انفراد وهكذا

    واعذرني على الشرح الغير واضح

  9. #9
    اي والله صدقت عالم الجداول الصراحه عقدني لاني احاول اني اخلي كل الجداول منفرده

    لاكن مااقدر اتحكم فيها يعني تحريكها كيفما اشاء

    انتقلت من مرحله الفوتوشوب في تصميم الواجهات والحمدلله

    وجتني قصه الجداول الله يعنا

    والله عقدني فرونت بيج مع الفوتوشوب الله المستعان

    لنا رجعه ان شالله

  10. #10
    تمكنت من عمل الجداول بالامج ردي وصار كل من الهيدر والقائمه والوسط واليسار كلهم جداول منفرده

    وادرجتهم بالفرونت بيج لاكن عندما زادت الكتابه بالمنتصف فان القائمه الي باليمنا تحركت وتشوه

    شكل الموقع والله احترت ايش اعمل

    اذا كنت فاضي سوف ارفقلك التصميم وتقطعه وتدرجه بالفرونت بيج وتسوي الجداول وتعطيني اياه

    لكي ارى ماهي الخطوات التي عملتها هذا افضل حل عشان افهم

    او تشرح لي بالفديو

    منتظرك اخي الكريم واسف اذا ثقلت عليك

Bookmarks

قوانين الموضوعات

  • لا يمكنك اضافة موضوع جديد
  • لا يمكنك اضافة ردود
  • لا يمكنك اضافة مرفقات
  • لا يمكنك تعديل مشاركاتك
  •  
  • كود BB مفعّل
  • رموز الحالة مفعّل
  • كود [IMG] مفعّل
  • [VIDEO] code is مفعّل
  • كود HTML معطل