موضوع: وضع الروابط للأزرار -(درس منقول)

ردود: 5 | زيارات: 730
  1. #1
    عضو فعال
    تاريخ التسجيل
    Oct 2003
    المنطقة
    KSA
    العمر
    37
    ردود
    208

    Exclamation وضع الروابط للأزرار -(درس منقول)

    منقول
    =====================
    بسم الله الرحمن الرحيم
    الســــلام عليــكم ورحمة اللـــه
    ------------------
    تصميم واجهات مواقع الويب ببرنامج "فوتوشوب" من خلال
    أداة الشرائح Slice Tool - k ... التي تفيدنا في
    تقطيع التصميم من أجل وضع الروابط للأزرار...

    سنصمم زر ثابت ، ينقلنا -عند الضغط عليه- إلى منتديات دليلك...

    >>(1) سنعتبر التصميم التالي للزر ، لاحظ مجموعة الطبقات المستخدمة وكذلك
    التأثيرات على الطبقات:




    >>(2) سنستخدم أداة Slice Tool لرسم مستطيل حول الزر، هذا المستطيل
    سيكون "بقعة ساخنة! Hot Spot" أي عند المرور عليها -فيما بعد-
    ستكون قابلة للنقر:



    >>(3) بالضغط بالزر الأيمن على هذا المستطيل ستظهر قائمة أوامر الشرائح، اختر منها
    اختر منها "تحرير خيارات الشريحة Edit Slice Tool" :



    >>(4) سيظهر مربع الحوار التالي: في خانة URL سنكتب عنوان الموقع المطلوب.
    سنكتب نصاً في Message Text وسنشاهد أين سيظهر!!



    >>(5) سنحفظ الصورة من خلال File>Save for Web ، اضغط OK سيظهر مربع
    الحوار التالي: اختر من قائمة Save as type: HTML and Images
    سيتم حفظ الصورة كملف (يقوم فوتوشوب بإنشاء كود HTML تلقائياً) وبقية الشرائح
    على هيئة مجموعة من الصور.



    >>(6) سنختبر العمل! سنفتح ملف HTML ، بعد الضغط ستنتقل لمنتديات دليلك:

    [لاحظ النص الذي كتبناه في الخطوة (4)]...



    أتمنى لكم الفائدة وشكراً على اطلاعكم على الدرس
    ======================
    منقول للفائدة...
    سبحان الله وبحمده ... سبحان الله العظيم


  2. #2
    جزاك الله خير

  3. #3
    عضو فعال
    تاريخ التسجيل
    Oct 2003
    المنطقة
    KSA
    العمر
    37
    ردود
    208
    شكرا لمرورك ووفقك الله

  4. #4

  5. #5
    عضو فعال
    تاريخ التسجيل
    Oct 2003
    المنطقة
    KSA
    العمر
    37
    ردود
    208
    شكرا روائع

Bookmarks

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

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