כיצד להכניס תמונה לכותרת לאתר

תוכן עניינים:

כיצד להכניס תמונה לכותרת לאתר
כיצד להכניס תמונה לכותרת לאתר

וִידֵאוֹ: כיצד להכניס תמונה לכותרת לאתר

וִידֵאוֹ: כיצד להכניס תמונה לכותרת לאתר
וִידֵאוֹ: גוגל תמונות - חלק ראשון (מה זה גוגל תמונות, הגדרות והעלאה רגילה) 2024, מאי
Anonim

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

כיצד להכניס תמונה לכותרת לאתר
כיצד להכניס תמונה לכותרת לאתר

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

צור שכבה חדשה ("שכבה" - "חדשה").

שלב 6

פתח בתוכנית את התמונה שברצונך לראות בכותרת האתר ("קובץ" - "פתח").

שלב 7

בסרגל הכלים בחר בסמל "אזור מלבני", השתמש בו לבחירת תמונה.

שלב 8

השתמש בפקודה "העתק" מתפריט "ערוך" והדבק את התמונה על שכבה חדשה של הצורה המוכנה ("ערוך" - "הדבק"). בחר בכלי העבר והעבר את התמונה לפי הצורך.

שלב 9

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

שלב 10

יש תג מיוחד להכנסת תמונות בשפת ה- HTML

עם תכונות שונות:

• src - כתובת תמונה;

• גובה - גובה בפיקסלים;

• רוחב - רוחב בפיקסלים;

• גבול - גבול בפיקסלים;

• alt - הסבר לתמונה, המוצג למשתמשים כאשר פונקציית קבלת התמונה כבויה.

לדוגמה,. אין צורך בתגית הפוכה.

מוּמלָץ: