כיצד להוסיף קובצי GIF לאתר שלי

...

ישנן סיבות רבות שאולי תרצה להוסיף תמונת gif לאתר שלך.

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

שלב 1

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

סרטון היום

שלב 2

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

שלב 3

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

אם אתה משתמש בעורך טקסט HTML, פתח את דף ה-HTML עליו ימוקם ה-gif. גלול לנקודה בטקסט ה-HTML שבה ברצונך שה-.gif יופיע. הוסף את השורה הבאה, החלף את המידע אחרי הסימנים "=" במידע על ה-.gif והשאר את המירכאות במקום:

ה-GIF שלי

Cross Culture מסביר ש"img src" פירושו "מקור תמונה". המידע בין הציטוטים צריך לרשום את שם התיקיה שבה נמצא ה-.gif ולאחר מכן את שם ה-.gif. תג "alt" מתייחס לטקסט שיופיע אם הקישור לתמונה נשבר, אם למבקר יש תמונות מושבתות או לפענוח של קוראי טקסט. "רוחב" ו"גובה" קובעים את גודל התמונה המוצג בפיקסלים. תגי החלל מגדירים כמה שטח אנכי או אופקי ניתן סביב התמונה ביחס לתוכן שמסביב. תג הגבול יוסיף קו מסביב לתמונה והמספר בתוך המירכאות קובע את הרוחב שלה.

דברים שתצטרכו

  • מחשב עם חיבור לאינטרנט

  • גישה מנהלית לאתר

  • תמונת gif שמורה להוספת

עֵצָה

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

אַזהָרָה

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