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

تصدير محتوى إلى HTML

  1. دليل مستخدم InDesign
  2. التعرّف على InDesign
    1. مقدمة عن InDesign
      1. الجديد في InDesign
      2. متطلبات النظام
      3. الأسئلة الشائعة
      4. استخدام Creative Cloud libraries
    2. مساحة العمل
      1. أساسيات مساحات العمل
      2. تخصيص مساحة العمل لديك في InDesign
      3. صندوق الأدوات
      4. تعيين التفضيلات
      5. مساحة العمل Touch
      6. اختصارات لوحة المفاتيح الافتراضية
      7. استرداد المستندات والتراجع
  3. إنشاء المستندات وتخطيطها
    1. المستندات والصفحات
      1. إنشاء المستندات
      2. العمل باستخدام الصفحات الرئيسية
      3. العمل باستخدام صفحات المستندات
      4. تعيين حجم الصفحة والهوامش وتجاوز الهوامش
      5. العمل باستخدام الملفات والقوالب
      6. إنشاء ملفات كتاب
      7. إضافة ترقيم صفحات أساسي
      8. ترقيم الصفحات والفصول والأقسام
      9. تحويل مستندات QuarkXPress وPageMaker
      10. مشاركة المحتوى
      11. فهم سير العمل الأساسي لملف مدار
      12. حفظ المستندات
    2. الشبكات
      1. الشبكات
      2. تنسيق الشبكات
    3. الأدوات المساعدة للتخطيط‬
      1. المساطر
      2. محاذاة الكائنات وتوزيعها باستخدام المساطر
      3. قياس الكائنات باستخدام الأداة Measure
  4. إضافة المحتوى
    1. النص
      1. إضافة نص إلى الإطارات
      2. نص مؤشر الترابط
      3. البرامج النصية للغات جنوب شرق آسيا
      4. ميزات اللغتين العربية والعبرية في InDesign
      5. إنشاء كتابة على مسار
      6. التعداد النقطي والرقمي
      7. الأحرف الرسومية والأحرف الخاصة
      8. تكوين النص
      9. متغيرات النص
      10. إنشاء رموز QR
      11. تحرير النص
      12. محاذاة النص
      13. التفاف النص حول الكائنات
      14. الكائنات المرتبطة
      15. المحتوى المرتبط
      16. تنسيق الفقرات
      17. تنسيق الأحرف
    2. أسلوب الطباعة
      1. استخدام الخطوط في InDesign
      2. تقنين الأحرف والتعقب
    3. تنسيق النص
      1. تنسيق النص
      2. التنميط التلقائي للنص
      3. العمل باستخدام حزم الأنماط
      4. الجدولة والمسافات البادئة
    4. مراجعة النص
      1. تتبع التغييرات ومراجعتها
      2. إضافة ملاحظات تحريرية في InDesign
      3. استيراد تعليقات PDF
    5. التدقيق الإملائي وقواميس اللغة
      1. التحقق من التدقيق الإملائي والتصحيح التلقائي والتدقيق الإملائي الديناميكي
      2. إنشاء القواميس والكلمات وإضافتها وإدارتها
      3. تغيير تفضيلات القاموس
      4. قاموس Duden
    6. إضافة المراجع
      1. إنشاء جدول محتويات
      2. الحواشي السفلية
      3. إنشاء فهرس
      4. التعليقات الختامية
      5. التعليقات
    7. الأنماط
      1. أنماط الفقرات والحروف
      2. تعيين الأنماط وتصديرها وإدارتها
      3. أنماط الكائنات
      4. الحروف الاستهلالية والأنماط المتداخلة
      5. العمل باستخدام الأنماط
      6. المسافة البادئة
    8. الجداول
      1. تنسيق الجداول
      2. إنشاء الجداول
      3. أنماط الجداول والخلايا
      4. تحديد الجداول وتحريرها
      5. حدود الجداول وتعبئاتها‬
    9. التفاعل
      1. الارتباطات التشعبية
      2. مستندات PDF الديناميكية
      3. الإشارات المرجعية
      4. الأزرار
      5. النماذج
      6. الرسومات المتحركة
      7. الإسنادات الترافقية
      8. بنية ملفات PDF
      9. انتقالات الصفحة
      10. الأفلام والأصوات
    10. الرسومات
      1. فهم المسارات والأشكال
      2. الرسم باستخدام أداة Pencil
      3. الرسم باستخدام الأداة Pen
      4. تطبيق إعدادات الخط (الحد) 
      5. المسارات والأشكال المركبة
      6. تحرير المسارات
      7. مسارات القطع
      8. تغيير مظهر الزاوية
      9. الإطارات والكائنات
      10. محاذاة الكائنات وتوزيعها
      11. الرسومات المرتبطة والمدرجة
      12. دمج AEM Assets
    11. اللون والشفافية
      1. تطبيق لون
      2. استخدام الألوان من الرسومات المستوردة
      3. العمل باستخدام العينات
      4. خلط الأحبار
      5. الصبغات
      6. فهم ألوان المعالجة والتركيز
      7. مزج الألوان
      8. المكونات
      9. تسوية عمل فني شفاف
      10. إضافة تأثيرات الشفافية
  5. بحث واستبدال
    1. بحث عن نص واستبداله
    2. البحث عن الخطوط واستبدالها
    3. البحث عن الحروف الرسومية واستبدالها
    4. البحث والاستبدال باستخدام استعلامات وتعبيرات GREP
    5. البحث عن الكائنات واستبدالها
    6. البحث عن الألوان واستبدالها
    7. خيارات البحث للبحث والاستبدال
  6. Share
    1. العمل باستخدام مستندات InDesign السحابية (Beta)
    2. الأسئلة الشائعة عن مستندات InDesign السحابية (Beta)
    3. المشاركة والتعاون        
    4. المشاركة للمراجعة
    5. معاينة مستند InDesign مشترك
    6. ادارة الملاحظات 
  7. النشر
    1. الوضع والتصدير والنشر
      1. Publish Online
      2. لوحة معلومات Publish Online
      3. النسخ، إدراج الرسومات
      4. تصدير محتوى لـ EPUB
      5. خيارات Adobe PDF
      6. تصدير محتوى إلى HTML
      7. تصدير إلى Adobe PDF
      8. تصدير إلى تنسيق JPEG
      9. تصدير HTML
      10. نظرة عامة على DPS وAEM Mobile
      11. تنسيقات الملفات المدعومة
    2. الطباعة
      1. طباعة كتيبات
      2. علامات الطابعة وتجاوز الهوامش
      3. طباعة المستندات
      4. الأحبار والفاصل وتردد الشاشة
      5. الطباعة المتراكبة
      6. إنشاء ملفات PostScript وEPS
      7. التحقق من صحة الملفات قبل التسليم
      8. طباعة الصور المصغرة والمستندات ذات الحجم الكبير
      9. إعداد ملفات PDF لموفري الخدمة
      10. التجهيز لطباعة الفواصل
  8. توسيع InDesign
    1. التشغيل التلقائي
      1. دمج البيانات
      2. المكونات الإضافية
      3. ملحق Capture في InDesign
      4. البرامج النصية
  9. استكشاف الأخطاء وإصلاحها
    1. المشكلات التي تم إصلاحها
    2. التعطل عند بدء التشغيل
    3. مشكلة القراءة فقط في مجلد التفضيلات
    4. استكشاف مشكلات الملفات
    5. يتعذر تصدير PDF
    6. استعادة مستند InDesign
ملاحظة:

اللغة المنصفة: نحن نستبدل اللغة غير الشاملة من InDesign 2022 (الإصدار 17.0) وما بعده، لتعكس قيم Adobe الأساسية للشمولية. يتم استبدال أي إشارة إلى الصفحة الرئيسية بالصفحة الرئيسية في مقالات المساعدة الخاصة بنا للغات الإنجليزية والدانماركية والمجرية والإسبانية والإيطالية والبرازيلية والبرتغالية واليابانية.

التصدير إلى HTML هي طريقة سهلة للحصول على محتوى InDesign بشكل جاهز للويب. عند تصدير محتوى إلى HTML، يمكنك التحكم في كيفية تصدير النصوص والصور. يحافظ InDesign على أسماء أنماط الفقرات والأحرف والكائنات والجداول والخلايا المطبقة على المحتويات المصدرة، حيث يجعل محتويات HTML ذات فئات نمط CSS لها نفس الاسم. باستخدام Adobe Dreamweaver أو أي محرر HTML متوافق مع CSS، يمكنك تطبيق التنسيق بسرعة والتخطيط إلى المحتوى.

ما سيتم تصديره

يقوم InDesign بتصدير كل المجموعات النصية، والرسوم المرتبطة والمدمجة، وملفات فيلم SWF، والحواشي، ومتغيرات النص (مثل النص)، وقوائم التعداد والترقيم، والإسنادات الترافقية الداخلية، والارتباطات التشعبية التي تنتقل إلى النص أو صفحات ويب. يمكن تصدير الجداول إلى HTML أيضًا. يحتفظ InDesign بتنسيق الجدول، مثل حدود الجدول والخلايا. يتم تعيين معرفات فريدة للجداول، ويمكن الإشارة إليها كمجموعات بيانات Spry في Dreamweaver. يتم تضمين ملفات الصوت وملفات فيديو h.264 الموضوعة في علامات HTML5 <audio> و<video>. يقوم InDesign أيضًا بتصدير الكائنات التي ترسمها (مثل المستطيلات، والأشكال البيضاوية، والمضلعات)، والكائنات الملصقة (التي تتضمن صور Illustrator الملصقة)، والنص المحول إلى حدود خارجية.

ما لا يتم تصديره

لا يصدر InDesign الارتباطات التشعبية (فيما عدا الارتباطات لصفحات الويب والارتباطات المطبقة على النص الذي ينتقل إلى نقاط إرساء النص في المستند نفسه)، ورموز XML، والكتب، والإشارات المرجعية، وحروف SING الرسومية، وانتقالات النص، ومحددات الفهرس، والكائنات على لوحة اللصق غير المحددة والتي لا تلمس الصفحة، وعناصر الصفحة الرئيسية (ما لم يتم تجاوزها أو تحديدها قبل التصدير).

تصدير إلى HTML

  1. إذا لم تكن تقوم بتصدير المستند بأكمله، حدد إطارات النص، نطاق من النص، خلايا جدول، أو الرسوم التي تريد تصديرها.
  2. اختر File > Export وحدد HTML من القائمة Save As Type.

  3. حدد اسمًا وموضعًا لمستند HTML، ثم انقر فوق Save.

  4. في مربع الحوار HTML Export Options حدد الخيارات المطلوبة في المناطق General وImage وAdvanced ثم انقر فوق OK.

المستند الذي له الاسم المحدد وله امتداد .html (مثل "newsletter.html") يتم إنشاؤه؛ إذا تم تحديد مجلد فرعي لصور الويب (مثل "newsletter web images") سيتم تخزينها في نفس المكان.

خيارات تصدير HTML

في مربع الحوار HTML، قم بتعيين الخيارات التالية.

General

الخيارات العامة
الخيارات العامة

Export:

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

إذا كان المستند محددًا، يتم تصدير كل عناصر الصفحة من كل الامتدادات اللونية، ماعدا عناصر الصفحة الرئيسية التي تم تخطيها وعناصر الصفحة الموجودة على الطبقات المخفية. كما يتم تجاهل علامات تمييز XML والفهارس المولدة وجداول المحتويات.

Content Order:

يتيح لك تحديد ترتيب قراءة كائنات الصفحة.

Based On Page Layout: يحدد موقع العناصر على الصفحة ترتيب القراءة.

إذا تم تحديد Based On Page Layout، فسيقوم InDesign بتحديد ترتيب قراءة كائنات الصفحة عن طريق المسح من اليسار لليمين ومن أعلى لأسفل. في بعض الحالات، وبخاصة في المستندات المعقدة متعددة الأعمدة، قد لا تظهر عناصر التصميم بترتيب القراءة المرغوب به. استخدم Dreamweaver لإعادة ترتيب المحتويات وتنسيقها.

(إصدارات اللغات الآسيوية فقط) في حالة تحديد Base On Page، يحدد InDesign ترتيب قراءة كائنات الصفحة وفقًا لتجليد المستند (من اليسار إلى اليمين أو من اليمين إلى اليسار).

Same As XML Structure: إذا تم تحديد Same As XML Structure is، فستتحكم اللوحة XML Structure في ترتيب المحتوى المُصدّر وفي تحديد المحتوى الذي يتم تصديره. إذا كان المحتوى ذا علامات تمييز بالفعل، يمكنك سحب علامات التمييز في اللوحة XHTML Structure لتعيين ترتيب XHTML Export. إذا لم يكن المحتوى ذا علامات تمييز، يمكنك اختيار Add Untagged Items من قائمة اللوحة Structure لإنشاء علامات تمييز يمكنك إعادة ترتيبها. إذا كنت ترغب في استثناء عنصر في التصدير، فيمكنك حذف العلامة في لوحة XML Structure. (لا يؤدي حذف علامة تمييز إلى حذف المحتوى من ملف INDD). راجع وضع علامات لعناصر الصفحة.

Same As Articles Panel: يحدد ترتيب العناصر في اللوحة Articles ترتيب القراءة. سيتم تصدير المقالات المحددة فقط. راجع تضمين المقالات لتصديرها.

Formatting Options:

حدد خيارات التنسيق للتعداد النقطي والترقيم.

Bullets: حدد Map To Unordered List لتحويل فقرات التعداد النقطي إلى عناصر قائمة، والتي يتم تنسيقها في HTML باستخدام العلامة. حدد Convert To Text للتنسيق باستخدام علامة مع حروف تعداد نقطي على هيئة نص. إذا استخدمت التعدادات النقطية التلقائية لبرنامج InDesign، فسيتم أيضًا تضمين التعدادات النقطية الفرعية.

Numbers: يحدد كيفية تحويل الأرقام في ملف HTML. إذا استخدمت الترقيم التلقائي لبرنامج InDesign، فسيتم أيضًا تضمين التعدادات النقطية الفرعية..

●  Map to Ordered Lists: يحول القوائم ذات التعداد النقطي إلى عناصر قائمة، والتي يتم تنسيقها بتنسيق HTML باستخدام العلامة.

●  Convert to Text: يحول القوائم ذات التعداد النقطي إلى فقرات تبدأ بالرقم الحالي للفقرة على هيئة نص.

View HTML After Exporting:

بدء المستعرض، إن وجد.

Image

خيارات الصور
خيارات الصور

Copy Images:

حدد كيفية تصدير الصور إلى HTML.

Original: يصدر الصورة الأصلية إلى المجلد الفرعي <document_name>-web-images

Optimized: يتيح لك تغيير الإعدادات لتحديد كيفية تصدير الصور.

Link To Server Path: بدلاً من تصدير الصور إلى مجلد فرعي، فإن هذا الخيار يتيح لك إدخال عنوان ربط (مثل "images/") والتي تظهر أمام ملف الصورة. في التعليمات البرمجية بلغة HTML، تعرض سمة الارتباط المسار والامتداد الذي تحدده. يكون هذا الخيار فعالاً خاصة عندما تقوم بتحويل الصور المتوافقة مع الويب بنفسك.

Preserve Appearance from Layout:

حدد هذا الخيار لاكتساب سمات الكائنات من المخطط.

Resolution (ppi):

اختر دقة الصور بالبكسل في البوصة (ppi). يتم تحديد الدقة القياسية لأنظمة التشغيل إما على 72 بكسل في البوصة أو 96 بكسل في البوصة، بينما تتراوح دقة الأجهزة المحمولة من 132 بكسل في البوصة (iPad)، إلى 172 بكسل في البوصة (Sony Reader)، إلى ما يزيد على 300 بكسل في البوصة (iPhone 4). يمكنك اختيار قيمة بكسل في البوصة لكل كائن محدد. تتضمن القيم 72 و96 و150 (المتوسط لكل أجهزة الكتب الإلكترونية اليوم)، و300.

Image Size:

يحدد ما إذا كان يجب أن يظل حجم الصورة ثابتًا أو أن يتم تغيير حجمها بالنسبة للنص في الصفحة. Relative to Text flow يعين قيمة نسبة مئوية نسبية بناءً على تدفق النص بالنسبة لعرض صفحة InDesign. يتسبب هذا الخيار في تغيير حجم الصور بشكل نسبي، بالنسبة لنص منطقة القراءة.

Image Alignment and Spacing:

حدد محاذاة الصورة - يسارًا ووسطًا ويمينًا. يمكنك أيضًا تحديد المساحة المتروكة في الأعلى والأسفل.

Image Conversion:

يتيح لك اختيار ما إذا كان يتم تحويل الصور المحسنة في مستندك إلى GIF أو JPEG أو PNG. اختر Automatic لجعل InDesign يقرر التنسيق الذي سيتم استخدامه في كل حالة. يؤدي اختيار PNG إلى تعطيل إعدادات ضغط الصور.؛ استخدم PNG للصور التي لا تفتقد إلى أي بيانات أو للصور التي تتضمن شفافية.

GIF Options (Palette):

يتيح لك التحكم في كيفية معالجة InDesign للألوان عند تحسين ملفات GIF. يستخدم تنسيق GIF لوحة ألوان محدودة، والتي لا يمكن أن تتخطى 256 لونًا. اختر Adaptive (no dither) لإنشاء لوحة باستخدام عينة نموذجية للألوان في الرسوم بدون أي محاكاة (خلط بقع صغيرة من الألوان لمحاكاة ألوان إضافية). اختر Web لإنشاء لوحة من الألوان الآمنة للويب التي تعتبر مجموعة جزئية من ألوان نظام Windows وMacOS. اختر (System (Win أو (System (Mac لإنشاء لوحة باستخدام لوحة ألوان النظام الذاتية. قد يسبب هذا الخيار نتائج غير متوقعة.

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

(JPEG Options (Image Quality:

يحدد التوازن بين الضغط (لأحجام ملف أصغر) وجودة صورة لكل صورة JPEG يتم إنشاؤها. Low ينتج أصغر حجم للملف وأقل جودة للصورة.

JPEG Options (Format Method):

تحدد مدى سرعة عرض رسومات JPEG عندما يفتح الملف المحتوي على الصورة على الويب. اختر Progressive لعرض صور JPEG بالتدريج وبتفاصيل متزايدة أثناء تنزيلها. (الملفات التي يتم إنشاؤها باستخدام هذا الخيار تكون أكبر قليلاً وتتطلب ذاكرة عشوائية أكبر لعرضها). اختر Baseline لعرض كل ملف JPEG بعد تنزيله فقط؛ يظهر عنصر نائب في مكانه حتى يتم عرض الملف.

Ignore Object Export Settings:

يتم تطبيق Ignores Object Export Options على الصور الفردية. راجع تطبيق خيارات تصدير الكائنات.

Advanced

خيارات متقدمة
خيارات متقدمة

استخدم منطقة Advanced لتعيين خيارات CSS وJavaScript. Cascading Style Sheets هي مجموعة من قواعد التنسيق التي تتحكم في مظهر المحتوى في صفحة ويب. عندما تستخدم CSS لتنسيق صفحة، فإنك تفصل المحتوى من العرض. تبقى محتويات صفحتك - التعليمات البرمجية بلغة HTML- في ملف HTML نفسه، بينما تبقى قواعد CSS المعرفة لعرض التعليمات البرمجية في ملف آخر (ورقة نمط خارجية) أو ضمن مستند HTML (غالبًا في القسم Head). على سبيل المثال، يمكنك تعيين أحجام خط مختلفة، ويمكنك استخدام CSS لتتحكم في تنسيق ووضع العناصر على مستوى الكتل في صفحة الويب.

Don't Include Classes in HTML:

حدد هذا الخيار إذا كنت لا ترغب في تضمين الفئات في HTML. وهو يزيل الفئة وسمات المعرف الموجودة في العلامة خلال تصدير HTML. وتتم إزالة أي علامات div متكررة موجودة في HTML أيضًا.

Include Classes In HTML:

حدد هذا الخيار لتضمين الفئات في HTML.

Generate CSS: حدد ما إذا كنت تريد من InDesign إنشاء CSS للملف الذي تم تصديره. في حالة تحديد الخيار Generate CSS، يمكنك أيضًا تحديد الخيار Preserve Local Overrides لتضمين التنسيق الداخلي مثل الأحرف المائلة أو الغامقة.

Preserve Local Overrides: لتضمين التنسيقات المحلية مثل مائل أو غامق.

Add Style Sheet:

حدد عنوان URL لورقة أنماط CSS الموجودة، والذي غالبًا ما يكون عنوان URL ذا صلة، مثل "/styles/style.css". لا يتحقق InDesign من وجود CSS أو صلاحيته. يمكنك استخدام Dreamweaver لتأكيد إعداد CSS الخارجي.

خيارات JavaScript:

حدد Add Script لتشغيل JavaScript عند فتح صفحة HTML. لا يتحقق InDesign من صحة أو وجود JavaScript.

 Adobe

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

مستخدم جديد؟