איך משנים את צבע הרקע באתר?

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

איך משנים את צבע הרקע באתר?
איך משנים את צבע הרקע באתר?
Anonim

אתה יכול להתאים אישית את הבלוג או האתר שלך בקלות רבה. מאמר זה מראה לך כמה קל לשנות את הגופן בכותרת ובתמונת רקע של דף.

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

צבע רקע
צבע רקע

יש רק כמה קודי HTML פשוטים שבהם אתה יכול להשתמש כדי לשנות את המראה של האתר הקיים שלך. משתמשים רבים אפילו לא מבינים כמה זה קל.

איך להתאים אישית את הגופן

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

צבע רקע ב-html
צבע רקע ב-html

איך להגדיר צבע רקע

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

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

אתה יכול למצוא בקלות את תרשים הצבעים של HTML בפרסומים מיוחדים. כל צבע מוצג בסימון כקוד בן שש ספרות. לדוגמה, רקע לבן מסומן כ-FFFFFF.

אז מצא את קוד הצבע שאתה רוצה לראות באתר שלך כצבע הרקע. בסימון זה ייראה כך:

body {

background-color:XXXXXX; {

לאחר שתשמור את צבע הרקע ב-HTML, תראה שמראה הדף שלך השתנה.

רקע לבן
רקע לבן

הוספת תמונת רקע

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

העלה את התמונה לאינטרנט. רבים מאפשרים לך להוריד תמונות בחינם. קבל כתובת אתר לתמונת הרקע שלך. לשם כך, עליך לפתוח את התמונה בדפדפן ולהעתיק אותהכתובת URL.

הדבק את הקוד כדי להוסיף תמונה כרקע. ב-HTML זה נראה כך:

body {

background-image: url(image URL);

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

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

מוּמלָץ: