הרקע הוא אחד המרכיבים החשובים ביותר של אתר אינטרנט. רקע טוב יוצר את הטון של האתר ומשלים את התוכן. ישנן דרכים רבות ושונות להוסיף רקע, כל אחת עם מטרה אחרת. חלק משיטות מאפשרות לך להחיל את הרקע על כל הדפים באתר, בעוד שאחרות מגבילות את הרקע לדף מסוים בלבד. מאמר זה מלמד אותך כיצד להוסיף רקע לאתר שלך באמצעות HTML או CSS.
צעדים
שיטה 1 מתוך 2: שיטות HTML
רקע בצבע אחיד
שלב 1. רקע בצבע אחיד הוא סוג הרקע הבסיסי ביותר שאתה יכול לשים באתר אינטרנט
למעשה, כל אתר מתחיל ברקע לבן כברירת מחדל. עם זאת, בעוד שרקע לבן יכול להיראות מלוטש ונקי מאוד בעת שימוש עם ערכת צבעים הרמונית, רקע בצבע אחר עשוי להיות מועדף עם נושאים שונים.
שלב 2. פתח את קוד האינטרנט שלך (מקור)
שלב 3. בתג הגוף, הוסף תכונה בשם bgcolor
עכשיו, תג הגוף שלך צריך להיראות כך-
כאשר COLORNAME הוא שם הצבע. ניתן למלא את COLORNAME בסוגים רבים של נציגי צבעים-
- (שם צבע)
- (ערך hex)
- (ערך RGB)
שלב 4. ניסוי עם RGB ו- # יכול להוביל לגוונים רבים, אך אתה יכול לנקוט בדרך הראשונה הקלה
אך זכור כי הקלדת צבע נדיר כ"אולטראמרין כחלחל ירוק "תגרום ללבן.
הוספת תמונת רקע
הוספת תמונת רקע מעט יותר מסובכת מרקע בצבע אחיד
שלב 1. הוסף את מאפיין הרקע לתג הגוף, כך שהוא ייראה כך-
כאשר SRC הוא המקור לתמונה SRC יכול להיות באותה תיקייה, או תיקיה/דף אינטרנט אחר.
- (באותה תיקייה)
- (בתוך תיקיה אחרת)
- (בדף אינטרנט אחר)
שלב 2. זכור להקליד את הסיומת.gif /-j.webp" />
שיטה 2 מתוך 2: שיטות CSS
רקע בצבע אחיד
שלב 1. כדי להוסיף רקע בצבע אחיד ב- CSS, הוסף תכונת סגנון
תוכל גם לתת מזהים ושיעורים ולהשתמש בגיליונות סגנונות חיצוניים ופנימיים כאחד.
שלב 2. תג הגוף שלך צריך להיראות כך-
כאשר COLORNAME הוא שם הצבע, ערך hex או RGB (זכור גם את השלבים האחרונים של הרקע הצבעוני ב- HTML, הם ישימים גם כאן).
הוספת תמונה
שלב 1. להוספת תמונה, הוסף את תכונת הסגנון לתג הגוף
תוכל גם לתת מזהים ושיעורים ולהשתמש בגיליונות סגנונות חיצוניים ופנימיים כאחד.
שלב 2. תג הגוף שלך אמור להיראות כך-
שלב 3. זכור ש- SRC הוא המקור
זה יכול להיות מאותה תיקיה, מתיקיה אחרת או מדף אינטרנט אחר.
- (באותה תיקייה)
- (בתוך תיקיה אחרת)
- (בדף אינטרנט אחר).
שלב 4. זכור להוסיף גם את ההרחבות
רקע מעוצב חוזר
שלב 1. כדי ליצור רקע דפוס חוזר, הוסף רקע כאמור בשלבים שלמעלה
כעת יש לשנות את תג הגוף שלך ל-
כאשר הגדרות חזרה הן ההגדרות. יכולות להיות הרבה הגדרות חוזרות, כמו-
- (הרקע יחזור אנכית ואופקית כאחד).
- (הרקע יחזור על אופקי.)
- (הרקע יחזור אנכית.)
רקע תמונה קבוע
שלב 1. רקעי תמונה קבועים נראים מגניבים ואינם משתנים תוך כדי גלילה מטה
כדי לעשות אותם אתה רק צריך לעשות כמה שיפורים פשוטים לקוד בסעיף לעיל. בצעו את השינויים בכדי לגרום לתג הגוף להיראות כך-