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