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