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

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

يقوم InDesign بتصدير كل المجموعات النصية، والرسوم المرتبطة والمدمجة، وملفات فيلم SWF، والحواشي، ومتغيرات النص (مثل النص)، وقوائم التعداد والترقيم، والمراجع التبادلية الداخلية، والروابط التشعبية التي تنتقل إلى النص أو صفحات ويب. يتم تصدير الجداول أيضاً، لكن بعض التنسيق، مثل الجدول وحدود الخلية، لا يتم تصديرها. تم تعيين معرفات فريدة للجداول، لكي يمكن الإشارة إليها كمجموعات بيانات Spry في Dreamweaver. علامات الصوت والفيديو في HTML: تعتبر ملفات صوت وفيديو 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، قم بتعيين الخيارات التالية.

خيارات General

تتضمن منطقة General الخيارات التالية.

تصدير

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

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

Content Order / Ordering

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

Base 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 أفضل لتوافق الشاشات المتعددة. يتم تطبيق نفس القيمة على كل الهوامش: العلوي والسفلي والأيسر والأيمن.

Bullets

حدد 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 وMacOS. اختر 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

استخدم المساحة Advanced لتعيين خيارات CSS وJavaScript.

خيارات CSS

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 Options

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

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت