|
[קידוד] הקידוד הראשון שלי
עיצבתי בפוטושופ וגם יצרתי את האתר דרך החיתוך הזה בפוטושופ.
חלק מהדברים הפכתי לdivים. איך זה? http://www.studioshay.co.nr/ עריכה: אני כנראה מוריד את ה"מבין עבודותינו" כי אין לי מושג איך לתכנת את זה P= |
בקידוד, עדיף לא להשתמש בטבלאות. תנסה לקדד רק עם DIVים, בלי שום טבלה
|
ליצור אתר בפוטושופ (ל"לקודד את האתר בפוטושופ") זה לא נחשב כל כך לקודד את האתר בעצמך... גם הפוטושופ עושה עבודה גרועה בבנית האתר....
מה שעשית זה נתת לפוטושופ לעבוד ופה ושם שינית דברים..... יש באתר חלקים שהם צבע אחי ולא תמונה למשל.... ועשית אותם בתור תמונה .... למשל בין "קצת עלינו" ל"למה דוקא אנחנו" יש תמונה... לא בדקתי בפוטושופ אבל אני מוכן להיתערב שהיא צבע אחיד וחלק להשים אותה כתמונה... בקשר למבין עבודותינו התיכנון לא טוב ולכן אתה לא תוכל לתכנת את זה...... אני ינסה לעזור לך =] ..... יש לך חץ ימיני, חץ שמאלי ו5 ריבועים.... עכשיו אני מבין שאתה מתחיל בקידוד ואני לא רוצה לסבך אותך... אתה מעונין להמשיך ללמוד לקודד? לדעת יותר לקודד יותר טוב ולהתמקד בזה? אם כן שלח לי הודעה פרטית אני יעזור לך.. ישלח לך כמה אתרים שיעזרו לך ויתן לך כמה הצעות.. =] 1. לחתוך את זה ככה: תמונה 1- חץ ראשון תמונה 2 - תמונה בין החיץ לריבוע תמונה 3 - ריבוע תמונה 4- תמונה בין הריבוע לריבוע (הריבוע הראשון לשני) תמונה 5 - חץ שני ואז לבנות את זה ככה: חץ ימיני (1) | מעבר בין החיץ לריבוע (2) | ריבוע (3) | מעבר ריבועים (4) | ריבוע (3) | מעבר ריבועים (4) | ריבוע (3) | מעבר ריבועים (4) | ריבוע (3) | מעבר ריבועים (4) | ריבוע (3) | מעבר בין החיץ לריבוע (2) | חץ שמאלי (5) כמובן שזה לא פתרון מושלם ומצוין אבל לאט לאט מתקדמים... אם אתה שואף להתקדם ולהיות מקודד מקצועי וכו' עדיף שתעזוב את הקידוד בפוטושופ ותכתוב את הקוד בצורה ידנית..... מקוה שעזרתי.. אם יש לך שאלות אתה מוזמן לשאול אותי פה או בפרטי אני ישמח לנסות לעזור.. בכל מיקרה שיהיה לך המון בהצלחה :) |
הבנתי חלק.
מה שכן, איך מקודדים את זה ב100% divים? הרי אם אני מקודד את זה בdivים יש ביניהם רווחים. חוץ מזה מה הבעיה עם קידוד בפוטושופ לא הבנתי? לגבי ..."יש באתר חלקים שהם צבע אחי ולא תמונה למשל.... ועשית אותם בתור תמונה .... למשל בין "קצת עלינו" ל"למה דוקא אנחנו" יש תמונה... לא בדקתי בפוטושופ אבל אני מוכן להיתערב שהיא צבע אחיד וחלק להשים אותה כתמונה..."... מה שעשיתי זה div עם רקע ועליו כתבתי את מה שרציתי. אבל אם אני כותב יותר ממה שהגודל שלו אז זה הורס את כל העיצוב..... |
ציטוט:
לדוגמא בקידוד שלך, הרקע של "למה דווקא אנחנו" ו "קצת עלינו" הוא בעצם כמה תמונות, אף על פי שאפשר לעשות את זה ללא אף תמונה (פשוט הגדרת צבע ב css/html). וכמו שאתה בטח יודע ככל שיש יותר תמונות האתר נטען לאט יותר. הצעה שלי, קרא מדריכי css ו html ותקודד כמו שצריך. |
אהה אוקי.
אני יכול לעשות את זה בעצמי ולמחוק את התמונות זה לא סיפור. |
תפסיקו להטעות אנשים,
DIV לא בהכרח טוב יותר, הוא עושה הפרדה טכנית שעולה למתכנת בעבודה קשה יותר- אזי לא משתלם. |
ציטוט:
|
ציטוט:
מבחינת משקל היום אין הבדל, מבחינת מהירות- אין הוכחות חד משמעיות. אתה מגבב חצאי משפטים ששמעת. אפילו לקרא לזה כמו שצריך אתה לא יודע, סלייסינג. |
ממ תרשו לי להתערב... אני מקודד אם טבלאות. בונה את המבנה הכללי אם הטבלאות ואז מוסיף דיבים להעטיפה עצמה.. ומה טוב בטבלאות? זה שומר על מבנה קבוע גם אם הקובץ CSS יהיה חסר המבנהלא יתפרק לחתיחות... אני מקודד כבר חצי שנה והכל עולה מהר... לכן לדעתי טבלאות זה עוזר.
ושימו לב כל המערכות המוכנות ובכלל רוב המערכות בנויות אם טבלאות.. |
ציטוט:
בקשר למשקל ברור שיש הבדל, הבדל משמעותי למען האמת. אם אי פעם הסתכלת על קידוד \ סלייסינג \ איזה שם שלא תדביק לזה שכתוב בDIVים יכולת לראות שקוד הHTML קטן יותר ומצומם יותר משמעתוית. נכון שקובץ הCSS גדול יותר אבל כשאתה עובר בן עמודים קובץ הCSS כבר קיים בcache והדפדפן לא מוריד אותו שוב (אלא אם תכריח אותו להוריד). בטבלאות לעומת זאת הדפדפן טוען את כל קוד הHTML המסורבל פעם אחר פעם. המשקל של (נזרום איתך) סלייסינג לא משנה באמת מבחינת מהירות אבל תחשוב לבד... מה זה מהירות באינטרנט? זה אומר כמה ביטים בשניה יכולים לעבור בחיבור שבין השרת למחשב הלקוח. ככה שלדברים מסוג זה אין השפעה כלל על המהירות של השרת. מהירות טעינת העמוד תקטן ככה שהעמוד קל יותר. למעשה היתרון היחיד של טבלאות הוא שגם בדפדפנים ישנים יחסית (IE 4 למשל) הן יעבוד ואילו סלייסינג בDIVים לא. ציטוט:
בנוסף לכך שבניה חכמה מקצרת את זמן הפיתוח. ברגע שיש לך עמוד אחד מוכן בDIVים "הבשר" של השיטה הזאת (קובץ הCSS) כבר קיים דבר שהופך יצירת עמודי משנה לקלה ביותר (ולא בצורה מטופשת של העתקת אותו הקוד שוב והכרחת הדפדפן לטעון מחדש את המידע של העמוד שלך). אסכם ואומר שהבחירה בין טבלאות לDIVים צריך להעשות לפי קהל היעד. אם אתה מכין מערכת גדולה למשל (כמו שאמרו פה) שקהל היעד שלה לא מוגדר בוודאות צריך להשתמש בטבלאות כדי לאפשר תמיכה גם בדפדפנים ישנים, פלאפונים וכד'. אם קהל היעד הוא גולשים שמתמשים בדפדפנים מודרניים (IE6+) אין צל של ספק שהשיטה של DIVים עדיפה. ובאמת לא צריך להיות חכם גדול בשביל להבין למה. רק צריך לחשוב קצת ולהבין למה השיטה הזאת חוסכת משאבים. |
סבבה.
רק שלתכנת בDIV אני לא יודע (לעשות לדוגמא ששני דברים יהיו צמודים). אני צריך עוד ללמוד את כל זה. אפשר לחזורלנושא ולהעיר על התכנות שלי? |
ציטוט:
ציטוט:
|
1. לא משנה, קידוד what ever זה בסדר איך שעשיתי?
2. אולי לא שמת לב אבל החלפתי כל מני דברים בDIVים. ואני פשוט רוצה לדעת אם זה בסדר שעשיתי את זה ככה ואם לא אז מה לשפר!? כל כך קשה להגיד תשפר את ... |
בסדר מבחינת מה? תאימות דפדפנים זה בסדר.
לדעתי מה שאתה צריך לשפר (גם אם אתה נשאר בטבלאות) - פחות תמונות - קוד תקין |
פחות תמונות הכוונה לחלק את זה במקום לאיזה 25 תמונות לנניח 10?
מה לא תקין בקוד? P= זאת בדיוק השאלה שלי. |
ציטוט:
|
אוקי תודה רבה!!
אקח את זה לתשומת לבי. |
ציטוט:
ההבדל ברור: סלייסינג בעזרת DIV קשה לחיתוך באופן חד פעמי, אך בתווך הרחוק יותר יונח נוח לעבודה מול קוד מקור(פלט). סלייסינג מבוסס טלבאות, קל לחיתוך, אך קשה להתמצאות מול קוד מקור(פלט). |
טוב הוויכוח נמשך, אז מותר אם טבלאות לא? ואני מתמצא במה שאני כותב כי נאי כותב מסודר אם הערות אפילו שהמסמך ארוך..
|
גם באתרים ברמות של 7000 שורות קוד אני לא מאמין שאתה תראה בברור את ההבדל בזמן הטעינה של העמוד
ואתר בDIVים לא בהכרח יותר נכון "תכנותית" מאתר עם טבלאות..סתם שתי שיטות שונות שאני לא מוצא איפה אפשר בכלל להשוות ביניהן...כל אחת שונה ואני לא מוצא אחת יותר טובה מהשנייה.. |
אתם באמת חושבים שטבלאות יותר טוב מDivים? זה רק מראה שאתם לא יודעים לקודד ולא יודעים להתמודד עם 10 דק' של כתיבה של קוד לבד
הimage ready יוצר לכם הכל בתמונות הוא יוצר לכם אפילו תמונה של 10*10 שאתם לא צריכים סתם כי חתכתם חלק מעליה והוא המשיך את הסלייס ככה הכל מורכב מתמונות ואתם לא כותבים כלום לבד יש תמונות שזה הכל צבע אחיד שאפשר לעשות ברקע בד"כ בלוקים של כתיבה ונגיד קופסא שמופיעה באתר 4 פעמים אתם חותכים אותה 4 פעמים במקום פעם אחת ופשוט להגדיר ולכתוב PHP קוד:
גם המהירות של האתר שעולה יש מהירות משמעותית קיצר אין מה להשוות באמת |
| כל הזמנים הם GMT +2. הזמן כעת הוא 12:22. |
מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ