تصدير محتوى إلى HTML ‏| CS6 & CS5.5

ملاحظة:

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

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

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

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

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

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

  1. إذا لم تكن تقوم بتصدير المستند بأكمله، حدد إطارات النص، نطاق من النص، خلايا جدول، أو الرسوم التي تريد تصديرها.
  2. اختر File > Export aثم حدد HTML من القائمة Save As Type.
  3. حدد اسمًا وموضعًا لمستند HTML، ثم انقر حفظ.
  4. في شاشة خيارات تصدير HTML، قم بتعيين الخيارات المطلوبة في المناطق General وImage وAdvanced ثم انقر فوق OK.

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

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

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

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

المساحة العامة تتضمن الخيارات التالية.

Export

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

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

Content Order / Ordering

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

Based On Page Layout

يحدد موقع العناصر على الصفحة ترتيب القراءة.

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

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

Same As XML Structure

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

Same As Articles Panel

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

Margin

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

التعداد النقطي

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

Numbers

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

Map To Ordered List

يحول القوائم ذات التعداد النقطي إلى List Items، والتي يتم تنسيقها في HTML باستخدام علامة <ol>.

Map To Static Ordered List

يحول القوائم ذات التعداد النقطي إلى List Items، لكنه يعين السمة <value> بناءً على رقم الفقرة الحالية في InDesign.

Convert To Text

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

View HTML After Exporting

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

خيارات الصور

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 Page Size قيمة نسبة مئوية نسبية بناءً على حجم الصورة بالنسبة لعرض صفحة InDesign. يتسبب هذا الخيار في تغيير حجم الصور بشكل نسبي، بالنسبة لعرض منطقة القراءة.

Image Alignment and Spacing

قم بتحديد محاذاة الصورة، إلى اليسار، والوسط، واليمين والمسافة قبلها وبعدها.

Settings Apply to Anchored Objects

حدد هذا الخيار لتطبيق هذه الإعدادات على جميع الكائنات المرتبطة.

Image Conversion

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

(GIF Options (Palette

يتيح لك التحكم في كيفية معالجة InDesign للألوان عند تحسين ملفات GIF. يستخدم تنسيق GIF لوحة ألوان محدودة، والتي لا يمكن أن تتخطى 256 لونًا.

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

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

(JPEG Options (Image Quality

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

(JPEG Options (Format Method

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

Ignore Object Conversion Settings

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

Advanced options

استخدم المساحة Advanced لضبط خيارات CSS و JavaScript.

CSS Options

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

Embedded CSS

عند التصدير إلى XHTML، يمكنك إنشاء قائمة أنماط CSS تظهر في القسم Head من ملف HTML مع التعريفات (السمات).

إذا تم تحديد Style Definitions، فسيحاول InDesign توفيق سمات تنسيق نص InDesign مع مكافئات CSS. وإذا تم إلغاء تحديد هذا الخيار، فسيتضمن ملف HTML تعريفات فارغة. يمكنك تحرير تلك التعريفات في Dreamweaver.

وإذا تم تحديد Preserve Local Overrides، فسيتم تضمين التنسيقات المحلية مثل مائل أو غامق.

No CSS

يؤدي تحديد هذا الخيار إلى حذف مقطع CSS من ملف HTML.

(External CSS (CS5.5

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

(Additional CSS (CS6

حدد CSS باستخدام الزر Add Style Sheet.

خيارات JavaScript

حدد Link To External JavaScript لتشغيل JavaScript عند فتح صفحة HTML. حدد عنوان ربط JavaScript، والذي غالبًا ما يكون عنوانًا ذا صلة. لا يتحقق InDesign من صحة أو وجود JavaScript.

المزيد مثل هذا

 Adobe

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

مستخدم جديد؟