כיצד להוסיף רקע לאתר: 14 שלבים (עם תמונות)

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

כיצד להוסיף רקע לאתר: 14 שלבים (עם תמונות)
כיצד להוסיף רקע לאתר: 14 שלבים (עם תמונות)

וִידֵאוֹ: כיצד להוסיף רקע לאתר: 14 שלבים (עם תמונות)

וִידֵאוֹ: כיצד להוסיף רקע לאתר: 14 שלבים (עם תמונות)
וִידֵאוֹ: How To Change Yahoo Email Username (2023) 2024, מאי
Anonim

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

צעדים

שיטה 1 מתוך 2: שיטות HTML

רקע בצבע אחיד

הוסף רקע לאתר שלב 1
הוסף רקע לאתר שלב 1

שלב 1. רקע בצבע אחיד הוא סוג הרקע הבסיסי ביותר שאתה יכול לשים באתר אינטרנט

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

הוסף רקע לאתר שלב 2
הוסף רקע לאתר שלב 2

שלב 2. פתח את קוד האינטרנט שלך (מקור)

הוסף רקע לאתר שלב 3
הוסף רקע לאתר שלב 3

שלב 3. בתג הגוף, הוסף תכונה בשם bgcolor

עכשיו, תג הגוף שלך צריך להיראות כך-

כאשר COLORNAME הוא שם הצבע. ניתן למלא את COLORNAME בסוגים רבים של נציגי צבעים-

  • (שם צבע)
  • (ערך hex)
  • (ערך RGB)
הוסף רקע לאתר שלב 4
הוסף רקע לאתר שלב 4

שלב 4. ניסוי עם RGB ו- # יכול להוביל לגוונים רבים, אך אתה יכול לנקוט בדרך הראשונה הקלה

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

הוספת תמונת רקע

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

הוסף רקע לאתר שלב 5
הוסף רקע לאתר שלב 5

שלב 1. הוסף את מאפיין הרקע לתג הגוף, כך שהוא ייראה כך-

כאשר SRC הוא המקור לתמונה SRC יכול להיות באותה תיקייה, או תיקיה/דף אינטרנט אחר.

  • (באותה תיקייה)
  • (בתוך תיקיה אחרת)
  • (בדף אינטרנט אחר)
הוסף רקע לאתר שלב 6
הוסף רקע לאתר שלב 6

שלב 2. זכור להקליד את הסיומת.gif /-j.webp" />

שיטה 2 מתוך 2: שיטות CSS

הוסף רקע לאתר שלב 6
הוסף רקע לאתר שלב 6

רקע בצבע אחיד

הוסף רקע לאתר שלב 7
הוסף רקע לאתר שלב 7

שלב 1. כדי להוסיף רקע בצבע אחיד ב- CSS, הוסף תכונת סגנון

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

הוסף רקע לאתר שלב 8
הוסף רקע לאתר שלב 8

שלב 2. תג הגוף שלך צריך להיראות כך-

כאשר COLORNAME הוא שם הצבע, ערך hex או RGB (זכור גם את השלבים האחרונים של הרקע הצבעוני ב- HTML, הם ישימים גם כאן).

הוספת תמונה

הוסף רקע לאתר שלב 9
הוסף רקע לאתר שלב 9

שלב 1. להוספת תמונה, הוסף את תכונת הסגנון לתג הגוף

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

הוסף רקע לאתר שלב 10
הוסף רקע לאתר שלב 10

שלב 2. תג הגוף שלך אמור להיראות כך-

הוסף רקע לאתר שלב 11
הוסף רקע לאתר שלב 11

שלב 3. זכור ש- SRC הוא המקור

זה יכול להיות מאותה תיקיה, מתיקיה אחרת או מדף אינטרנט אחר.

  • (באותה תיקייה)
  • (בתוך תיקיה אחרת)
  • (בדף אינטרנט אחר).
הוסף רקע לאתר שלב 12
הוסף רקע לאתר שלב 12

שלב 4. זכור להוסיף גם את ההרחבות

רקע מעוצב חוזר

הוסף רקע לאתר שלב 13
הוסף רקע לאתר שלב 13

שלב 1. כדי ליצור רקע דפוס חוזר, הוסף רקע כאמור בשלבים שלמעלה

כעת יש לשנות את תג הגוף שלך ל-

כאשר הגדרות חזרה הן ההגדרות. יכולות להיות הרבה הגדרות חוזרות, כמו-

  • (הרקע יחזור אנכית ואופקית כאחד).
  • (הרקע יחזור על אופקי.)
  • (הרקע יחזור אנכית.)

רקע תמונה קבוע

הוסף רקע לאתר שלב 14
הוסף רקע לאתר שלב 14

שלב 1. רקעי תמונה קבועים נראים מגניבים ואינם משתנים תוך כדי גלילה מטה

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

כאשר SRC הוא המקור של תמונת הרקע, POSITION הוא המיקום של התמונה (הוא יכול לנוע ממרכז לימין למעלה); רקע מצורף הוא ה"זרז "העיקרי מסוג רקע זה. הוא משמש לספר את מיקום הרקע ומומלץ שלא לשנותו.

מוּמלָץ: