אם הרקע של דפי האתר שלך מורכב מתמונה אחת, שרוחבה של האתר והיא מוכפלת אנכית, תוכל לשנות אותה רק על ידי עריכת תמונה זו בעורך גרפי. ואם הרקע נוצר בקוד העמודים, ניתן לשנות אותם באמצעות ההוראות שלהלן.
הוראות
שלב 1
כדי לשנות את הרקע, ראשית עליך לקבוע כיצד הוא מוגדר בגרסה הנוכחית של דפי האתר. לשם כך, פתח את קוד המקור של הדף בשרת. ניתן לעשות זאת עם עורך טקסט רגיל, פנקס רשימות רגיל יעשה. ואם אתה משתמש במערכת כלשהי לניהול תוכן, ניתן לערוך את הדף ישירות בדפדפן באמצעות עורך הדפים המובנה. קוד ה- HTML של הדף (HTML - שפת הסימון HyperText, "שפת סימון ההיפר טקסט") מורכב משורות עם הוראות לדפדפן המתארות את הסוגים, את המראה ואת הפריסה של כל רכיב בדף האינטרנט. הוראות אלה נקראות "תגים" והן מקובצות לבלוקים, אחד מהם מתחיל בתג התחלה ומסתיים בתג סיום. על פי תקני HTML, תוכלו להגדיר פרמטרי רקע לדף בתג הפתיחה. זה נעשה על ידי הצבת תכונת bgcolor בתוכה: כאן צבע הרקע של דף זה מוגדר לירוק. לצבעים מסוימים על פי תקני HTML יש שמות משלהם - למשל שוקולד או גינסבורו, אך בדרך כלל משתמשים בקודי צבע הקסדצימלי: אם צבע הרקע מוגדר בדרך זו, עליכם למצוא את תג הגוף בקוד העמוד ולהחליף את תכונת bgcolor. ערך עם זה שאתה רוצה.
שלב 2
דפים בעיצוב מורכב יותר משתמשים לעיתים קרובות ב- CSS (גליונות סגנון מדורגים) כדי לתאר את המראה. CSS היא שפה שתוכננה במיוחד כדי לתאר את הופעת האלמנטים במסמך HTML. בלוקים של קוד CSS יכולים להיכלל בקוד העמוד, הכלול בקובץ נפרד עם סיומת "css" ומחובר לדף עם הוראות מיוחדות בקוד המקור של הדף. אתה אמור למצוא את התג בקוד העמוד - אם הוא יתייחס לקובץ חיצוני, עליך לפתוח את הקובץ לעריכה. קישור כזה עשוי להיראות כך: @import "style.css"; ואם מיד לאחר התג אחריו הוראות, ולא קישור לקובץ, עליך לערוך את הסגנונות כאן. בשני המקרים עליכם לחפש את החלק בתיאור הסגנון המתייחס לגוף המסמך - גוף. אך בשפת CSS זה כבר לא ייקרא "תג" אלא "בורר", והוא עשוי להיראות, למשל, כך:
גוף {
צבע רקע: ירוק;
צבע לבן;
}
עליך להחליף את הערך של פרמטר צבע הרקע - הוא מגדיר את צבע הרקע של הדף. וגם כאן ניתן לציין כמה גווני צבע לפי השם, אך עדיף להשתמש בערכים הקסדצימאליים. לדוגמא, הערך ההקסדצימלי לגוון שוקולד = # D2691E. ניתן לציין לא רק את הצבע, אלא גם את התמונה לרקע: body {
רקע: כתובת אתר ירוקה (img / bg.jpg) repeat-x;
צבע לבן;
} כאן url (img / bg.jpg) פירושו שתמונה בשם bg.jpg
