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