[אדיר]

בגדול יש 2 אופציות עיקריות:
1. עיצוב רספונסיבי/אדפטיבי
2. אתר ייעודי לדסקטופ ואתר ייעודי (נפרד) למובייל

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

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

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

להלן מס' מקורות מידע:
https://developers.google.com/webmas...-sites/details
http://uxi.org.il/pages/14388
http://www.pixelperfect.co.il/tutori...esign-tutorial
http://viljamis.com/blog/2012/adapti...difference.php
http://www.socialmediaexaminer.com/9...r-mobile-users
http://mobile.smashingmagazine.com/2...tial-smackdown

יש כמובן עוד המון מידע שאתה יכול למצוא אם רק תחפש.

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