מרכז הדרכה
הסברים, סרטונים ומאמרים במקום אחד


    

הוספת תמונה לעמוד

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

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

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



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

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

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

בכל אחת מהדרכים, התמונה תוצב במיקום הסמן בתוך ממשק העריכה.

עריכת תמונה
על מנת לערוך תמונה שהועלתה, נוכל ללחוץ עליה עם מקש העכבר הימני ולבחור מתוך התפריט הנופל "תכונות התמונה".



בחלון זה נוכל למצוא מספר מאפיינים והגדרות שניתן לשנות.
  • גובה ורוחב שולטים במימדי התמונה, כפי שהיא מוצגת בעמוד - ביחידות מקובלות של פיקסלים. ניתן לשנות את מימדי תצוגת התמונה על ידי שינוי מספרים אלו.
  • לחיצה על סמל המנעול תשחרר את נעילת היחס בין הגובה לרוחב. נעילת היחס מופעלת כברירת מחדל ומביאה לכך ששינוי מימד אחד במימדי התמונה ישנה את השני - כדי לשמור על פרופורציה נכונה. לחיצה על המנעול תשחרר נעילה זו ותאפשר לקבוע רוחב וגובה שאינם קשורים אחד לשני.
  • לחיצה על החץ תחזיר את מימדי התמונה לברירת המחדל שלהם.
  • בשדה "מסגרת" ניתן לרשום את גודל המסגרת שתקיף את התמונה.
  • בשדה "טקסט חלופי" נוכל לרשום טקסט המייצג את התמונה. משמעויות טקסט זה יפורטו בהמשך הסבר זה.
  • בחירת יישור מתוך שדה "יישור" יקבע לאיזה צד תוצמד התמונה.
  • תחת "עיצוב CSS" משתמשים מתקדמים יכולים להדביק קוד CSS משלהם כדי להשפיע על תצוגת התמונה. לדוגמא: border-color:red; יגדיר את צבע המסגרת המקיפה את התמונה (במידה והוגדרה) כמסגרת אדומה. כלי זה מיועד למשתמשים השולטים בשפת CSS ולא תינתן תמיכה טכנית בקודים אלו.
לסיום, נלחץ על "עדכן נתונים" והתמונה תוצב בעמוד.

טיפים ודגשים
  • הפורמטים אותם המערכת מקבלת מפורטים בחלון הוספת התמונה. מומלץ להעלות מראש תמונה בפורמט איכותי, שמשקלה אינו גדול - על מנת לא להכביד על טעינת העמוד ומשקלו.
  • אמנם חלון עריכת התמונה מאפשר שינוי גודל התצוגה שלה, יש לזכור כי התמונה עדיין נטענת בגודלה ומשקלה האמיתי. לדוגמא, תמונה בגודל 1600X1200 בעלת משקל של 2MB, גם אם היא מוצגת כתמונה בגודל 160X120 - שומרת על מימדיה המקוריים ומשקלה. בנוסף, בחלק מהדפדפנים, מנגנון תצוגת תמונה מוקטנת פוגם באיכות התמונה וגוזל זמן טעינה ומשאבי מחשב. לכן, אנו ממליצים להכניס תמונה לעמוד בגודלה הממשי בלבד (כדי לחסוך את הצורך להשתמש במנגנון שינוי הגודל בדפדפן) ולבצע עריכה של התמונה עוד לפני העלאתה על מנת לצמצם את גודלה ומשקלה. יש לזכור שעמוד כבד שנטען לאט פוגם בחוויית השימוש באתר.
  • מומלץ להגדיר לכל תמונה טקסט חלופי. טקסט זה מוצג לגולש בעת מעבר עכבר על התמונה (בחלק מהדפדפנים), במקום התמונה במידה והתמונה לא נטענה מכל סיבה שהיא ומוקרא בקול עבור גולשים כבדי ראיה הגולשים באמצעות דפדפנים ייעודיים. בנוסף, מנועי חיפוש מתייחסים לטקסט זה כדי ללמוד על תוכן התמונה. למעשה, על פי התקן - כל תמונה חייבת להכיל טקסט חלופי, אם כי איננו מחייבים זאת במערכת.
  • על מנת להגדיל תמונה בלחיצה עליה (ללא שימוש בכלי האלבומים), ניתן להעלות גרסה מוקטנת וגרסה מקורית של אותה תמונה למערכת, להציב תמונה מוקטנת בעמוד עצמו וליצור ממנה קישור (באמצעות כפתור "קישור") לקובץ התמונה בגודלו המלא - בחלון חדש.
 
Top page