دليل المستخدم إلغاء

استخدام Fireworks وDreamweaver

  1. دليل مستخدم Dreamweaver
  2. مقدمة
    1. أساسيات تصميم الويب التفاعلي
    2. الجديد في Dreamweaver
    3. تطوير الويب باستخدام Dreamweaver - نظرة عامة
    4. Dreamweaver | الأسئلة الشائعة
    5. اختصارات لوحة المفاتيح‬‏‫
    6. متطلبات النظام لبرنامج Dreamweaver
    7. ملخص الميزات
  3. Dreamweaver وCreative Cloud
    1. مزامنة إعدادات Dreamweaver مع Creative Cloud
    2. مكتبات Creative Cloud في Dreamweaver
    3. استخدام ملفات Photoshop في Dreamweaver
    4. العمل باستخدام Adobe Animate وDreamweaver
    5. استخراج ملفات SVG المحسّنة من المكتبات
  4. مساحات عمل Dreamweaver وطرق عرضه
    1. مساحة عمل Dreamweaver
    2. تحسين مساحة عمل Dreamweaver للتطوير المرئي
    3. البحث عن الملفات استنادًا إلى اسم الملف أو المحتوى | Mac OS
  5. إعداد المواقع
    1. حول مواقع Dreamweaver
    2. إعداد إصدار محلي من موقعك
    3. الاتصال بخادم نشر
    4. إعداد خادم اختبار
    5. استيراد إعدادات موقع Dreamweaver وتصديرها
    6. إحضار مواقع ويب موجودة من خادم بعيد إلى جذر موقع الويب المحلي
    7. ميزات الوصول في Dreamweaver
    8. الإعدادات المتقدمة
    9. تعيين تفضيلات الموقع لنقل الملفات
    10. تحديد إعدادات خادم الوكيل في Dreamweaver
    11. مزامنة إعدادات Dreamweaver مع Creative Cloud
    12. استخدام Git في Dreamweaver
  6. إدارة الملفات
    1. إنشاء الملفات وفتحها
    2. إدارة الملفات والمجلدات
    3. إحضار الملفات من الخادم ووضعها فيه
    4. سحب الملفات وإيداعها
    5. مزامنة الملفات
    6. مقارنة الملفات لمعرفة الاختلافات
    7. حماية ملفات ومجلدات في موقع Dreamweaver
    8. تمكين Design Notes لمواقع Dreamweaver وتعطيلها
    9. منع الاستغلال المحتمل لـ Gatekeeper
  7. التخطيط والتصميم
    1. استخدام الأدوات المساعدة المرئية للتخطيط
    2. حول استخدام CSS لتخطيط صفحاتك
    3. تصميم مواقع ويب تفاعلية باستخدام Bootstrap
    4. إنشاء استعلامات الوسائط واستخدامها في Dreamweaver
    5. عرض المحتوى باستخدام الجداول
    6. الألوان
    7. تصميم استجابة باستخدام مخططات الشبكة المرنة
    8. ميزة Extract في Dreamweaver
  8. CSS
    1. فهم أوراق الأنماط المتتالية
    2. تخطيط الصفحات باستخدام CSS Designer
    3. استخدام معالجات CSS الأولية في Dreamweaver
    4. كيفية تعيين تفضيلات أنماط CSS في Dreamweaver
    5. نقل قواعد CSS في Dreamweaver
    6. تحويل CSS مضمنة إلى قاعدة CSS في Dreamweaver
    7. استخدام علامات div
    8. تطبيق تدرجات على الخلفية
    9. إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver
    10. تنسيق التعليمات البرمجية
  9. محتويات الصفحة وأصولها
    1. تعيين خصائص الصفحة
    2. تعيين خصائص عناوين CSS وخصائص ارتباطات CSS
    3. استخدام النص
    4. البحث عن النص والعلامات والسمات واستبدالها
    5. لوحة DOM
    6. التحرير في Live View
    7. ترميز المستندات في Dreamweaver
    8. تحديد العناصر وعرضها في النافذة Document
    9. تعيين خصائص النص في عارض الخصائص
    10. إجراء التدقيق الإملائي لصفحة ويب
    11. استخدام القواعد الأفقية في Dreamweaver
    12. إضافة مجموعات الخطوط وتعديلها في Dreamweaver
    13. استخدام الأصول
    14. إدراج التواريخ وتحديثها في Dreamweaver
    15. إنشاء الأصول المفضلة وإدارتها في Dreamweaver
    16. إدراج الصور وتحريرها في Dreamweaver
    17. إضافة كائنات وسائط
    18. إضافة مقاطع الفيديو في Dreamweaver
    19. إدراج فيديو HTML5
    20. إدراج ملفات SWF
    21. إضافة تأثيرات صوتية
    22. إدراج صوت HTML5 في Dreamweaver
    23. العمل باستخدام عناصر المكتبة
    24. استخدام النصوص العربية والعبرية في Dreamweaver
  10. الربط والتنقل
    1. حول الربط والتنقل
    2. الربط
    3. مخططات الصور
    4. استكشاف أخطاء الارتباطات وحلها
  11. عناصر واجهة jQuery وتأثيراتها
    1. استخدام عناصر واجهة مستخدم jQuery UI والجوال في Dreamweaver
    2. استخدام تأثيرات jQuery في Dreamweaver
  12. كتابة التعليمات البرمجية لمواقع الويب
    1. حول كتابة التعليمات البرمجية في Dreamweaver
    2. بيئة كتابة التعليمات البرمجية في Dreamweaver
    3. تعيين تفضيلات التعليمات البرمجية
    4. تخصيص ألوان التعليمات البرمجية
    5. كتابة تعليمة برمجية وتحريرها
    6. تلميحات التعليمات البرمجية وإكمال التعليمات البرمجية
    7. طي التعليمات البرمجية وتوسيعها
    8. إعادة استخدام التعليمات البرمجية مع أجزاء التعليمات البرمجية
    9. فحص التعليمات البرمجية
    10. تحسين التعليمة البرمجية
    11. تحرير التعليمة البرمجية في طريقة العرض Design
    12. العمل باستخدام محتوى العنوان للصفحات
    13. إدراج تضمينات على جانب الخادم في Dreamweaver
    14. استخدام مكتبات العلامات في Dreamweaver
    15. استيراد علامات مخصصة إلى Dreamweaver
    16. استخدام سلوكيات JavaScript (إرشادات عامة)
    17. تطبيق سلوكيات JavaScript المضمنة
    18. نبذة عن لغتي XML وXSLT
    19. تنفيذ تحويلات XSL على جانب الخادم في Dreamweaver
    20. تنفيذ تحويلات XSL على جانب العميل في Dreamweaver
    21. إضافة كيانات أحرف لـ XSLT في Dreamweaver
    22. تنسيق التعليمات البرمجية
  13. عمليات سير العمل على مستوى المنتجات
    1. تثبيت الملحقات واستخدامها في Dreamweaver
    2. التحديثات من داخل التطبيق في Dreamweaver
    3. إدراج مستندات Microsoft Office في Dreamweaver ‏(Windows فقط)
    4. استخدام Fireworks وDreamweaver
    5. تحرير المحتوى في مواقع Dreamweaver باستخدام Contribute
    6. تكامل Dreamweaver مع تطبيق Business Catalyst
    7. إنشاء حملات إعلانية خاصة عبر البريد الإلكتروني
  14. القوالب
    1. حول قوالب Dreamweaver
    2. التعرف على القوالب والمستندات القائمة على القوالب
    3. إنشاء قالب Dreamweaver
    4. إنشاء مناطق قابلة للتحرير في القوالب
    5. إنشاء مناطق وجداول التكرار في Dreamweaver
    6. استخدام المناطق الاختيارية في القوالب
    7. تحديد سمات العلامات القابلة للتحرير في Dreamweaver
    8. كيفية إنشاء قوالب متداخلة في Dreamweaver
    9. تحرير القوالب وتحديثها وحذفها
    10. تصدير محتوى xml واستيراده في Dreamweaver
    11. تطبيق أو إزالة قالب من مستند موجود
    12. تحرير المحتوى في قوالب Dreamweaver
    13. قواعد بناء الجملة لعلامات القوالب في Dreamweaver
    14. تعيين تفضيلات التمييز لمناطق القالب
    15. فوائد استخدام القوالب في Dreamweaver
  15. شاشات الهاتف المحمول والشاشات المتعددة
    1. إنشاء استعلامات الوسائط
    2. تغيير اتجاه الصفحة للأجهزة الجوالة
    3. إنشاء تطبيقات الويب للأجهزة الجوالة باستخدام Dreamweaver
  16. المواقع والصفحات ونماذج الويب الديناميكية
    1. فهم تطبيقات الويب
    2. إعداد الكمبيوتر لتطوير التطبيقات
    3. استكشاف أخطاء اتصالات قاعدة البيانات وحلها
    4. إزالة برامج الاتصال النصية في Dreamweaver
    5. تصميم صفحات ديناميكية
    6. نظرة عامة على مصادر المحتوى الديناميكي
    7. تعريف مصادر المحتوى الديناميكي
    8. إضافة محتوى ديناميكي إلى الصفحات
    9. تغيير المحتوى الديناميكي في Dreamweaver
    10. عرض سجلات قاعدة البيانات
    11. توفير البيانات المباشرة واستكشاف أخطائها وحلها في Dreamweaver
    12. إضافة سلوكيات خادم مخصصة في Dreamweaver
    13. إنشاء النماذج باستخدام Dreamweaver
    14. استخدام النماذج لجمع معلومات من المستخدمين
    15. إنشاء نماذج ColdFusion وتمكينها في Dreamweaver
    16. إنشاء نماذج الويب
    17. دعم HTML5 محسّن لعناصر النماذج
    18. تطوير نموذج باستخدام Dreamweaver
  17. إنشاء التطبيقات مرئيًا
    1. إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver
    2. إنشاء صفحات البحث والنتائج
    3. إنشاء صفحة إدراج سجل
    4. إنشاء صفحة تحديث سجل في Dreamweaver
    5. إنشاء صفحات حذف سجل في Dreamweaver
    6. استخدام أوامر ASP لتعديل قاعدة البيانات في Dreamweaver
    7. إنشاء صفحة تسجيل
    8. إنشاء صفحة تسجيل دخول
    9. إنشاء صفحة يمكن للمستخدمين المخولين فقط الوصول إليها
    10. تأمين المجلدات في Coldfusion باستخدام Dreamweaver
    11. استخدام مكونات ColdFusion في Dreamweaver
  18. اختبار مواقع الويب ومعاينتها ونشرها
    1. معاينة الصفحات
    2. معاينة صفحات ويب Dreamweaver على أجهزة متعددة
    3. اختبار موقع Dreamweaver
  19. استكشاف الأخطاء وإصلاحها
    1. المشكلات التي تم إصلاحها
    2. المشكلات المعروفة

 

 

استخدام Fireworks وDreamweaver لسير العمل السلس لتحرير رسومات الويب وتحسينها ووضعها في صفحات HTML.

ملاحظة:

الميزة غير مدعومة في إصدارات Adobe Dreamweaver .

إدراج صورة Fireworks

يتعرف Dreamweaver وFireworks على العديد من الإجراءات المماثلة لتحرير الملفات، ويشتركا فيها، مثل إجراء تغييرات للارتباطات ومخططات الصور وشرائج الجدول، والمزيد. معًا، يوفر التطبيقان سير عمل انسيابي لإجراءات تحرير ملفات رسوم الويب وتحسينها ووضعها في صفحات HTML.

يمكنك وضع رسوم مصدرة من Fireworks مباشرة في مستند Dreamweaver باستخدام الأمر Insert Image، أو يمكنك إنشاء رسوم Fireworks جديدة من عنصر نائب للصور في Dreamweaver.

  1. في مستند Dreamweaver، ضع نقطة الإدراج حيث تريد ظهور الصورة، ثم قم بأحد الإجراءات التالية:
    • حدد Insert > ‏Image.

    • في الفئة Category من لوحة Insert، انقر فوق الزر Image أو اسحبه إلى المستند.

  2. انتقل إلى الملف المطلوب المصدر من Fireworks، وانقر فوق OK‏ (Windows) أو Open‏ (Macintosh).
    ملاحظة:

    إذا لم يكن ملف Fireworks موجودًا في موقع Dreamweaver الحالي، فستظهر رسالة تطلب تحديد ما إذا كنت تريد نسخ الملف إلى المجلد الجذر أم لا. انقر فوق Yes.

تحرير صورة Fireworks أو جدول من Dreamweaver

عندما تفتح صورة وتحررها أو تفتح شريحة صورة تعد جزءًا من جدول Fireworks، يقوم Dreamweaver ببدء تشغيل Fireworks الذي يقوم بدوره بفتح ملف PNG الذي تم تصدير الصورة أو الجدول منه.

ملاحظة:

يفترض هذا الإجراء أنه تم تعيين Fireworks بمثابة محرر الصور الخارجي الأساسي لملفات PNG. يتم تعيين Fireworks غالبًا أيضًا بمثابة المحرر الافتراضي لملفات JPEG وGIF، على الرغم من أنه يمكنك تعيين Photoshop بمثابة المحرر الافتراضي لهذه الأنواع من الملفات.

عندما تكون الصورة جزءًا من جدول Fireworks، فإنه يمكنك فتح جدول Fireworks بأكمله لإجراء عمليات التحرير، طالما أن تعليق <!--fw table--> يوجد في تعليمات HTML البرمجية. إذا تم تصدير ملف PNG المصدر من Fireworks إلى موقع Dreamweaver باستخدام إعداد Style HTML And Images الخاص بـ Dreamweaver، فإنه يتم تلقائيًا إدراج تعليق جدول Fireworks في تعليمات HTML البرمجية.

  1. في Dreamweaver، افتح Property inspector (Window > Properties) إذا لم يكن مفتوحًا بالفعل.
  2. انقر فوق الصورة أو شريحة الصورة لتحديدها.

    عندما تحدد صورة تم تصديرها من Fireworks، فإن عارض الخصائص يتعرف على التحديد بمثابة صورة أو جدول Fireworks ويعرض اسم ملف PNG المصدر.

  3. لبدء تشغيل Fireworks لإجراء التحرير، قم بأحد الإجراءات التالية:
    • في عارض الخصائص، انقر فوق Edit.

    • اضغط باستمرار على Control (Windows) أو Command (Macintosh) وانقر نقرًا مزدوجًا فوق الصورة المحددة.

    • انقر بزر الماوس الأيمن (Windows) أو اضغط على Control -انقر بزر الماوس (Macintosh) على الصورة المحددة وحدد Edit With Fireworks من قائمة السياق.

    ملاحظة:

    إذا لم يستطع Fireworks تحديد موقع ملف المصدر، فستتم مطالبتك بتحديد موقع ملف PNG المصدر. عندما تعمل مع ملف Fireworks المصدر، فإنه يتم حفظ التغييرات إلى كلٍ من الملف المصدر والملف الذي تم تصديره، وإلا فإنه يتم تحديث الملف الذي تم تصديره فقط.  

  4. في Fireworks، قم بتحرير ملف PNG المصدر وانقر فوق Done.

    يقوم Fireworks بحفظ التغييرات إلى ملف PNG، وتصدير الصورة التي تم تحديثها (أو HTML والصور) ويعيد التركيز إلى Dreamweaver. في Dreamweaver، تظهر الصورة التي تم تحديثها أو الجدول الذي تم تحديثه.

    للحصول على تدريب حول تكامل Dreamweaver وFireworks، راجع www.adobe.com/go/vid0188_ae.

تحسين صورة Fireworks من Dreamweaver

يمكنك استخدام Dreamweaver لإجراء تغييرات سريعة على صور وحركات Fireworks. من داخل Dreamweaver، يمكنك تغيير إعدادات التحسين وإعدادات الحركات وحجم ومساحة الصورة التي تم تصديرها.

  1. في Dreamweaver، حدد الصورة المطلوبة وقم بأحد الإجراءات التالية:
    • حدد Command > Optimize Image

    • انقر فوق الزر Edit Image Settings في عارض الخصائص.

  2. قم بإجراء عمليات التحرير في مربع الحوار Image Preview:
    • لتحرير إعدادات التحسين، انقر فوق علامة التبويب Options.

    • لتحرير حجم ومساحة الصورة التي تم تصديرها، انقر فوق علامة التبويب File.

  3. عندما تنتهي، انقر فوق OK.

استخدام Fireworks لتعديل العناصر النائبة للصور في Dreamweaver

يمكنك إنشاء صورة عنصر نائب في مستند Dreamweaver ثم بدء تشغيل Fireworks لتصميم صورة رسوم أو جدول Fireworks ليحل محلها.

لإنشاء صورة جديدة من عنصر نائب للصورة، يجب أن يكون كل من Dreamweaver وFireworks مثبتين على نظامك.

  1. تأكد من أنك قمت بالفعل بتعيين Fireworks بمثابة محرر صور لملفات PNG.
  2. في نافذة Document، انقر فوق العنصر النائب للصورة لتحديده.
  3. ابدء تشغيل Fireworks باستخدام وضع Editing From Dreamweaver من خلال القيام بأي مما يلي:
    • في عارض الخصائص، انقر فوق Create.

    • اضغط على Control (Windows) أو Command (Macintosh) ثم انقر نقرًا مزدوجًا فوق العنصر النائب للصورة.

    • انقر بزر الماوس الأيمن (Windows) أو اضغط على Control - انقر بزر الماوس (Macintosh) فوق العنصر النائب للصورة، ثم حدد Create Image In Fireworks.

  4. استخدم خيارات Fireworks لتصميم الصورة.

    يتعرف Fireworks على الإعدادات التالية للعنصر النائب للصورة والتي ربما تكون قد قمت بتعيينها أثناء العمل معه في Dreamweaver: حجم الصورة (المرتبط بحجم اللوحة القماشية في Fireworks) ومعرف الصورة (الذي يستخدمه Fireworks بمثابة اسم المستند الافتراضي لملف المصدر وملف التصدير الذي تقوم بإنشائه) ومحاذاة النص. يتعرف Fireworks أيضًا على ارتباطات وسلوكيات خاصة (مثل مبادلة الصورة والقائمة المنبثقة وتعيين النص) قمت بإرفاقها إلى العنصر النائب للصورة أثناء العمل في Dreamweaver.

    ملاحظة:

    على الرغم من أن Fireworks لا يظهر الارتباطات التي قمت بإضافتها إلى العنصر النائب للصورة، فإنه يتم الاحتفاظ بها. إذا قمت برسم بقعة نشطة وإضافة ارتباط في Fireworks، فإنه لن يحذف الارتباط الذي قمت بإضافته إلى العنصر النائب للصورة في Dreamweaver، لكن، إذا قمت بقص شريحة في Fireworks في الصورة الجديدة، فإن Fireworks سيحذف الارتباط في مستند Dreamweaver عندما تستبدل العنصر النائب للصورة.

    لا يتعرف Fireworks على الإعدادات التالية للعنصر النائب للصورة: محاذاة الصورة واللون ومساحة Vspace ومساحة Hspace والتخطيطات. فهذه الإعدادات تكون معطلة في عارض الخصائص الخاصة بالعنصر النائب للصورة.

  5. عندما تنتهي من العمل، انقر فوق Done لعرض المطالبة بالحفظ.
  6. في مربع النص Save In، حدد المجلد الذي قمت بتعريفه على أنه مجلد الموقع المحلي في Dreamweaver.

    إذا قمت بتسمية العنصر النائب للصورة عندما قمت بإدراجه في مستند Dreamweaver، فإن Fireworks يقوم بتعبئة مربع File Name بهذا الاسم. يمكنك تغيير الاسم.

  7. انقر فوق Save لحفظ ملف PNG.

    يظهر مربع الحوار Export. استخدم مربع الحوار هذا لتصدير الصورة باسم ملف GIF أو JPEG، أو في حالة الصور ذات الشرائح، باسم HTML وصور.

  8. بالنسبة إلى مربع النص Save In، حدد مجلد الموقع المحلي في Dreamweaver.

    يعرض مربع Name تلقائيًا الاسم الذي استخدمته لملف PNG. يمكنك تغيير الاسم.

  9. For Save AsType، حدد نوع الملف أو الملفات التي تريد تصديرها، على سبيل المثال Images Only أو HTML And Images.
  10. انقر فوق Save لحفظ الملف الذي تم تصديره.

    يتم حفظ الملف ويعود التركيز إلى Dreamweaver. في مستند Dreamweaver، يحل الملف الذي تم تصديره أو جدول Fireworks محل العنصر النائب للصورة.

مقدمة إلى القوائم المنبثقة في Fireworks

يسمح لك Fireworks بإنشاء قوائم منبثقة معتمدة على CSS بسرعة وسهولة.

بالإضافة إلى كونها موسعة وسرعة تنزيلها، فإن القوائم المنبثقة التي تقوم بإنشائها باستخدام Fireworks توفر لك الميزات التالية:

  • يمكن لمحرك البحث فهرسة عناصر القائمة.

  • يمكن لقراء الشاشة قراءة عناصر القائمة، مما يضفي مزيدًا من إمكانية الوصول إلى صفحاتك.

  • تتوافق التعليمات البرمجية التي يتم إنشاؤها باستخدام Fireworks مع المعايير ويمكن التحقق من صحتها.

    يمكنك تحرير قوائم Fireworks المنبثقة باستخدام Dreamweaver أو باستخدام Fireworks، ولكن ليس باستخدام كلاهما. لا يقوم Fireworks بالاحتفاظ بالتغييرات التي يتم القيام بها في Dreamweaver.

تحرير قوائم Fireworks المنبثقة في Dreamweaver

يمكنك إنشاء قائمة منبثقة في Fireworks 8 أو الإصدار الأحدث منه ثم تحريرها باستخدام Dreamweaver أو باستخدام Fireworks (باستخدام تحرير roundtrip)، ولكن ليس باستخدام كلاهما. إذا قمت بتحرير قوائمك في Dreamweaver ثم قمت بتحريرها في Fireworks، فإنك ستفقد جميع عمليات التحرير السابقة فيما عدا تلك الخاصة بمحتوى النص.

إذا كنت تفضل تحرير قوائمك باستخدام Dreamweaver، فإنه يمكنك استخدام Fireworks لإنشاء القائمة المنبثقة ثم استخدام Dreamweaver على وجه الحصر لتحرير القائمة وتخصيصها.

وإذا كنت تفضل تحرير القوائم في Fireworks، فإنه يمكنك استخدام ميزة تحرير roundtrip في Dreamweaver، ولكن يجب ألا تحرر القوائم مباشرة في Dreamweaver.

  1. في Dreamweaver، حدد جدول Fireworks الذي يحتوي على القائمة المنبثقة، ثم انقر فوق Edit في عارض الخصائص.

    يتم فتح ملف PNG المصدر في Fireworks.

  2. في Fireworks، قم بتحرير القائمة باستخدام Pop-Up Menu Editor ثم انقر فوق Done من على شريط أدوات Fireworks.

    يرسل Fireworks القائمة المنبثقة التي تم تحريرها مرةً أخرى إلى Dreamweaver.

    إذا قمت بإنشاء قائمة منبثقة في Fireworks MX 2004 أو إصدار أقدم منه، فإنه يمكنك تحريرها في Dreamweaver باستخدام مربع الحوار Show Pop-Up Menu، المتوفر من لوحة Behaviors.

تحرير قائمة منبثقة تم إنشاؤها في Fireworks MX 2004 أو إصدار أقدم منه

  1. في Dreamweaver، حدد البقعة النشطة أو الصورة التي تشغل القائمة المنبثقة.
  2. في لوحة Behaviors (Shift+F3)، انقر نقرًا مزدوجًا فوق Show Pop-Up Menu في قائمة Actions.
  3. قم بإجراء التغييرات التي تريدها في مربع الحوار Pop-Up Menu ثم انقر فوق OK.

تحديد تفضيلات التشغيل والتحرير لملفات المصدر في Fireworks

عند استخدام Fireworks لتحرير الصور، يقوم Fireworks بشكل عادي بتصدير الصور الموجودة في صفحات الويب لديك من ملف PNG المصدر. عند فتح ملف صورة في Dreamweaver لتحريره، فإن Fireworks يفتح تلقائيًا ملف PNG المصدر، مع مطالبتك بتحديد موقع ملف PNG إذا لم يكن موجودًا. إذا كنت تفضل ذلك، يمكنك تعيين التفضيلات في Fireworks بحيث تجعل Dreamweaver يفتح الصورة المدرجة، أو يمكنك ضبط Fireworks بحيث يوفر لك خيار استخدام ملف الصورة المدرجة أو ملف المصدر من Fireworks في كل مرة تفتح فيها صورة في Dreamweaver.

ملاحظة:

يتعرف Dreamweaver على تفضيلات التشغيل والتحرير الخاصة بـ Fireworks فقط في حالات معينة. بشكل محدد، يجب أن تفتح صورة ليست جزءًا من جدول Fireworks وتحتوي على مسار Design Notes صحيح إلى ملف PNG المصدر، وتقوم بتحسينها.

  1. في Fireworks، حدد Edit > Preferences (في نظام التشغيل Windows) أو Fireworks > Preferences (في نظام التشغيل Macintosh) ثم انقر فوق علامة التبويب Lanuch And Edit (في نظام التشغيل Windows) أو حدد Launch And Edit من القائمة المنبثقة (في نظام التشغيل Macintosh).
  2. حدد خيارات التفضيل التي ستستخدمها عند تحرير أو تحسين صور Fireworks المضمنة في تطبيق خارجي:

    Always Use Source PNG

    يفتح تلقائيًا ملف Fireworks PNG غير المحدد في Design Notes بمثابة مصدر الصورة المضمنة. يتم إجراء التحديثات إلى ملف PNG المصدر والصورة المضمنة المقابلة له.

    Never Use Source PNG

    يفتح تلقائيًا صورة Fireworks المضمنة، سواءً أكان ملف PNG المصدر موجودًا أم لا. يتم إجراء التحديثات إلى الصورة المضمنة فقط.

    Ask When Launching

    يعرض رسالة تسألك عما إذا كنت تريد فتح ملف PNG المصدر أم لا. يمكنك أيضًا تحديد تفضيلات تشغيل وتحرير عمومية من خلال هذه الرسالة.

إدراج التعليمات البرمجية Fireworks HTML في مستند Dreamweaver

من Fireworks، يمكنك استخدام الأمر Export لتصدير الصور المحسنة وملفات HTML إلى مكانٍ ما في مجلد موقع Dreamweaver، وحفظها. يمكنك بعد ذلك إدراج الملف في Dreamweaver. يسمح لك Dreamweaver بإدراج التعليمات البرمجية HTML التي تم إنشاؤها باستخدام Fireworks، بشكل كامل مع الصور والشرائح وتعليمات وبرامج JavaScript المقترنة، في مستند.

  1. في مستند Dreamweaver، ضع نقطة الإدراج حيثما تريد إدراج تعليمات Fireworks HTML البرمجية.
  2. قم بأحد الإجراءات التالية:
    • حدد Insert > Image Objects > Fireworks HTML.

    • في فئة Common من لوحة Insert، انقر فوق زر Images واختر Insert Fireworks HTML من القائمة المنبثقة.

  3. انقر فوق Browse لتحديد ملف Fireworks HTML.
  4. إذا لم تكن تنوي استخدام الملف في المستقبل، حدد Delete File After Insertion. لا يوجد لتحديد هذا الخيار أي تأثير على ملف PNG المصدر المقترن بملف HTML.
    ملاحظة:

    إذا كان ملف HTML موجودًا على محرك أقراص الشبكة، فإنه يتم حذفه دائمًا - ولا يتم نقله إلى Recycle Bin أو سلة المحذوفات.

  5. انقر فوق OK لإدراج تعليمات HTML البرمجية، مع صورها وشرائحها وبرامج JavaScript المقترنة بها، في مستند Dreamweaver.

لصق تعليمات Fireworks HTML البرمجية في Dreamweaver

توجد طريقة سهلة لتضمين الصور والجداول، التي تم إنشاؤها في Fireworks، في Dreamweaver وهي نسخ تعليمات Fireworks HTML ولصقها مباشرة في مستند Dreamweaver.

نسخ ولصق تعليمات Fireworks HTML البرمجية في Dreamweaver

  1. في Fireworks، حدد Edit > Copy HTML Code.
  2. اتبع المعالج أثناء تقديمه إعدادات تصدير تعليمات HTML والصور الخاصة بك. عند مطالبتك، حدد مجلد موقع Dreamweaver ليكون المجلد الوجهة للصور التي تم تصديرها.

    يصدر المعالج الصور إلى الوجهة المحددة وينسخ تعليمات HtML البرمجية في الحافظة.

  3. في مستند Dreamweaver، حدد نقطة الإدراج حيث تريد لصق تعليمات HTML البرمجية وحدد Edit > Paste Fireworks HTML.

    يتم نسخ جميع تعليمات HTML وJavaScript المقترنة مع ملفات Fireworks التي قمت بتصديرها في مستند Dreamweaver ويتم تحديث جميع الارتباطات إلى الصور.

تصدير ولصق تعليمات Fireworks HTML البرمجية في Dreamweaver

  1. في Fireworks، حدد File > Export.
  2. حدد مجلد موقع Dreamweaver ليكون وجهة الصور التي قمت بتصديرها.
  3. في قائمة Export المبثقة، حدد HTML And Images.
  4. في قائمة HTML المنبثقة، حدد Copy To Clipboard ثم انقر فوق Export.
  5. في مستند Dreamweaver، ضع نقطة الإدراج حيث تريد لصق تعليمات HTML البرمجية التي تم تصديرها وحدد Edit > Paste Fireworks HTML.

    يتم نسخ جميع تعليمات HTML وJavaScript المقترنة مع ملفات Fireworks التي قمت بتصديرها في مستند Dreamweaver ويتم تحديث جميع الارتباطات إلى الصور.

تحديث تعليمات Fireworks HTML البرمجية المضمنة في Dreamweaver

في Fireworks، يعد أمر File > Update HTML أمرًا بديلاً لتقنية التشغيل والتحرير الخاصة بتحديث ملفات Fireworks المضمنة في Dreamweaver. مع أمر Update HTML، يمكنك تحرير صورة PNG المصدر في Fireworks ثم تحديث أي تعليمات HTML برمجية وملفات الصور المضمنة في مستند Dreamweaver تلقائيًا. يسمح لك هذا الأمر بتحديث ملفات Dreamweaver حتى عند عدم تشغيل Dreamweaver.

  1. في Fireworks، افتح ملف PNG المصدر وقم بإجراء عمليات التحرير التي تريدها.
  2. حدد File > Save.
  3. في Fireworks، حدد File > Update HTML.
  4. انتقل إلى ملف Dreamweaver المحتوي على HTML الذي تريد تحديثه، وانقر فوق Open.
  5. انتقل إلى مجلد الوجهة الذي تريد تضمين ملفات الصور التي تم تحديثها فيه، وانقر فوق Select (Windows) أو Choose (Macintosh).

    يقوم Fireworks بتحديث تعليمات HTML وJavaScript البرمجية في مستند Dreamweaver. كما يقوم Fireworks أيضًا بتصدير الصور التي تم تحديثها المقترنة بـ HTML وتضمينها في مجلد الوجهة المحدد.

    إذا تعذر على Fireworks إيجاد تعليمات HTML البرمجية المطابقة لتحديثها، فإنه يوفر لك خيار إدراج تعليمات HTML البرمجية الجديدة في مستند Dreamweaver. يقوم Fireworks بتضمين قسم JavaScript من التعليمات البرمجية الجديدة في بداية المستند وتضمين جدول أو ارتباط HTML إلى الصورة في نهايته.

إنشاء ألبوم صور فوتوغرافية على الويب

تم تجاوز ميزة Create Web Photo Album من Dreamweaver CS5.

 Adobe

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟

Adobe MAX 2024

Adobe MAX

The Creativity Conference

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت

Adobe MAX 2024

Adobe MAX

The Creativity Conference

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت