משתמשי האינטרנט משתמשים במגוון רחב של צגים עם רזולוציות מסך שונות. לכן, אחת המשימות של מפתחי אתרים היא הצורך ליצור ולבצע אופטימיזציה של אתר לתצוגה נכונה שלו על גבי צגים בכל רזולוציה.
הוראות
שלב 1
עצב את האתר שלך ברזולוציה הנמוכה ביותר - 800 * 600 פיקסלים והשתמש בפריסה קבועה. אך עם גישה זו, יש חסרון אחד - עבור משתמשים שיש להם צגים בעלי מסך רחב, שדות רחבים יופיעו על המסך בעת הצפייה באתר שלך.
שלב 2
השתמש בפריסה נוזלית. במקרה זה, העמודים יימתחו בצורה אופקית על אותם צגים, שהרזולוציה שלהם גבוהה מזו ששימשה בפיתוח. אך גישה זו משמשת בצורה הטובה ביותר בעת יצירת אתרים עם מידע רב טקסטואלי וכמות מינימלית של גרפיקה. הסיבה לכך היא כי אלמנטים מסוימים, כגון תמונות או רכיבי צד שלישי, יעוותו בעת שינוי גודל בצגים שונים.
שלב 3
הנכון ביותר, אך יחד עם זאת ומורכב יותר מבחינת היישום, הוא השימוש בפריסה אדפטיבית. זו גרסה מורכבת יותר של פריסת הגומי, המאפשרת לשנות את מספר העמודות עם מידע בעת שימוש בקוד התוכנית.
שלב 4
אך לא משנה מה הפריסה שתבחר לפיתוח האתר, בצע את הפריסה ברזולוציית מסך של 1024 * 768 פיקסלים. זו הרזולוציה הנפוצה ביותר.
שלב 5
כמו כן, לתצוגה נכונה של האתר על גבי צגים ברזולוציה אחרת, פעל לפי כמה כללים. נסו לשמור על התוכן הראשי של הדף על גבי מסך אחד כדי להימנע מגלילה. מקם מידע טקסט בעמודה צרה כדי שלא "יתפשט" לכל רוחב המסך. עקוב אחר העיצוב הכללי של הדפים כך שהכל יהיה פרופורציונלי.
שלב 6
כשאתם מעצבים את העיצוב שלכם, חישבו את האחוז, ולא הכמות, של רוחב הדף וגובהו. לאחר מכן גודל הדף ישתנה באופן פרופורציונלי הן על צגים קונבנציונליים והן על צגים עם מסך רחב.
