כותב |
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 08 December 2006 בשעה 16:51 | | IP רשוּם
|
|
|
|
היי,
בניתי אתר אינטרנט אבל ניתקלתי בכמה בעיות:
איך אני מטפלת בנושא שהאתר יעלה או יעלה טוב בכל דפדפן הרי יש כמה וכמה סוגים?
איך אני מטפלת בנושא הרזולוציה ,הרי כל משתמש ,משתמש ברזולוציה שונה?
איך אני דואגת לפירסום האתר ?
תודה
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 08 December 2006 בשעה 17:08 | | IP רשוּם
|
|
|
|
תעברי על הפורום הזה (בניית אתרים), פרסמו די הרבה הודעות בנושא נגישות לדפדנים, ועוד יותר קישורים.
בקשר לפרסום תנסי לקרוא מאמרים ב-www.k.co.il
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 08 December 2006 בשעה 19:05 | | IP רשוּם
|
|
|
|
הקשבתי לעצתך ועברתי בין כל דפי הפורום...
אך לצערי לא מצאתי תשובות מעשיות או עניניות בקשר לנושאים שחיפשתי.
האם ניתן לטפל בענין בדפדפן והרזוליציה בעזרת פונקציות ב JAVASCRIPT ?
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 08 December 2006 בשעה 22:01 | | IP רשוּם
|
|
|
|
בכל הפוסטים של נאוה לא מצאת ?
מוזר...
JavaScript עצמה דורשת הרבה עבודה על תאימות.
בעניין הרזולוציה ראה פוסטים של נאוה ושל 110 על layout ש"נמתח" (למרות שזה לא הפתרון היחיד).
תנסי שוב, אם לא תמצא אני אאסוף לך רשימה של קישורים.
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 08 December 2006 בשעה 23:41 | | IP רשוּם
|
|
|
|
הייתי בכל ההודעות שלה אבל אין דברים עניינים , דברים שיוכלו לעזור לי
להתמודד בידיוק עם מה שאני צריכה אני מצטערת... עברתי על כל הדפים.
אני מנסה להבין מה הדרך הכי "נכונה" לפתור את 2 הבעיות האלו :
של התאמת האתר לכל הרזולוציות ולכל הדפדפנים
אם לא ב JAVASCRIPT אז איך אנשים פותרים בעיות כאלה הטיפול צריך להגיד
מצד ה CLIENT זה בטוח...
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 09 December 2006 בשעה 00:19 | | IP רשוּם
|
|
|
|
קישור
זאת רק דוגמא, נאוה באמת שלחה הרבה מאוד קישורים והודעות
הדוגמא הזאת באה מהחיפוש "float width"
תנסי גם CSS, טיפיס ולחפש לפי השם משתמש של נאוה...
בכל מקרה, אני אפסיק לנג'ס לך, שתי דרכים לדוגמא להתמודד על רזולוציות מסך הן:
- לבנות את האתר ברוחב נמוך יחסית (800x600), ולמרכז...בצדדים לשים איזו תמונת רקע לא בולטת שיראו בתור רווח. (כמו walla, ynet)
- לבנות את האתר ככה שימתח, ע"י רוחב של חלקיו באחוזים, ואפשר גם גודל טקסט ב-em. (כמו האתר הזה, youtube)
לכל הדפדפנים יעזור קודם כל להיות די קרובים לסטנדטים, ולעזות בדיקות בכל הדפדפנים הרצויים ליתר בטחון. בעיקר ב-javascript.
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 09 December 2006 בשעה 17:46 | | IP רשוּם
|
|
|
|
DotNet כתב:
היי,
בניתי אתר אינטרנט אבל ניתקלתי בכמה בעיות:
איך אני מטפלת בנושא שהאתר יעלה או יעלה טוב בכל דפדפן הרי יש כמה וכמה סוגים?
איך אני מטפלת בנושא הרזולוציה ,הרי כל משתמש ,משתמש ברזולוציה שונה?
איך אני דואגת לפירסום האתר ?
תודה
|
|
|
1. תורידי מהאינטרנט את הדפדפן פיירפוקס ואת הדפדפן אופרה ואת הדפדפן אקספלורר.
חפשי את הדפדפנים בגוגל ותמצאי מקומות שאפשר להוריד אותם.
2. בדקי את האתר שלך עם כל הדפדפנים.
3. פיירפוקס הוא הדפדפן שאת צריכה לעבוד אתו. כי הוא הכי מתאים לתקנים. אם האתר שלך יראה אתו טוב, הוא יראה טוב גם עם שאר הדפדפנים ברוב המקרים. לכן אני מציעה לך לבנות את האתר מהתחלה עם פיירפוקס ולבדוק אותו בכל שלב ושלב של הבניה גם באקספלורר ובאופרה.
5. ישנם עוד דפדפנים פופלריים כמו מקסטון ואבנט אבל אין טעם לבדוק אתם כי
הם מבוססים על אקספלורר ויתנו לך את אותה תוצאה שהוא יתן לך.
4. הדפדפנים יראו לך את האתר בצורה קצת שונה ותצטרכי להתמודד עם זה ולעצב את
האתר כך שהוא יראה טוב בכולם.
6. אני ממליצה לך להכין שלד של האתר שלך, דף דוגמא תמציתי ובסיסי שאותו תבדקי
שהוא עובד טוב בכל הדפדפנים ושהוא עובר ואלידציה שהוא נמתח היטב על המסכים
השונים שאפשר להגדיל את הפונטים וזה נראה טוב ורק שתהיה לך דוגמא של אתר
טובה. תבני על הדוגמא הזאת את האתר האמיתי השלם שלך.
בנוסף לעבודה עם הדפדפנים השונים את צריכה לבדוק את האתר עם הבודק של w3
הבודק יגיד לך מהם השגיאות שאת צריכה לתקן אם תתקני את כל השגיאות האתר
שלך יהיה תקין ויעבוד טוב גם במחשבים השונים ובדפדפנים השונים.
לגבי הנושא של הרזולוציה
תבני את האתר כשאת משתמשת ברזולוציות הכי פופולאריות שהן
ותבני את האתר תוך התאמה לגדלי המסך הכי פופולאריים.
תשימי לב שהאתר שלך נמתח לפי גודל המסך. יש קורסים מקוונים שמלמדים את זה.
את לא כתבת באיזו שפה את עובדת.
תשימי לב שכשהמשתמש רוצה להגדיל את הפונטים באתר שלך הוא מצליח.
לצורך גמישות האתר שלך את צריכה ללמוד את הנושא של יחידות מידה.
תנסי ללמוד את הנושא גם מהסתכלות באתרים אחרים. תסתכלי למשל איך הפורום
הזה נמתח על פני מסך גדול וקטן. שימי לב מה קורה כשהמשתמש מגדיל פה אותיות
בפיירפוקס ומה קורה כשהוא מגדיל אותיות באקספלורר.
כדאי לך לפי דעתי לקרא את המאמרים בקידום אתריםאולי בעקבותיהם תעשי שינויים
באתר שלך ולכן כדאי לקרא אותם כבר עכשיו ולא בסוף בניית האתר.
את צריכה שהאתר שלך ימתח על גדלי מסך שונים.
את צריכה אתר גמיש. יש כל מיני שיטות
זה סרגל הכלים למפתח. הוא יעזור לך בבניית האתר בצורה נכונה. http://chrispederick.com/work/webdeveloper/ רזולוציה
נאוה כתב:
11010010110 כתב:
tidyhtml הוא חופשי חינמי ואם אני לא טועה גם קוד פתח. |
|
|
אוי זה כלי נהדר המון תודה על ההמלצה. ההערות של התוכנה הזאת קצרות, קולעות, מדוייקות אומרות לך בדיוק מה חסר, ואומרות לך בדיוק איפה חסר. אני כבר לא צריכה לעסוק בניחושים ובנסיונות, או לרוץ לבי"ס 3 כדי לראות איך הדברים אמורים להראות.
לגבי הטופסטייל הורדתי את העורך הזמני נשארתי עם העורך החינמי הוא מראה את השגיאות בירוק. אני מרגישה עכשיו כמו "בעל מלאכה מצוייד כהלכה".
|
|
|
אני ממליצה לך לעבוד עם הטידי זאת תוכנה שתעזור לך למצוא שגיאות באתר. האתר צריך להיות על השרת כדי שתוכלי לעבוד אתה. כדאי לך גם להוריד את הטופסטייל החינמי הוא יעזור לך למצוא שגיאות תחביר. TopStyle Lite
לגבי הנושא של האתר הגמיש אני גם מתמודדת עם הנושא הזה. ישנו חומר באינטרנט שמלמד שיטות שונות ליצור אתר גמיש את צריכה ללמוד את הנושא. להכיר את השיטות לכל שיטה יתרונות וחסרונות. אם את מעמדת את האתר בתוך טבלה. הטבלה תתפרש על פני המסך. את יכולה להשתמש באחוזים אבל תהיה לך בעיה עם הפונטים ועוד בעיות. אני
פתרתי את הבעיה על ידי שימוש ביחידת המידה em אני יוצרת אתר שיראה טוב
בגודל מסך בינוני ויראה בחלקו בגודל מסך קטן עם אפשרות להגדיל אותו
בשלמותו על ידי שינוי גודל פונט. אם תעברי על הנושא שלי אתר css תקין
תמצאי הרבה קישורים שיעזרו לך. חשוב שתצייני באיזו שפה את עובדת ובאיזו שיטה. למשל css עם טבלה או ללא טבלה ואם זה ללא טבלה באיזו שיטה. בעיקרון יש הרבה אתרים והרבה חומר באינטרנט שעונים על כל שאלה.
אני מדביקה לך פה קוד מעטפת בסיסי תקין שעובר ואלידציה כדי שתשתמשי בו. תכניסי את הקוד שלך לתוכו ולאחר מכן תתחילי לבדוק את הקוד שלך עם הבודק ועם טידי ועם טופסטייל.
shoshan כתב:
בלי המשך = לא תקין.
אם שתי הנקודות-פסיק אחרי sitional.dtd"> הן לא באג בפורום אז תורידי אותן.
בכל מקרה, תשמרי לעצמך איפשהו:
קוד:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-t ransitional.dtd"> ; <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1255" /> <title>MY TITLE HERE...</title> </head>
<body dir="rtl"> </body> </html> |
|
|
ולא אין קשר לשרת האחסון.
|
|
|
אני רק אכתוב לך בקיצור: האתר שלך לא נראה טוב בכל הדפדפנים מכיוון שהוא בין היתר כנראה לא תקין. אקספלורר מאפשר לאתר לא תקין להראות טוב ולעומת זאת פיירפוקס מקפיד על התקנים ולא מאפשר לאתר לא תקין להראות טוב. זאת הסיבה שאת צריכה להכין את האתר עם פיירפוקס ולבדוק אותו עם אופרה ואקספלורר. לצורך הבדיקה השתמשי בבודק בטידי וטופסטייל. את צריכה גם לקחת בחשבון שלא כל הדפדפנים תומכים בכל האופציות. לדוגמא את יכולה לצבוע ולעצב את סרגל הגלילה והאופציה הזאת תגיע לידי ביטוי רק באקספלורר נכון לעכשיו. בהצלחה.
עריכה: תיקנתי לפי עצת שושן בתגובה הבאה. אם מישהו יודע על עוד סיבות שהאתר נראה שונה בדפדפנים השונים, הוא מוזמן מוזמן לכתוב פה ואני אוסיף בעריכה.
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 09 December 2006 בשעה 17:52 | | IP רשוּם
|
|
|
|
נאוה כתב:
האתר שלך לא נראה טוב בכל הדפדפנים מכיוון שהוא לא תקין. אקספלורר מאפשר לאתר לא תקין להראות טוב ולעומת זאת פיירפוקס מקפיד על התקנים
ולא מאפשר לאתר לא תקין להראות טוב. |
|
|
זה פישוט מוגזם של המציאות לדעתי, אבל משנה, רק ציינתי.
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 15 December 2006 בשעה 00:38 | | IP רשוּם
|
|
|
|
היי,
טוב...אז האתר חלקו כתוב ב HTML וחלקו ב ASP.NET
במידה וכל העיצוב שלי מבוסס על טבלאות כלומר יש רקע קבוע מאחור והדף של האתר באמצע העמוד (דומה ל YNET) והעמוד עצמו בנוי מטבלאות האם גם במקרה הזה יש לדאוג לרזולוציה או שלא כי אחרי הכל גודל הטבלאות מוגדר מראש..
במידה ואני טועה האם הפיתרון הוא :
יש אוביטק חדש ב ASP.NET 2.0 בשם SCREEN שאיתו אני יכולה לדעת מה גודל הרזולוציה של המשתמש (בזמן ריצה..) פשוט לשלוח כל פעם ל CSS אחר
כלומר במידה ואני מזהה שהמשתמש נכנס עם רזולוציה 800X600 לשלוח אותו ל CSS ששם ה FONT ים נאמר בגודל 12 וכו...
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 15 December 2006 בשעה 11:10 | | IP רשוּם
|
|
|
|
DN, תשלחי קישור לאתר שלך, או להעתק של אחד הספים או משהו כזה, כדי שנראה...
בכל מקרה, מה שאת מתארת לא נשמע לי כמו פתרון הגיוני,
אם את רוצה לבנות את האתר שלך ברוחב 800, ממורכז, אז שימי לטבלה שלך style="margin: 0, auto;".
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 15 December 2006 בשעה 11:37 | | IP רשוּם
|
|
|
|
זה קישור לאתר הניסיונות , האתר עצמו יהיה באנגלית ולא בעברית זה רק נסיונות
http://ronnytest-1.hosting.parking.ru/
התפריט לא עובד כרגע אני צריכה רק שתיראה את העיצוב והאם יראו אותו טוב בכל הרזולוציות.
מה אני עושה עם ה FONT ים? הרי מי שרואה כמוני ברזולוציה 1024X1280
יראה את הכתב בסדר אבל משתמש שיכנס ברזולוציה נמוכה יותר בטח יראה כבר ענק
תודה
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 15 December 2006 בשעה 12:13 | | IP רשוּם
|
|
|
|
מי שמשתמש ברזולוציה נמוכה לא עושה את זה כדי לראות "כאילו" המשתמש ברזולוציה גבוהה...
את לא צריכה לפתור את בעיות הרעב בעולם.
מה שכן, תפריט בפלאש = לא נגיש , ולא עובד כמו שצריך ב-IE7, אם את שמה flash פשוט תעתיקי את הקוד ש-flash מחולל, חוסך עבודה בבדיקת תאימות וכו'...
מכל שאר הבחינות זה ממש אחלה layout ועיצוב נגיש מאוד...כל הכבוד!
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
DotNet משתמש פעיל
הצטרף / הצטרפה: 25 August 2006
משתמש: מנותק/ת הודעות: 60
|
נשלח בתאריך: 15 December 2006 בשעה 12:42 | | IP רשוּם
|
|
|
|
תודה.
מה שאמרת לי הודעה לפני : style="margin: 0, auto;". אני שמה בטבלה המרכזית? האם זה ימנע "גלישה" של הטבלה מהגבולות שלה?
|
חזרה לתחילת העמוד |
|
|
shoshan מנהל האתר
הצטרף / הצטרפה: 16 July 2005 מדינה: Israel
משתמש: מנותק/ת הודעות: 4637
|
נשלח בתאריך: 15 December 2006 בשעה 13:46 | | IP רשוּם
|
|
|
|
במקום
קוד:
<div align="center">
<table>
...
</table>
</div> |
|
|
אפשר לשים
קוד:
<table : style="margin: 0 auto;"> ... </table> |
|
|
מה הכוונה גלישה ?
שאם למשתמש יש רזולוציה נמוכה ב-800x600 לא יופיע סקרול באר ? בכל מקרה יופיע.
__________________ עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 08 February 2007 בשעה 07:33 | | IP רשוּם
|
|
|
|
DotNet כתב:
היי,
טוב...אז האתר חלקו כתוב ב HTML וחלקו ב ASP.NET
במידה וכל העיצוב שלי מבוסס על טבלאות כלומר יש רקע קבוע מאחור והדף של האתר באמצע העמוד (דומה ל YNET) והעמוד עצמו בנוי מטבלאות האם גם במקרה הזה יש לדאוג לרזולוציה או שלא כי אחרי הכל גודל הטבלאות מוגדר מראש..
במידה ואני טועה האם הפיתרון הוא :
יש אוביטק חדש ב ASP.NET 2.0 בשם SCREEN שאיתו אני יכולה לדעת מה גודל הרזולוציה של המשתמש (בזמן ריצה..) פשוט לשלוח כל פעם ל CSS אחר
כלומר במידה ואני מזהה שהמשתמש נכנס עם רזולוציה 800X600 לשלוח אותו ל CSS ששם ה FONT ים נאמר בגודל 12 וכו... |
|
|
אני מדביקה פה קישור מעניין מפורום k שמתייחס לשאלה של dotnet לגבי הרזולוציה
זה עוד מעט קורה!
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 17 February 2008 בשעה 23:51 | | IP רשוּם
|
|
|
|
shoshan כתב:
במקום
קוד:
<div align="center">
<table>
...
</table>
</div> |
|
|
אפשר לשים
קוד:
<table : style="margin: 0 auto;"> ... </table> |
|
|
חרמון תנסה כך:
[QUOTE=shoshan]
קוד:
<div align="left">
<table>
...
</table>
</div> |
|
|
א
מה הכוונה גלישה ?
שאם למשתמש יש רזולוציה נמוכה ב-800x600 לא יופיע סקרול באר ? בכל מקרה יופיע.
|
|
|
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 18 February 2008 בשעה 01:51 | | IP רשוּם
|
|
|
|
יש להעיף את הטבלאות. זה ימנע את רוב הכאב ראש
תעשי את האתר נמתח עד כמה שניתן. כך הוא יתאים לכל
הרזולוציות ולא ייראה כמו טור דק באמצע המסך במסך גדול
את הפונטים תעשי כאלה שמתאימים לשילוב מסך / רזולוציות
הנפוצים ביותר (15'' 1024x768 ו 17-19'' 1280x1024). אם
למישהוא יש בעיה ניתן לשנות את הגודל בדפדפן
רוחב האתר לא תמיד זהה לרזולוציה. חלק מהמשתמשים מעבירים
את ה 'התחל' או דברים אחרים לצדדים של המסך ואז זה מקטין
את הרוחב שלו
אל תשתמשי ב JS להתאמת רזולוציה (מקסימום להחלפת תמונות
לגדולות יותר ברזולוציות ענקיות ודברים כאלה)
רזולוציות נפוצות
150x200 - טל' סלולרי אם מסך גדול
200x300 - מחשב כף יד
640x480 - מחשב אם בעיות בכרטיס מסך , טלויזיה
800x600 - מחשבים ישנים
1024x768 - מחשבים פחות ישנים , רוב המחשבים הניידים
1280x800 - מחשבים ניידים חדשים
רזולוציה שלא כולם מכירים במחשבים רגילים 1152x864
רוב המסכים היום - 1280x1024
מסכים גדולים נפוצים - 1440x900 , 1680x1050 , 1600x1200
High definition - 1920x1200
אם תתני כתובת (הכתובת למעלה לא עובדת) אני יכול לתת כמה
צילומיי מסך ברזולוציות שונות בדפדפן konqueror
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 18 February 2008 בשעה 07:54 | | IP רשוּם
|
|
|
|
תודה, טוב לדעת האמת היא שאני שלחתי את הציטוט למעלה בטעות בלי לשים לב. העתקתי את הקוד לצורך שימוש עצמי ובטעות שלחתי לפה הודעה. תודה.
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|