"הכותרת", או החלק העליון של דף האינטרנט, הופך את האתר שלך לייחודי, מאפשר לו להיות שונה מאחרים ולשקף את הפרטים של פרויקט האינטרנט שלך. בעזרת כותרת מקורית ועשויה היטב, תוכלו לקשט ולחדד כל דף אינטרנט, וכדי להפוך את הכותרת בעצמכם, עליכם ללמוד כיצד לפרוס אלמנט רשת זה.
הוראות
שלב 1
אם ברצונך שהאתר שלך יהיה בעל ממדים סטטיים וקבועים, עליך ליצור כותרת סטטית שאינה משתנה בהתאם לשינוי ברוחב המסך. קבעו את רוחב הכותרת והגובה שלה (לדוגמא 996x230) והכניסו תמונת רקע לבלוק העליון באמצעות קוד ה- CSS הבא, כאשר כותרת 1..jpg
רקע: # a6b7d3 url (img / header-1.jpg) no-repeat;
רוחב: 996 פיקסלים;
גובה: 230 פיקסלים;
} קוד ה- HTML לכותרת מסוג זה ייראה כך:
שלב 2
אם האתר בנוי באופן שממדיו מותאמים לרוחב המסך, הכותרת צריכה להיות מוגדרת תוך התחשבות בכל רזולוציות המסך העיקריות. הרוחב המרבי של כותרת כזו צריך להיות 1920 פיקסלים. כדי להכניס כותרת כזו, השתמש בקוד CSS: #header {רקע: # a6b7d3 url (img / header-2.jpg) מרכז ללא חזרה; גובה: 250 פיקסלים;} קוד ה- HTML במקרה זה דומה לזה הקודם. קוד ה- CSS השתנה בכמה פרמטרים - כעת יש לו תכונה למרכז תמונת הכותרת, המאפשרת לו להתאים את הרקע לכל רוחב המסך.
שלב 3
ניתן גם ליצור כותרת מורכבת יותר, לחתוך למספר גושי רקע, אשר ישנו את מיקומם בהתאם לגודל הנוף. ה- CSS לכותרת כזו מורכב ונרחב יותר, וכולל חזרה על כמה אלמנטים ברקע בהתאם לממדים הצפים של חלון הדפדפן בו ניתן לצפות באתר שלך.
