הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   כיצד ניתן לבנות אתר מותאם לאייפון? (https://hosts.co.il/forums/showthread.php?t=106055)

איציק ברבי 31-12-13 21:56

כיצד ניתן לבנות אתר מותאם לאייפון?
 
היי חברה,
אני מחפש אחר מאמר שיוכל להסביר לי את הדברים החשובים שבתהליך התאמת האתר לסמארט-פון(גלקסי,אייפון,נקסוס,אריקסון וכ'ו.)


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

תודה רבה,
ושנה אזרחית מוצלחת לכולם!

Haimz 02-01-14 15:34

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

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

איציק ברבי 02-01-14 18:54

זה דברים שברורים מאליו,
אבל כל הקטע שאני עובד עם meta viewport ומגדיר לו width ייחודי זה לא עובד בכל המכשירים, כל אחד עובד איך שבא לו.
מה יכולה להיות הבעיה?
http://asher-gallery.com/mobile.html
http://asher-gallery.com/mobile2.html

Haimz 02-01-14 19:33

תשתמש בtext-align: center בשביל למקם טקסט באמצע,
בשביל למקם DIVים באמצע, תגדיר להם רוחב ותוסיף: margin: 0px auto;

SwfIt 02-01-14 19:58

ציטוט:

נכתב במקור על ידי איציק ברבי (פרסם 885493)
זה דברים שברורים מאליו,
אבל כל הקטע שאני עובד עם meta viewport ומגדיר לו width ייחודי זה לא עובד בכל המכשירים, כל אחד עובד איך שבא לו.
מה יכולה להיות הבעיה?
http://asher-gallery.com/mobile.html
http://asher-gallery.com/mobile2.html

אתה הגדרת width: 1024px; למה אתה מצפה?

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

תעשה שימוש באחוזים.

Haimz 02-01-14 22:14

הבנתי למה אתה מתכוון, אוקי אז אתה לא צריך להגדיר רוחב לcontainer, אתה יכול לתת padding-right padding-left של 5px כדי שיהיה קצת רווחים בצדדים.
כדי למקם באמצע תשתמש בtext-align:center;
במידה וזה משהו שמצריך רוחב ואפשר לתת את הרוחב באחוזים, תשתמש באחוזים (50%, 70% וכו'..) במידה ואתה חייב להשתמש בפיקסלים, אז פשוט תגדיר בפיקסלים, נסה לשמור על רוחב של עד 320PX.
הBOOTSRAP החדש מותאם גם לסמארטפונים.

איציק ברבי 03-01-14 11:12

אני יודע שזה לא כל כך נהוג, אבל אם אתם יכולים להביא לי דוגמא פשוטה אני נורא אשמח :)
כי לא הבנתי למה אתם מדברים על 100% ויש אתרים כאלה: http://montessori-il.com/mb_text/83

אדיר 03-01-14 11:36

http://mobile.smashingmagazine.com/2...obile-website/

http://m.ynet.co.il/Main.aspx
https://m.facebook.com

trupix 03-01-14 17:02

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

Gomax.co.il 03-01-14 19:26

ציטוט:

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

אני אשמח לשמוע על שיטות מודרניות..


כל הזמנים הם GMT +2. הזמן כעת הוא 06:48.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ