כיצד להוסיף רקע לאתר?
רקע בצבע אחיד הוא סוג הרקע הבסיסי ביותר שתוכלו להעלות לאתר.
הרקע הוא אחד המרכיבים החשובים ביותר באתר. רקע טוב יוצר את הטון עבור האתר משלים את התוכן. ישנן דרכים רבות ושונות להוסיף רקע, כל דרך עם מטרה אחרת. שיטות מסוימות מאפשרות לך להחיל את הרקע על כל הדפים באתר, בעוד שאחרות מגבילות את הרקע לדף מסוים בלבד. מאמר זה מלמד כיצד להוסיף רקע לאתר שלך באמצעות HTML או CSS.
שיטה 1 מתוך 2: שיטות HTML
רקע בצבע אחיד
- 1רקע בצבע אחיד הוא סוג הרקע הבסיסי ביותר שתוכלו להעלות לאתר. למעשה, כל אתר מתחיל ברקע לבן המוגדר כברירת מחדל. עם זאת, בעוד שרקע לבן יכול להיות מלוטש ונקי מאוד כאשר משתמשים בו עם ערכת צבעים הרמונית, רקע בצבע שונה עשוי להיות מועדף עם נושאים שונים.
- 2פתח את קוד האינטרנט שלך (מקור).
- 3בתגית body, הוסף מאפיין שנקרא bgcolor. עכשיו תג הגוף שלך צריך להיראות כך -
<body bgcolor="COLORNAME">שם COLORNAME הוא שם הצבע. ניתן למלא את COLORNAME עם סוגים רבים של נציגי צבע-<body bgcolor="red">(שם צבע)<body bgcolor="#FF0000">(ערך hex)<body bgcolor="rgb(255, 8, 9)">(ערך RGB)
- 4ניסויים עם RGB ו- # יכולים להוביל לגוונים רבים, אך תוכלו לנקוט בדרך הראשונה הקלה. אך זכור שהקלדת צבע נדיר כ- " Ultramarine Blueish Green " תביא לבן.
הוספת תמונת רקע
- הוספת תמונת רקע מורכבת מעט יותר מרקע בצבע אחיד.
- 1הוסף את מאפיין הרקע לתגית הגוף, כך שייראה כך -
<body background="src">
כאשר SRC הוא מקור התמונה SRC יכול להיות באותה תיקייה, או תיקיה / דף אינטרנט אחר.<body background="red.gif">(באותה תיקיה)<body background="\Folder1\red.gif">(בתוך תיקיה אחרת)<body background="imagepage1/red.gif">(בדף אינטרנט אחר)
- 2זכור להקליד את סיומת.gif /.jpeg /.bmp.
כדי להוסיף רקע בצבע אחיד ב- CSS, הוסף מאפיין סגנון.
שיטה 2 מתוך 2: שיטות css
רקע בצבע אחיד
- 1כדי להוסיף רקע בצבע אחיד ב- CSS, הוסף מאפיין סגנון. אתה יכול גם לתת מזהים ושיעורים ולהשתמש בגליונות סגנון חיצוניים ופנימיים כאחד.
- 2תג הגוף שלך צריך להיראות כך-
<body style="background-color: COLORNAME;">
כאשר שם COLORNAME הוא שם הצבע, ערך ה- hex או ה- RGB (זכור גם את השלבים האחרונים של הרקע הצבעוני האחיד ב- HTML, הם רלוונטיים גם כאן).
הוספת תמונה
- 1כדי להוסיף תמונה, הוסף את תכונת הסגנון לתגית הגוף. אתה יכול גם לתת מזהים ושיעורים ולהשתמש בגליונות סגנון חיצוניים ופנימיים כאחד.
- 2תג הגוף שלך אמור להיראות כך-
<body style=" ">
- 3זכרו ש- SRC הוא המקור. זה יכול להיות מאותה תיקייה, תיקיה אחרת או דף אינטרנט אחר.
<body>(באותה תיקיה)<body>(בתוך תיקיה אחרת)<body>(בדף אינטרנט אחר).
- 4זכור להוסיף גם את הרחבות.
רקע בדוגמת חוזר
- 1כדי ליצור רקע דפוס חוזר, הוסף רקע כאמור בשלבים לעיל. יש לשנות כעת את תג הגוף שלך-
<body style=" background-repeat:REPEAT-SETTINGS; ">היכן ההגדרות של REPEAT-SETTINGS הן. יכולות להיות הרבה הגדרות חוזרות, כמו-<body style=" background-repeat: repeat;">(הרקע יחזור על עצמו בצורה אנכית ואופקית).<body style=" background-repeat: repeat-x;">(הרקע יחזור על עצמו בצורה אופקית).<body style=" background-repeat: repeat-y;">(הרקע יחזור אנכית).
כדי ליצור רקע דפוס חוזר, הוסף רקע כאמור בשלבים לעיל.
רקע תמונה קבוע
- 1רקע תמונה קבוע נראה מגניב ולא משתנה בזמן שאתה גולל למטה. כדי לעשות אותם אתה רק צריך לעשות כמה התאמות פשוטות לקוד בסעיף לעיל. בצע את השינויים כדי לגרום לתג הגוף להיראות כך-
<body style=" background-attachment:fixed; background-position:POSITION; background-repeat:REPEAT SETTINGS;">
כאשר SRC הוא המקור של תמונת הרקע, POSITION הוא המיקום של התמונה (היא יכולה לנוע בין מרכז לימין למעלה); מצורף רקע הוא ה"זרז "העיקרי מסוג רקע זה. הוא משמש כדי לספר את מיקום הרקע ומומלץ שלא לשנותו.
- קרא את המאמר כולו: בחלק המושאר עשויים להיות כמה טיפים חשובים (מכיוון שסעיפי מאמר זה מתייחסים זה לזה ונכתבים בהנחה שהקטעים נקראים כולם).
- שתי שיטות ה- HTML מופחתות, וייתכן שלא יפעלו ב- HTML 4,01 קפדני כמו גם ב- XHTML.
שאלות ותשובות
- כיצד אוכל להוסיף תמונה ל- HTML?לחץ לחיצה ימנית על הרקע, לחץ על 'הוסף תמונה?' ולחץ על כן, בחר תמונה מתוך הבחירה המוצגת או העלה תמונה משלך.
