נוזל, עיצוב אתרים קבועים אלסטיים, הסביר

בעת שימוש ב-CSS לסגנון באתר ישנם שלושה סוגים הפריסה ראשונית לרשות מעצבי אינטרנט. הדרכה זו נועדה לזרוע לך את המידע שאתה צריך לדעת כדי לקבל החלטה מושכלת יותר כאשר בוחרים כיצד לעצב פרויקטים האינטרנט שלך.

אפשרויות

שלושת סגנונות הפריסה העיקרי לקביעת רוחב של אתרים -. נוזל, קבועים אלסטיים לכולם יש יתרונות משלהם. ישנם גם חסרונות אלה תבניות עיצוב, ולכן חשוב לדעת את המצב הטוב ביותר שבו השימוש בכל סוג של פריסה.

נוזל פריסה

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

פריסת נוזל יכול לגרום לבעיות עבור דפדפנים כמו אינטרנט אקספלורר אשר אינו תומך נכסים מומלץ להשתמש כדי להגדיר מקסימום רוחב של תוכן. זה בשילוב עם העובדה מילוי דפי אינטרנט עם תוכן יכול להיות רע מתוך פרספקטיבה שמישות לעיתים קרובות מכניס את האנשים לאמץ את הפורמט הפריסה.

פריסה קבועה

כפי שהשם מרמז פריסות קבוע לעצור את דפדפן האינטרנט מהצורך את החופש לעצב את הטקסט כראות עיניו, זוהי אחת השיטות הפופולריות ביותר באינטרנט, עם אתרים כגון facebook ו -BBC להחיל את העיצוב. זה בעצם אומר כי רוחב התוכן הכלול נשאר קבוע ולא משנה מה, זו מושגת בדרך כלל באמצעות משהו שנקרא עטיפה, או מיכל, אשר מחזיקה את כל התוכן בתוך זה. העיצוב רוחב קבוע ניתן להגדיר את המרכז, ימין או שמאל של הדף, בקלות רבה.

הבונוס האמיתי של עבודה עם עיצוב רוחב קבוע הוא שאתה יכול להגדיר הדמיה עיצוב סביב השיקול כי רוחב שלך תמיד יהיה זהה. זה חיובי אמיתי אם אתה רוצה תמונה הבאנר, למשל, אשר צריך להיות 900px, לא יהיה לך בעיות כאשר גודל, סוגיות אשר היית המפגש עם עיצוב נוזל.

החיסרון של עיצוב קבוע אך הוא שטח מת, כי אתה נשאר עם שם העיצוב שלך לא ממלא את הדף. עיצוב ברוחב קבוע יכול גם הכוח המעצבים כדי לתעדף. כמו באתר גדל תוכן מתחרה על המיקום העליון, הוא חייב עדיין משתלבות רוחב מסוים.

פריסת אלסטיים

סגנון העיצוב הסופי ידוע אלסטי. מבולבלים לעיתים קרובות עם פריסות נוזל, פריסות אלסטי לאפשר אתר אינטרנט כדי להתאים את יחסי המסך מוצג על. זו יכולה להיות מושגת או באמצעות ems או%. כאשר המשתמש מרחיב את גודל הטקסט של דפדפן האינטרנט שלהם לשאר בדף האינטרנט תרחיב גם כי מדידות מבוססות על משתנים לעומת להגדיר גדלים. Hotmail לאחרונה פיתחה את האתר שלהם להשתמש בעיצוב אלסטי. אם אתה מסתכל על גודל הפונטים, תבחין שהם נקבעים באחוזים כדי להפיק את המירב הגדרת המשתמשים.

מבין שלושת סגנונות עיצוב זה הוא הפופולרי לפחות כי זה מועיל לפחות לחוות המשתמשים. האופי המשתנה שלה יכול לעשות את זה בעייתי עבור חוויית משתמש. בשילוב עם חוסר תמיכה בדפדפן על פלטפורמות כגון IE6, זה עושה את העיצוב פופולרי עם מעצבי מי רוצה להמנע בעיות חוסר תאימות לדפדפן.

Roundup

יש נקודות חוזק וחולשה לכל תבניות עיצוב שהזכרתי. מאת שוקל את היתרונות והחסרונות תוכל לקבל החלטה משכילה לפני היציאה לפרויקט האינטרנט הבא שלך. אתם תדעו את הבעיות ופתרונות לבעיות לפני שאתה נתקל בהם.