תוֹכֶן
לטלפונים סלולאריים, לטאבלטים ולמסכי מחשב יש שימושים שונים, משתמשים וממדים שנותנים את השאלה מה גודל הפריסה הטוב ביותר לאתר נקבע על פי הצרכים של המשתמשים העיקריים של האתר. אם האתר אמור להיות מוצג על ידי משתמשים רגילים על מסך רחב עם רזולוציה של 1680x1040 פיקסלים, את גודל האתר חייב להיעשות כדי להתאים במסך הדפדפן הראשי. אם האתר מיועד לשימוש במכשירים ניידים, הוא אמור להיות מיועד למסך קטן בהרבה.
סטטית VS פריסות נוזל
השיקול הראשון הוא האם האתר דורש מימד המוגדר בפיקסלים. באמצעות אחוזים, באפשרותך ליצור פריסת "נוזל", אשר משנה את גודל האזורים באופן דינמי, בהתאם לגודל חלון הדפדפן. כאשר נעשה שימוש בשילוב עם טקסט, פריסות נוזל עשוי להיות הבחירה הטובה ביותר בעת יצירת אתר עבור רזולוציית מסך רגילה, כמו גם דפדפנים ניידים. פריסות נוזל מושגות באמצעות "width = 100%" בהצהרת התוכן של CSS, במקום "width = 960x", לדוגמה.
סינון גדלי מסך סטנדרטי
כדי ליצור "קבוע" או פריסות נוזל, רוחב של divs, עטיפות, או טבלאות התוכן הראשי צריך להתאים בחלון הדפדפן של המשתמש, תוך לקיחת בחשבון גם את סרגל הגלילה ואת סרגל הכלים. כדאי גם לשקול לעשות עבור הרוב. יותר מ -80% מהדפדפנים משתמשים כיום ברזולוציית מסך של 1024x768 פיקסלים. זה אומר שאתה יכול לעשות את זה עבור 1680x1024 פיקסלים, אבל זה רעיון טוב כדי הפרויקט על הקרקע באמצע. 960 או 980 פיקסלים רחב הם שני צעדים מהימנים המשמשים להצגת תוכן בנוחות בדפדפן המשמש את כל מי שמשתמש ברזולוציה של 1024x768 ומעלה. המערכת גם מתאימה היטב למכשירים ניידים המסוגלים להציג אתרים שלמים. אם הוא הדוק מדי, 1080 הוא הרוחב הבא הטוב ביותר. זכור את הגובה של דפדפן רגיל בכל רזולוציה להחזיק את המידע החשוב ביותר מעל "לקפל", או נקודה, שבו גלילה הופך הכרחי.
מסכים ניידים
אם אתה רוצה שהאתר שלך יראה טוב במגוון מכשירים ניידים, יהיה עליך לעשות זאת במיוחד עבור המכשיר או ליצור סגנון מיוחד המשמש את הדפדפנים לנייד כדי להציג את הגרסה "לנייד" של האתר שלך. רזולוציה של 240x320 היא הסטנדרט הנוכחי עבור רוב הסמארטפונים והתקני האינטרנט, כמו ה- iPhone. מומלץ להשתמש באחוזים או בפריסות "שוטפות", שכן מכשירים רבים תומכים במצבים לאורך ולנוף. אם תיצור אתר אינטרנט שמוגדר ברוחב 320 פיקסלים, הוא עשוי להיראות מנותק עבור המשתמש על ידי גישה אליו במצב לאורך.
רשת הזהב
אולי המערכת הטובה ביותר לקבוע מימדים הפריסה היא באמצעות מערכת הרשת. רשתות לחשב אזורים מאוזנת לחלוטין בתוך רוחב נתון כדי לספק תחושה של איך בקנה מידה את האלמנטים בתוך הפריסה הראשי או אזור התוכן. רכיבים אלה כוללים תיבות קידום מכירות, ברים, שטחי פרסום או פסקאות. לדוגמה, פריסה באמצעות רוחב כולל של 1080 פיקסלים ו לפצל באמצעות רשת הזהב היה לעזוב את השטח נותר עבור הודעות הבלוג ב 739 פיקסלים רחב ובר ימין ב 780 פיקסלים רחב, הן באמצעות שוליים של 10 פיקסלים. התוצאה הסופית היא פריסה מאוזנת לחלוטין ומאוזנת. אתה יכול להתנסות עם מספר רשתות שונות על ידי ביקור במערכת הגנרטורים רשת (ראה משאבים).