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

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

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

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

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

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

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

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

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

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

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

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، ترتيب القراءة. سيتم تصدير المقالات المحددة فقط. راجع تضمين المقالات لتصديرها.

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

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

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

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

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

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

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

خيارات الصور

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

يصدر الصورة الأصلية إلى المجلد الفرعي “<document_name>-web-images”. عند تحديد هذا الخيار، فإن كل الخيارات الأخرى تكون غير نشطة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Advanced options

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

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

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

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

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

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

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

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

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

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

أنشى الكتب الإلكترونية للنشر، والمنشورات الدعائية، والنشرات الإعلانية، والبطاقات البريدية، والملصقات، وتخطيطات الويب التفاعلية، والمزيد من خلال Adobe InDesign.