כיצד ליצור תמונת רקע באתר

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

כיצד ליצור תמונת רקע באתר
כיצד ליצור תמונת רקע באתר

וִידֵאוֹ: כיצד ליצור תמונת רקע באתר

וִידֵאוֹ: כיצד ליצור תמונת רקע באתר
וִידֵאוֹ: איך ליצור תמונת רקע בפוטושופ 2024, דֵצֶמבֶּר
Anonim

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

כיצד ליצור תמונת רקע באתר
כיצד ליצור תמונת רקע באתר

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

• באמצעות תוכנית Adobe Photoshop, הגדר את פרמטרי התמונה הנדרשים בפיקסלים ("תמונה" - "גודל תמונה");

• הגדירו את הממדים הנדרשים בקוד ה- HTML.

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

אינך יכול להגדיר את הגודל בתג - התמונה תוצג תמיד בגודל מלא.

שלב 5

אנלוגי של מחשבים אישיים להכנסת תמונת רקע:

תמונת רקע

גוף {

תמונת רקע: url (images / bg.jpg);

}

המאפיין "רקע-תמונת: url (תמונות / bg.jpg)" הוא הנתיב לתמונת הרקע.

מוּמלָץ: