כיצד להוסיף רקע לאתר

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

כיצד להוסיף רקע לאתר
כיצד להוסיף רקע לאתר

וִידֵאוֹ: כיצד להוסיף רקע לאתר

וִידֵאוֹ: כיצד להוסיף רקע לאתר
וִידֵאוֹ: עיצוב שיווקי- איך להוסיף רקע מעוצב לאתר 2024, מאי
Anonim

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

כיצד להוסיף רקע לאתר
כיצד להוסיף רקע לאתר

הוראות

שלב 1

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

שלב 2

הוסף תכונת bgcolor לתגית המציין את גוון הצבע אם רקע העמוד צריך להיות צבע ולא תמונה. לדוגמה:

הנה צבע כתום כהה כרקע. לא כל שם טקסטואלי ("מנמוני") של הצל יכול להיות מזוהה על ידי הדפדפן, ולכן עדיף להשתמש בקוד צבע הקסדצימלי. לדוגמה, הקוד FF8C00 תואם לצבע כתום כהה:

שלב 3

השתמש בתכונת הרקע במקום ב- bgcolor בתגית גוף אם יש להגדיר את הרקע על ידי תמונה ולא צבע. לדוגמא, אם הקובץ עם תמונת הרקע נקרא bgPic

שלב 4

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

גוף {רקע-צבע: DarkOrange;}

ותוכלו להגדיר תמונת רקע עם תיאור הסגנון הבא:

גוף {רקע: # FF8C00 url (images / bgPic.gif) repeat-y;}

כאן, בנוסף לקישור לתמונה, מצוין גם צבע הרקע (# FF8C00) - אם יש בעמוד מקומות שאינם מכוסים על ידי תמונת הרקע, אז הם יצוירו בגוון הצבע שצוין כאן. הפרמטר repeat-y מציין את החזרה של תמונת הרקע בצורה אנכית (לאורך ציר Y). אם אתה צריך לחזור על התמונה בצורה אופקית, עליך להשתמש בערך ה- repeat-x וכדי לאסור על חזרת התבנית - ללא חזרה. ניתן למקם תיאורי סגנון לפני התג הסוגר את החלק הכותרת של קוד ה- HTML.

שלב 5

שמור את השינויים שבוצעו בעורך העמודים, או שמור והעלה את הקובץ שהורד בחזרה לשרת אם הקוד נערך בקובץ במחשב שלך.

מוּמלָץ: