מדריך למשתמש ביטול

ייצוא תוכן ל-HTML

  1. מדריך למשתמש של InDesign
  2. הכרת InDesign
    1. מבוא ל-InDesign
      1. מה חדש ב-InDesign
      2. דרישות מערכת
      3. שאלות נפוצות
      4. שימוש בספריות Creative Cloud
    2. סביבת עבודה
      1. עקרונות עבודה בסיסיים בסביבת עבודה
      2. Toolbox
      3. הגדרת העדפות
      4. סביבת עבודה מבוססת מגע
      5. קיצורי מקשים המוגדרים כברירת מחדל
      6. שחזור מסמך וביטול פעולה
  3. יצירה ופריסה של מסמכים
    1. מסמכים ודפים
      1. יצירת מסמכים
      2. עבודה עם דפי מאסטר
      3. עבודה עם דפי מסמך
      4. הגדרת גודל עמוד, שוליים וגלישה
      5. עבודה עם קבצים ותבניות
      6. יצירת קובצי ספרים
      7. הוספת מספור עמודים בסיסי
      8. מספור עמודים, פרקים ומקטעים
      9. המרת מסמכי QuarkXPress ו-PageMaker
      10. שיתוף תוכן
      11. הבנת תהליך עבודה בסיסי של ניהול קבצים
      12. שמירת מסמכים
    2. רשתות
      1. רשתות
      2. עיצוב רשתות
    3. עזרי פריסה
      1. סרגלים
  4. הוספת תוכן
    1. טקסט
      1. הוספת טקסט למסגרות
      2. שרשור טקסט
      3. תכונות של עברית וערבית ב-InDesign
      4. יצירת טקסט על נתיב
      5. תבליטים ומספור
      6. גליפים ותווים מיוחדים
      7. יצירת טקסט
      8. משתני טקסט
      9. יצירת קודי QR
      10. עריכת טקסט
      11. יישור טקסט
      12. גלישת טקסט סביב אובייקטים
      13. אובייקטים מעוגנים
      14. תוכן מקושר
      15. עיצוב פסקאות
      16. עיצוב תווים
      17. Find/Change
      18. בדיקת איות ומילוני שפות
    2. טיפוגרפיה
      1. שימוש בגופנים ב-InDesign
      2. צימוד אותיות וריווח טקסט
    3. עיצוב טקסט
      1. עיצוב טקסט
      2. עבודה עם חבילות סגנון
      3. כרטיסיות וכניסות
    4. בדיקת טקסט
      1. מעקב אחר שינויים ובדיקת שינויים
      2. הוספת הערות עורך ב-InDesign
      3. ייבוא הערות PDF
    5. הוספת הפניות
      1. יצירת תוכן עניינים
      2. הערות שוליים
      3. יצירת אינדקס
      4. הערות סיום
      5. כתוביות
    6. סגנונות
      1. סגנונות פסקה ותו
      2. מיפוי, ייצוא וניהול של סגנונות
      3. סגנונות אובייקטים
      4. אות פתיח וסגנונות מקוננים
      5. עבודה עם סגנונות
      6. ריווח שורות
    7. טבלאות
      1. עיצוב טבלאות
      2. יצירת טבלאות
      3. סגנונות טבלה ותא
      4. בחירה ועריכה של טבלאות
      5. משיחות ומילויים של טבלאות
    8. אינטראקטיביות
      1. היפר-קישורים
      2. מסמכי PDF דינמיים
      3. סימניות
      4. לחצנים
      5. טפסים
      6. הנפשה
      7. הפניות מקושרות
      8. מבנה בקובצי PDF
      9. מעברי דפים
      10. סרטים וצלילים
    9. גרפיקה
      1. הבנת נתיבים וצורות‬
      2. ציור באמצעות הכלי Pencil
      3. ציור באמצעות הכלי Pen
      4. החלת הגדרות קו (משיחה) 
      5. נתיבים מורכבים וצורות מורכבות
      6. עריכת נתיבים
      7. נתיבי מסיכה
      8. שינוי מראה של פינה
      9. יישור ופיזור של אובייקטים
      10. גרפיקה מקושרת ומוטבעת
      11. שילוב נכסי AEM
    10. צבע ושקיפות
      1. החלת צבע
      2. שימוש בצבעים מגרפיקה מיובאת
      3. עבודה עם דוגמיות צבע
      4. ערבוב צבעי דפוס
      5. רשתות צבע
      6. הבנת צבעי ספוט וצבעי פרוצס‬
      7. מיזוג צבעים
      8. מעברי צבע
      9. שיטוח גרפיקה הכוללת שקיפות
      10. הוספת אפקטי שקיפות
  5. שיתוף
    1. עבודה עם מסמכי ענן של InDesign
    2. מסמכי InDesign בענן | שאלות נפוצות
    3. שתף ועבוד בשיתוף עם אחרים        
    4. שיתוף לצורך בדיקה
    5. בדיקת מסמך InDesign משותף
    6. ניהול משוב 
  6. פרסום
    1. השמה, ‏‫ייצוא ופרסום
      1. פרסום מקוון
      2. העתקה, הכנסת גרפיקה
      3. ייצוא תוכן עבור EPUB
      4. אפשרויות Adobe PDF
      5. ייצוא תוכן אל HTML
      6. ייצוא אל Adobe PDF
      7. ייצוא לפורמט JPEG
      8. ייצוא HTML
      9. סקירה כללית של DPS ושל AEM Mobile
      10. תבניות קובץ נתמכות
    2. הדפסה
      1. הדפסת חוברות
      2. סימונים וגלישות של מדפסת
      3. הדפסת מסמכים
      4. צבעי דפוס, הפרדה וקצב רענון מסך
      5. הדפסת רכב
      6. יצירת קובצי PostScript ו-EPS
      7. בדיקת תקינות של קבצים לפני המסירה
      8. ‏‫הדפסת תמונות ממוזערות ומסמכים בגודל חריג
      9. הכנת קובצי PDF לספקי שירות
      10. הכנה להפרדות הדפסה
  7. הרחב את InDesign
    1. אוטומציה
      1. מיזוג נתונים
      2. תוספים
      3. שימוש בהרחבה Adobe Capture ב-InDesign
      4. כתיבת סקריפטים
  8. פתרון בעיות
    1. בעיות שתוקנו
    2. קריסה בעת הפעלה
    3. בעיה בתיקיית העדפות לקריאה בלבד
    4. פתרון בעיות של קבצים
    5. לא ניתן לייצא לקובץ PDF‏
    6. שחזור מסמכי InDesign
הערה:

שפה שוויונית: אנו מחליפים שפה לא מכילה מתוך InDesign 2022 (גרסה 17.0) ואילך, שתשקף את ערכי ההכלה של Adobe. כל אזכור של המונח Master page מוחלף במונח Parent page במאמרי העזרה שלנו Help עבור אזורים דוברי אנגלית, דנית, הונגרית, ספרדית, איטלקית, פורטוגזית של ברזיל, פורטוגזית ויפנית.

ייצוא אל HTML הוא דרך קלה להעברת תוכן מ-InDesign לטופס המיועד לפרסום באינטרנט. כשמייצאים תוכן אל HTML, ניתן לשלוט על אופן הייצוא של טקסט ותמונות. InDesign שומר על שמות סגנונות של פסקאות, תווים, אובייקטים, טבלאות ותאים המוחלים על התוכן המיוצא ע"י סימון תוכן HTML במחלקות סגנון CSS באותו שם. בעזרת Adobe Dreamweaver או כל עורך HTML התומך ב-CSS ניתן להחיל במהירות תכונות עיצוב ופריסה על התוכן.

מה מיוצא

InDesign מייצא את כל הכתבות, גרפיקה מקושרת ומוטבעת, קובצי סרטים מסוג SWF, הערות שוליים, משתני טקסט (כטקסט), רשימות תבליטים ורשימות ממוספרות, הפניות צולבות פנימיות והיפר-קישורים לטקסט או לדפי אינטרנט. כמו כן, ניתן לייצא טבלאות ל- HTML.‏ ‏InDesign שומר על עיצוב הטבלאות, כגון קווי טבלה ותאים. טבלאות מקבלות הקצאה של מזהים ייחודיים וניתן להתייחס אליהן כאל ערכות נתונים פעילות ב- 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

General options
General options

Export:

קובע אם הייצוא יתבצע רק על הפריטים שנבחרו או על כל המסמך. אם נבחרה מסגרת טקסט, הייצוא יתבצע על כל הכתבה – כולל טקסט עודף.

אם נבחר מסמך, כל פריטי הדף מכל הכפולות מיוצאים, חוץ מפריטי דף המאסטר שלא נעקפו ופריטי דף בשכבות מוסתרות. המערכת תתעלם גם מתגי XML, וכן מאינדקסים ותוכני עניינים שנוצרו.

Content Order:

אפשרות זו מאפשרת לך לציין את סדר הקריאה של אובייקטי עמוד.

Based On Page Layout: מיקום הפריטים בעמוד קובע את סדר הקריאה.

כאשר האפשרות Based On Page Layout מסומנת, InDesign קובע את סדר הקריאה של אובייקטים בעמוד בסריקה משמאל לימין ומלמעלה למטה. בחלק מהמקרים, במיוחד במסמכים מורכבים עם טורים מרובים, ייתכן שרכיבי העיצוב לא יופיעו בסדר הקריאה הרצוי. השתמש ב- Dreamweaver כדי לארגן מחדש ולעצב את התוכן.

(בגרסאות אסייאתיות בלבד) כאשר האפשרות Base On Page Layout מסומנת, InDesign קובע את סדר הקריאה של אובייקטים בעמוד בהתאם לכריכת המסמך (משמאל לימין או מימין לשמאל).

Same As XML Structure: אם האפשרות Same As XML Structure נבחרה, החלונית XML Structure קובעת את סידור התוכן המיוצא וקובעת מהו התוכן המיוצא. אם התוכן שלך כבר מתויג, ניתן פשוט לגרור את התגים בחלונית XML Structure כדי להגדיר את הסדר של XHTML Export. אם התוכן שלך אינו מתויג, ניתן לבחור באפשרות Add Untagged Items מתפריט החלונית Structure כדי ליצור תגים שניתן לסדר מחדש. אם אינך רוצה לכלול פריט בייצוא, ניתן למחוק את התג בחלונית XML Structure. (מחיקת תג אינה מוחקת את התוכן מקובץ ה-INDD.) ראה תיוג פריטי עמוד.

Same As Articles Panel: סדר הרכיבים בחלונית Articles קובע את סדר הקריאה. רק המאמרים המסומנים מיוצאים. ראה הכללת מאמרים לייצוא.

אפשרויות עיצוב:

בחר את אפשרויות העיצוב לתבליטים ומספור.

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

אפשרויות Image
אפשרויות Image

Copy Images:

מציין את אופן הייצוא של תמונות ל-HTML.

מקורי: מייצא את תמונת המקור אל תיקיית המשנה <document_name>-web-images

Optimized: מאפשר לשנות את ההגדרות כדי לקבוע כיצד תיוצא התמונה.

Link To Server Path: במקום לייצא תמונות לתיקיית משנה, אפשרות זו מאפשרת להזין כתובת URL מקומית (כגון "images/‎") המופיעה לפני קובץ התמונה. בקוד HTML, תכונת הקישור מציגה את הנתיב והסיומת שתציין. אפשרות זו שימושית במיוחד כשאתה ממיר בעצמך תמונות לתמונות המתאימות לאינטרנט.

Preserve Appearance from Layout:

סמן אפשרות זו כדי לקבל את תכונות האובייקט של התמונה בירושה מהפריסה.

Resolution (ppi)‎:

בחר את רזולוציית התמונות בפיקסלים לאינץ' (ppi). בעוד מערכות הפעלה משתמשות בתקן של ‎72 ‎ppi או ‎96 ppi, הטווח של התקנים ניידים נע מ- 132‎ ppi ‏(iPad), דרך ‎172 ppi ‏(Sony Reader) וכלה בלמעלה מ- ‎300 ppi ‏(iPhone 4). ניתן לבחור ערך ppi עבור כל אובייקט שנבחר. הערכים כוללים את 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 ו-Mac OS. בחר System (Win)‎‏ או System (Mac)‎‏ ליצירת לוח צבעים המשתמש בלוח הצבעים המובנה של המערכת. אפשרות זו עלולה לגרום לתוצאות לא צפויות.

בחר Interlace כדי לטעון את התמונות בהדרגה על-ידי מילוי השורות החסרות. כאשר אפשרות זו אינה מסומנת, התמונה תיראה מטושטשת ותהפוך לחדה בהדרגה ככל שהיא תתקרב לרזולוציה מלאה.

JPEG Options (Image Quality)‎:

קובע את היחס בין רמת הדחיסה (לקבלת קבצים קטנים יותר) לבין איכות התמונה לכל תמונת JPEG שנוצרת. האפשרות Low יוצרת את הקובץ הקטן ביותר ואת איכות התמונה הנמוכה ביותר.

JPEG Options (Format Method)‎:

קובע באיזו מהירות מוצגות תמונות JPEG כאשר הקובץ שכולל את התמונות נפתח באינטרנט. בחר Progressive כדי שתמונות ה-JPEG יוצגו בהדרגה ובפירוט הולך וגדל תוך כדי ההורדה. ‏(קבצים הנוצרים בעזרת אפשרות זו הם גדולים מעט יותר ודורשים נפח גדול יותר של זיכרון RAM לצורך תצוגה.) יש לבחור באפשרות Baseline כדי להציג קובצי JPEG רק בתום ההורדה; מיקום הקובץ יסומן באמצעות מציין מיקום עד שיוצג.

Ignore Object Export Settings:

Ignores Object Export Options מוחל על תמונות בודדות. ראה החלת אפשרויות ייצוא אובייקטים.

Advanced

אפשרויות Advanced
אפשרויות Advanced

השתמש באזור Advanced כדיל הגדיר אפשרויות CSS ו-JavaScript.‏ גליונות Cascading Style Sheets‏ (CSS) הם אוסף של כללי עיצוב הקובעים את מראה התוכן בדף אינטרנט. בעת שימוש ב-CSS לעיצוב דף, יש להפריד בין התוכן לאופן התצוגה שלו. תוכן הדף – קוד HTML – מאוחסן בקובץ HTML עצמו, ואילו כללי CSS המגדירים את התצוגה של הקוד מאוחסנים בקובץ אחר (גיליון סגנון חיצוני) או במסמך HTML (בדרך כלל באזור הכותרת). לדוגמה, ניתן לציין גודלי גופן שונים לטקסט שנבחר, וניתן להשתמש ב- CSS כדי לשלוט בעיצוב ובמיקום של רכיבים ברמת הגוש בדף אינטרנט.

Don't Include Classes in HTML:

בחר אפשרות זו אם אינך רוצה לכלול מחלקות ב-HTML. הפעולה מסירה את התכונות class ו- id המופיעות בתג במהלך ייצוא 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 Options:

בחר Add Script כדי להפעיל JavaScript בעת פתיחת דף ה- HTML. InDesign אינו בודק אם JavaScript זה קיים או אם הוא חוקי.

לוגו של Adobe

כניסה לחשבון