עיצוב אתרים - התאמה

עיצוב אתרים - התאמה

בעידן החדש, בו לכל אדם יש מהמסך הכי פרימיטיבי כיום שהוא 15 אינץ' 4:3, למחשבים עם מסכי פלזמה של 50 אינץ' 16:9.

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

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

כיום כל אתר אשר מכבד את עצמו בנוי לכל רזולוציה נתונה, בן אם ל640X480, לבין FULL HD 1920X1080, ולא יבקש ממך להתאים את המסך אליו, הוא מותאם אליך.

אז כיצד ניתן ליצור אתרים, אשר יותאמו לכל הרזולוציות שקיימות?

התאמה ראשונית

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

כיצד נעצב

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

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

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

התאמה למסכים ולדפדפנים

בשנות ה90 היו שני דפדפנים אשר התחרו ביניהם, INTERNET EXPLORER ו NETSCAPE, מה שהתאים לEXPLORER לא התאים לNETSCAPE בצורה מושלמת, ולהפך.

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

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

דפדפני טלפונים סלולארים

עד כניסת הסמארטפונים, לשנת 2007 בערך, טלפונים סלולארים (חלקם הגדול) לא ידע מהו אינטרנט, האינטרנט שהיה בטלפונים סלולארי היה מוגבל, והיה צורך בקידוד מיוחד שהוא XML בחלקו, HTML לא נחשב לפאקטור מרכזי, ולכן אתרי אינטרנט החזיקו שני אתרים, אחד לטלפונים סלולארים, ואחד למחשב הבייתי.

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

התאמה לריבוי הדפדפנים, הרזולוציות, ומערכות ההפעלה, היא כיום שם המשחק, כשיש 4 דפדפנים אשר שולטים כיום בשוק (FIREFOX, EXPLORER, CHROME, SAFARI), וכל כך הרבה מסכים (טלפונים, מחשבים, טלוויזיות), יש צורך בהתאמה של אתרך לכל אחד מהם, יש לקחת הרבה דברים בחשבון, התמונות, הטקסט, הטבלאות.

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