שימוש בעורך התוכן WYSIWYG

 שימוש בעורך התוכן WYSIWYG

• הכנסת טקסט בתבנית טבלאית בשטח המיועד לטקסט
• הוספת תמונה בשטח המיועד לטקסט
• הפיכת טקסט או תמונה להיפר קישור
  

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

להצגת טקסט בתבנית טבלאית

1. פתח את הדף שברצונך לערוך, ובאזור הטקסט, לחץ על  . תיבת הגדרת טבלה נפתחת.  

2. הגדר את נתוני הטבלה כנדרש:
• שורות – כמות השורות בטבלה
• עמודות – כמות העמודות בטבלה
• גבול – עובי מסגרת הטבלה
• רווח תאים – גובה התאים
• ריפוד תאים – המרווח בין התאים השונים, ככל שהמספר גבוה, כך המרווח בין התאים גדל
• אורך – קובע את רוחב השורות בטבלה בהתאם למדד הנבחר בשדה ליד, (% מהחלון או פיקסלים)
• % מהחלון – קובע אם מידת האורך תוצג ב % מאורך החלון או בפיקסלים.
• צבע רקע – לבחירת צבע רקע מתוך גלריית צבעים
3. לחץ על אישור. הטבלה מופיעה במשטח העבודה באמצע חלון הפריט אותו הנך מעצב.

לעריכת טבלה קיימת

1. הנח את סמן העכבר על אחד מקווי המסגרת של הטבלה. הטבלה מסומנת ב-4 ידיות מרובעות.

2. לחץ פעמיים בשטח הטבלה. חלון נתוני הטבלה מופיע.
3. שנה את ההגדרות כנדרש ולחץ על אישור לשמירה.
4. הקלד את הטקסט הרצוי. תאי הטבלה מתכווצים ומתרחבים בהתאם לטקסט המוזן לתוכם.
5. בעוד סמן העכבר מהבהב בתוך אחד מתאי הטבלה, לחץ על החץ הקטן שליד סמל הטבלה . תפריט טבלה נפתח.
   
6. העזר בתפריט המעברים כדי להוסיף ולפצל תאים, להוסיף ולבטל שורה וכו'.

שילוב תמונה בטקסט
ניתן להוסיף תמונה או אובייקט לטקסט ולשלבם בתוך הטקסט. למשל, אייקון, איור וכו'.

לשילוב תמונה באזור הטקסט והגדרת מיקומה ביחס אליו

1. באזור הקלדת הטקסט , לחץ על  . חלון הגדרת נתוני תמונה נפתח.
   
   
   חלון זה מאפשר לייבא תמונה ממאגר התמונות ולהגדיר כיצד תשולב התמונה המיובאת בתוך הטקסט.
2. לחץ על    ומתוך אחת מתיקיות מנהל המדיה, אתר את התמונה הרצויה.
3. לחץ פעמיים על התמונה שבחרת. התמונה מיובאת למסגרת המיועדת לה.
4. לחץ על אישור. התמונה מוכנסת לתוך הטקסט וחלון נתוני התמונה נסגר. תוכל עתה לגרור תמונה זו למקום הרצוי בתוך שטח הטקסט.
    להלן, שדות חלון נתוני התמונה והסבר קצר על תפקיד כל אחד מהם.
• מקור התמונה – עם בחירת תמונה במנהל המדיה, שדה זה מתמלא אוטומטית בנתיב התמונה
• טקסט חלופי – הטקסט שיופיע ליד התמונה במקום הטקסט הנלווה לתמונה במקור
• עובי מסגרת – קובע את עובי מסגרת התמונה (במידה ולא מסומן, ללא מסגרת)
• יישור – קובע את מיקום התמונה ביחס לטקסט
• רווח אופקי – קובע את הרווח האופקי (בפיקסלים) בין הטקסט המוקלד לתמונה
• רווח אנכי –  קובע את הרווח האנכי (בפיקסלים) בין הטקסט המוקלד לתמונה
• לחיצה ימנית על תמונה מיובאת בתוך טקסט, פותחת תפריט מעברים המאפשר:
  

  בטל – לבטל את הפעולה האחרונה בצע שוב – לחזור על הפעולה האחרונה גזור – לגזור את הטקסט המסומן העתק – להעתיק את הטקסט המסומן הדבק – להדביק את הטקסט המסומן מחק – למחיקת הטקסט המסומן בחר הכל – לבחירת כל הטקסט הסר פורמט טקסט – לבטל עיצוב הטקסט הסר קישור – להסרת הקישור נקה – לניקוי המסמך הצג גבולות – להצגת גבולות הצג פרטים – להצגת פריטים (HTML) תצוגת עריכה – להצגת קודי ה- HTML לצורכי עריכה ישירה ועיצוב הטקסט (תצוגת עריכה)

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

להפיכת טקסט להיפר קישור

1. בחלון יחידת הטקסט הפתוח, סמן מילה, צירוף מילים או תמונה שברצונך להפוך להיפר קישור
2. לחץ על   . חלון ההיפר קישור נפתח.
   
   
   
3. בשדה קישור, תוכל להקליד ישירות את כתובתו המלאה של האתר.
4. לחץ על אייקון הקישור לפתיחת תפריט המציג את האפשרויות הבאות: קטגוריה, יחידת תוכן או קובץ.
   
   -או-
   בשדה סוג, בחר באחד מסוגי דף היעד
   -או-
   בשדה חלון מטרה, בחר בחלון היעד.
5. בשדה תג כותרת, הקלד טקסט שברצונך להציג כTooltip  שיופעל כשנייה לאחר שסמן העכבר ינוח על ההיפר קישור.
   הערה: ניתן לבצע את כל הפעולות שתוארו לעיל גם בטאב מורחב וגם בטאב מתקדם.