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

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

Rockets 11-10-11 11:45
האם הקידוד עומד בתקן?
 
חבר'ה אני לא כ"כ מבין בזה, מתכנת עשה לי עבודה ואני רוצה לודא שהיא בוצעה כמו שצריך.
כמו כן שהקידוד מתאים לכל הדפדפנים, ומותאם לסריקה ע"י גוגל.
אשמח לתגובות ממביני עניין.


http://www.ecom.freehost.co.il/kidud/kidud.html

IgalSt 11-10-11 11:54
זה חיתוך אתר נוראי.

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

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

יש פה שימוש בטבלאות לעיצוב, אין פה שימוש ב-CSS בכלל, שימוש בתגיות שכבר בוטלו (לדוגמה center) ועוד.

dordahan 11-10-11 11:55
http://validator.w3.org/check?uri=ht...Inline&group=0

לא , הקידוד שלך לא עובר את התקן העולמי

IgalSt 11-10-11 12:00
חשוב לי להבהיר נקודה נוספת לגבי האם העיצוב עובר ולידציה של תקן w3c:
לדעתי הולידטור הוא לא המטרה אלא אמצעי להגיע למטרה.
כך שאני לא תמיד מתעקש על כך שהאתר יעבור ולידציה ולפעמים ישנן שגיאות או התראות המוצגות והן לא עושות נזק או שאי אפשר לתקנן בזמן ועלות סבירים.
כך שעצם העובדה שהחיתוך נכשל בולידטור זה לא אומר שום דבר על טיב הקוד.

כל זה נאמר כמובן בלי קשר לחיתוך הנוראי הזה.

eliran2313 11-10-11 12:16
קידוד נוראי.
זה יהיה סיוט להכניס לשם תוכן.
הכול טבלה אחת גדולה.
אתה יודע מה? אני אצדיע לאדם שיצליח לשלב מערכת ניהול תוכן שלמה שתעבוד באופן מושלם בתוך קידוד כזה.

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

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

אדיר 11-10-11 12:48
ש
ציטוט:
נכתב במקור על ידי eliran2313 (פרסם 821363)
עם כמה שזה נכון אסור לשכוח שעמידה בתקן היא לא פחות מהגורם המרכזי לקידום טוב במנועי חיפוש (בעיקר גוגל).
איך בדיוק אתה קובע את זה? זאת סתם שמועה שלא שווה כלום לדעתי.
ואני בהחלט תומך בתכנות על פי התקן, שלא תבין לא נכון, אבל זה משש לא הגורם המרכזי לדירוג בגוגל - על פי בדיקות שאנשים עשו כמובן.

מסכים עם כל מילה שאמר IgalSt,
בין אם זה עומד בתקן כלשהו של HTML\XHTML או לא, זה לא אומר כלום.
הוא ניסח את זה יפה - "הולידטור הוא לא המטרה אלא אמצעי להגיע למטרה".

eliran2313 11-10-11 13:00
ציטוט:
נכתב במקור על ידי xPerfection (פרסם 821364)
ש
איך בדיוק אתה קובע את זה? זאת סתם שמועה שלא שווה כלום לדעתי.
ואני בהחלט תומך בתכנות על פי התקן, שלא תבין לא נכון, אבל זה משש לא הגורם המרכזי לדירוג בגוגל - על פי בדיקות שאנשים עשו כמובן.

מסכים עם כל מילה שאמר IgalSt,
בין אם זה עומד בתקן כלשהו של HTML\XHTML או לא, זה לא אומר כלום.
הוא ניסח את זה יפה - "הולידטור הוא לא המטרה אלא אמצעי להגיע למטרה".
אני מדבר מניסיוני בקידום.
כל אתר שקידמתי שלא היה מקודד לפי התקן קידומו נכשל.
וכל אתר שקידמתי שהקידוד שלו כן היה לפי התקן הגיע לתוצאות טובות בקידום במינימום מאמץ.
אתה יכול לקרוא לזה צירוף מקרים אבל מבחינתי יש קשר בין הדברים.

IgalSt 11-10-11 13:17
ציטוט:
נכתב במקור על ידי eliran2313 (פרסם 821367)
אני מדבר מניסיוני בקידום.
כל אתר שקידמתי שלא היה מקודד לפי התקן קידומו נכשל.
וכל אתר שקידמתי שהקידוד שלו כן היה לפי התקן הגיע לתוצאות טובות בקידום במינימום מאמץ.
אתה יכול לקרוא לזה צירוף מקרים אבל מבחינתי יש קשר בין הדברים.
נכון יהיה לומר שאתר שעובד ולידציה יקבל דירוג יותר גבוהה במנועי חיפוש. אבל הוא לא מקבל את הדירוג הגבוהה בגלל שהוא עבר ולידציה, אלא בגלל שכשאתה בונה אתר שעובד ולידציה אתה נאלץ להצמד לקוד סמנטי במידה מסויימת, לעשות דברים בצורה נכונה יותר וכו'.

קח לדוגמה מצב שאתר נחתך בצורה שכל פסקאות הטקסט והכותרות יושבות בתוך תגיות DIV, עם class-ים בהתאם לעיצוב הנדרש. על פניו קוד כזה יעבור ולידציה בלי בעיה ותהיה שמח ומאושר.
עם זאת, הקידום בגוגל יהיה פחות אופטימלי מקוד html שמשתמש בתגיות h1-6 על מנת לבנות היררכיה נכונה של הכותרות בעמוד ותגיות p על מנת לציין פסקאות טקסט.

כמו כן אתר שעובר ולידציה עם alt="" יקבל דירוג יותר נמוך מאתר שיש לו alt עם ארך אמיתי.

מנגד לגוגל לא יהיה אכפת יותר מדיי אם כתבת alt="כותרות" או alt='כותרת' (שים לב לגרש וגרשיים). הראשון יעבור ולידציה והשני יכשל. התוצאה בקידום תהיה זהה.

(זה לא שאני מעודד לכתוב קוד לא תקני, פשוט לא תמיד זה כלכלי להגיע ל-0 שגיאות והתראות בולידציה של האתר)

Rockets 11-10-11 20:55
שאלה | קידוד גרסה 2
 
המתכנת שיפר את הקידוד וזו התוצאה הסופית:
http://www.ecom.freehost.co.il/kidud/kidud.html

אשמח לשמוע תגובות..

elad-o 11-10-11 21:01
http://validator.w3.org/check?uri=ht...Inline&group=0

eliran2313 11-10-11 21:02
הוא לא שינה כלום, הכול עדיין בתוך טבלה.

אדיר 11-10-11 21:36
גם אני לא רואה כאן שום שיפור, לפחות לא בנושא שעליו דיברנו.
תפנה אותו לאשכול הקודם, הוא אמור להבין את הטעות שלו.

אלעד:
זה שהעמוד עומד בתקן HTML4,
שווה במקרה הזה לעגלת זהב בלי סוס.

Haimz 11-10-11 21:40
חוץ מזה שרמת הקוד מאוד נמוכה, האתר לא נראה לי טוב ..

elad-o 11-10-11 21:53
ציטוט:
נכתב במקור על ידי xPerfection (פרסם 821465)
גם אני לא רואה כאן שום שיפור, לפחות לא בנושא שעליו דיברנו.
תפנה אותו לאשכול הקודם, הוא אמור להבין את הטעות שלו.

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

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

אשמח להשכיל קצת מבעלי ידע

BuildDream 11-10-11 22:08
האתר עומד בתקן, והקידוד מוצג כמו שצריך ולדעתי אין בעיה שזה בטבלה.
יש דברים שאם עושים אותם בDiv אז זה יותר דינמי, ויותר נוח - אבל גם טבלה לפעמים יכולה להתאים.
טבלה לא נמצאת מחוץ לתקן ואין סיבה לא להשתמש בה.

בכל מקרה בקשר לקידוד יש לא מעט דברים שכדאי לשפר, כמו הpadding של הבלוקים - הטקסט צמוד מידי למסגרת.
במקום להשתמש באופציית הרקע בCSS שיכולה לשכפל תמונה כדי שתופיע לאורך כל האלמנט - שמתי לב שהמקודד פשוט מיקום את התמונה הזאת - http://www.ecom.freehost.co.il/kidud...s/kidud_31.gif ומתח אותה ומיקם אותה מספר פעמים לאורך האתר כדי להציג את הרקע.
מלבד שהשיטה לא טובה במיוחד ופחות דינמית, אפשר להסתפק באותה תמונה רק ברוחב של 1 פיקסל - דבר שיקטין משמעותית את התמונה (ותמונות רקע נוספות שבוצע בהן שימוש) ולחסוך בתעבורה ובזמן העליה של האתר.

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

IgalSt 11-10-11 22:33
דבר ראשון, מיזגתי את הנושא החדש לישן. אין סיבה לפתוח נושא חדש כל פעם כשיש תיקון קל בקוד.

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

DoLet 11-10-11 23:23
ציטוט:
נכתב במקור על ידי Rockets (פרסם 821455)
המתכנת שיפר את הקידוד וזו התוצאה הסופית:
http://www.ecom.freehost.co.il/kidud/kidud.html

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

האתר הזה יכול לנצל לך הרבה מהתעבורה של השרת על סתם,
לדוגמא התמונה הזו: http://www.ecom.freehost.co.il/kidud...s/kidud_02.gif
שהיא לבנה לגמרי זה מיותר.
לא רק זה יש אתה התמונה הבא שהיה אפשר לחסוך אותה בחיתוך נכון:
http://www.ecom.freehost.co.il/kidud...s/kidud_40.gif
כנ"ל לגבי התמונות הבאות:
http://www.ecom.freehost.co.il/kidud...s/kidud_43.gif
http://www.ecom.freehost.co.il/kidud...s/kidud_42.gif
http://www.ecom.freehost.co.il/kidud...s/kidud_41.gif
http://www.ecom.freehost.co.il/kidud...s/kidud_74.gif
http://www.ecom.freehost.co.il/kidud...s/kidud_73.gif
http://www.ecom.freehost.co.il/kidud...s/kidud_76.gif

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

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

אז בגדול האתר מקודד מבחינת XHTML תקין מבחינת יעילות חד משמעית לא!.
עדיף לשלם קצת יותר ולקבל הרבה הרבה יותר.

עריכה:
וכמו שאמרו כבר שימוש בDIV יותר יעיל ודינמי!.
מקווה שהצלחתי לעזור בהצלחה.

Rockets 11-10-11 23:34
תודה חברים.. אפשר לנעול.

BuildDream 12-10-11 00:29
ציטוט:
נכתב במקור על ידי IgalSt (פרסם 821473)
דבר ראשון, מיזגתי את הנושא החדש לישן. אין סיבה לפתוח נושא חדש כל פעם כשיש תיקון קל בקוד.


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

אבל במקרה של הקידוד שהוא הביא פה זה שימוש מוגזם שפוגע בדינמיות של האתר וביעילות של הקוד.

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

IgalSt 12-10-11 02:04
ציטוט:
נכתב במקור על ידי almog12 (פרסם 821484)
אבל יש מקומות, כדגומת תפריטים שלפעמים סידור שלהם בטבלה יכול להיות יעיל יותר מאשר סידור בDiv.
רוב השימוש שלי לטבלאות הוא באמת להצגת תוכן בטבלה, או בטפסים שסידור שלהם בטבלה הוא יעיל ומסודר יותר.

אבל במקרה של הקידוד שהוא הביא פה זה שימוש מוגזם שפוגע בדינמיות של האתר וביעילות של הקוד.

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

בחיים אני לא אעביר code review אם יש שם טבלאות ליצירת layout.
גם אם זה בטופס או בתפריט.
בטופס חובה להשתמש ב- label עם הגדרת for בהתאם לשדה.
בתפריט מאוד מאוד מומלץ להשתמש ברשימה (ממוינת או לא ממוינת) כאשר כל קישור יושב בתוך LI.

NetanelEdri 12-10-11 02:54
ציטוט:
נכתב במקור על ידי IgalSt (פרסם 821497)
התג table קיים ומבורך. עם זאת, מבחינתי הוא קיים אך ורק להצגת תוכן טבלאי.

בחיים אני לא אעביר code review אם יש שם טבלאות ליצירת layout.
גם אם זה בטופס או בתפריט.
בטופס חובה להשתמש ב- label עם הגדרת for בהתאם לשדה.
בתפריט מאוד מאוד מומלץ להשתמש ברשימה (ממוינת או לא ממוינת) כאשר כל קישור יושב בתוך LI.
אני מסכים עם כל מה שאמרת בנושא אבל עם זה שטופס חייב להיות מוצג עם label אני לא מסכים.
אני אישית מוצא לנכון וגם מוצא בטבלה כלי נוח להצגת טפסים מהסיבה הפשוטה שטפסים בנויים במבנה שמתאים לטבלה ואין סיבה לא להשתמש בה פה.
אני כן מסכים ומעודד שימוש בתגית label בתא שיוביל לשדה כמובן עם מאפיין for , זה לא שולל שימוש בטבלה.

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

Tomer 12-10-11 03:17
ציטוט:
נכתב במקור על ידי Rockets (פרסם 821477)
תודה חברים.. אפשר לנעול.
מתפתח כאן דיון מעניין, אני אשאיר את האשכול בינתיים.

link 12-10-11 04:25
נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

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

elad-o 12-10-11 10:27
ציטוט:
נכתב במקור על ידי link (פרסם 821512)
נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

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

אדיר 12-10-11 10:35
ציטוט:
נכתב במקור על ידי link (פרסם 821512)
נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

אני הייתי בונה את האתר מכלום ורק לוקח את המידות שצריך ואת הצבעים. מישהו אחר היה פועל בצורה שונה? הייתי שמח לדעת כי להתבסס על עיצוב זה לא הקטע החזק שלי ואם אפשר טיפים בנושא אז בכיף.
עם CSS3 אפשר לסכם את העיצוב הזה עם 7 תמונות - נגיד אפילו 10 להקל קצת.
יודע מה, לא מסתדר כל כך עם Gardient? לא שולט עדיין לחלוטין ב- CSS3? רוצה קצת יותר תמיכה לאחור?
הגיוני, לא כל אתר בנוי ברמה הגבוהה יותר - 20 תמונות, 25 תמונות!
כאן יש 75 תמונות.

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

IgalSt 12-10-11 10:44
ציטוט:
נכתב במקור על ידי elad-o (פרסם 821519)
וואו זה אומר שלוקח לך איזה שבוע לקודד אתר
לא שבוע. אבל מן הסתם לעבוד בצורה ש-Link הציע לוקח יותר זמן. גם אני מאמץ את השיטה הזאת בחום. חיתוך אתר עושים לרוב רק פעם אחת, ואין סיבה לא לעשות את זה נכון מתוך מחשבה קדימה לשנים הבאות, ניצול מיטבי של משאבי הדפדפן של הקלוח במקום משאבי השרת (תמונות מרובות) וכו'.
link דיבר על הטופיק שפתחתי לפני כשבוע, ומאחר ומדובר בנושא שלא ממש קשור לטופיק הזה, אשמח להעביר את הדיון לשם במידה ומישהו מעוניין בכך.
דיון: אימוץ שימוש ב-css3





ציטוט:
נכתב במקור על ידי NetanelEdri (פרסם 821505)
אני מסכים עם כל מה שאמרת בנושא אבל עם זה שטופס חייב להיות מוצג עם label אני לא מסכים.
אני אישית מוצא לנכון וגם מוצא בטבלה כלי נוח להצגת טפסים מהסיבה הפשוטה שטפסים בנויים במבנה שמתאים לטבלה ואין סיבה לא להשתמש בה פה.
אני כן מסכים ומעודד שימוש בתגית label בתא שיוביל לשדה כמובן עם מאפיין for , זה לא שולל שימוש בטבלה.
כמובן שאנחנו לא צריכים להסכים על כך.
עם זאת, אני שוב אומר שלדעתי טבלה שמורה רק לתוכן טבלאי ושום דבר אחר. נכון שלפעמים צריך לעבוד קשה כדי לסדר טופס ללא טבלה, אבל גם כדי לסדר Layout של עמוד צריך לעבוד יותר קשה.
המבנה הכללי בטפסים אצלי הוא
קוד:
<div>
  <label for="fName">First Name</label>
  <input type="text" name="fName" id="fName" maxlength="50" />
</div>
עם כזה מבנה ניתן להגיע לתוצאות זהות למבנה שמגיעים איתו ב-css.
זאת ועוד, באמצעות class אחד שניתן ל-div ניתן להחליט אם התווית תהיה מימין לשדה או משמאל (לדוגמה להחליף בקלות בין שדות טקסט ל-checkbox/radio) או אם אנחנו רוצים את השדה בשורה חדשה לגמריי (לדוגמה עבור שדות textarea).
במידה והיינו משתמשים בטבלה למטרה זאת, היינו חייבים לשנות את ה-DOM.
מבחינתי חלוקת העבודה בין HTML ל-CSS מאוד ברורה:
  • HTML - מתאר את מה שיש בעמוד
  • CSS - מתאר את צורת התצוגה

המטרה של ה-DOM היא לא לעצב את העמוד אלא רק לתאר את מה שיש בתוכו. כך שהעבודה של CSS לדאוג לתצוגה של האלמנטים עצמם.

NetanelEdri 12-10-11 13:57
ציטוט:
נכתב במקור על ידי IgalSt (פרסם 821522)
לא שבוע. אבל מן הסתם לעבוד בצורה ש-Link הציע לוקח יותר זמן. גם אני מאמץ את השיטה הזאת בחום. חיתוך אתר עושים לרוב רק פעם אחת, ואין סיבה לא לעשות את זה נכון מתוך מחשבה קדימה לשנים הבאות, ניצול מיטבי של משאבי הדפדפן של הקלוח במקום משאבי השרת (תמונות מרובות) וכו'.
link דיבר על הטופיק שפתחתי לפני כשבוע, ומאחר ומדובר בנושא שלא ממש קשור לטופיק הזה, אשמח להעביר את הדיון לשם במידה ומישהו מעוניין בכך.
דיון: אימוץ שימוש ב-css3






כמובן שאנחנו לא צריכים להסכים על כך.
עם זאת, אני שוב אומר שלדעתי טבלה שמורה רק לתוכן טבלאי ושום דבר אחר. נכון שלפעמים צריך לעבוד קשה כדי לסדר טופס ללא טבלה, אבל גם כדי לסדר Layout של עמוד צריך לעבוד יותר קשה.
המבנה הכללי בטפסים אצלי הוא
קוד:
<div>
  <label for="fName">First Name</label>
  <input type="text" name="fName" id="fName" maxlength="50" />
</div>
עם כזה מבנה ניתן להגיע לתוצאות זהות למבנה שמגיעים איתו ב-css.
זאת ועוד, באמצעות class אחד שניתן ל-div ניתן להחליט אם התווית תהיה מימין לשדה או משמאל (לדוגמה להחליף בקלות בין שדות טקסט ל-checkbox/radio) או אם אנחנו רוצים את השדה בשורה חדשה לגמריי (לדוגמה עבור שדות textarea).
במידה והיינו משתמשים בטבלה למטרה זאת, היינו חייבים לשנות את ה-DOM.
מבחינתי חלוקת העבודה בין HTML ל-CSS מאוד ברורה:
  • HTML - מתאר את מה שיש בעמוד
  • CSS - מתאר את צורת התצוגה

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

IgalSt 12-10-11 15:30
ציטוט:
נכתב במקור על ידי NetanelEdri (פרסם 821540)
זה שאפשרי להשתמש במיקום בעזרת דיבים למשל בטפסים לא אומר שזה מחייב ,ראני חושב שטבלה פה למרות שטופס הוא לא תוכן טבלאי היא כלי נכון לשימוש.
בכל מקרה תצטרך להסכים אתי שגם פה מדובר על המפתח עצמו , כל אחד ומה שנוח לו.
אני לא מתווכח על ההעדפות של המפתח. תמיד זה זה מה שהוא מעדיף ומה שנוח לו.
אבל לא תמיד זה נכון... ראה לדוגמה את הקוד שבנידון.

NetanelEdri 12-10-11 17:39
ציטוט:
נכתב במקור על ידי IgalSt (פרסם 821556)
אני לא מתווכח על ההעדפות של המפתח. תמיד זה זה מה שהוא מעדיף ומה שנוח לו.
אבל לא תמיד זה נכון... ראה לדוגמה את הקוד שבנידון.
אין בכלל מה לדבר על הקוד הנידון , ברור שלא בונים Layout של אתר בטבלה.

link 12-10-11 20:36
ציטוט:
נכתב במקור על ידי elad-o (פרסם 821519)
וואו זה אומר שלוקח לך איזה שבוע לקודד אתר
קידוד זה לא אני, אני יותר בקטע של לוגיקה. אבל מה זה בתכלס לקודד אתר? ואם כבר בונים אז בונים אותו לאט לאט. בונים פה חלק, שם מוסיפים עוד קטע. ומה עם טמפלטים(template)? לעשות קובץ אחד שיש בו את המבנה הכללי ופשוט כל פעם המערכת מרנדרת חלק אחר בעיצוב. ככה האתר בנוי בחלקים קטנים שיותר נוח לעצב אותם.

ranko 15-10-11 02:36
שאלה, אם אתה מסתכל על האתר שבנית, והוא נראה טוב בכל הדפדפנים למה אכפת לך אם הוא עומד בתקן, אפילו פייסבוק לא עומדים בתקן.

פייסבוק:
http://validator.w3.org/check?uri=fa...Inline&group=0

גוגל:
http://validator.w3.org/check?uri=go...alidator%2F1.2

NetanelEdri 15-10-11 03:26
ציטוט:
נכתב במקור על ידי ranko (פרסם 821862)
שאלה, אם אתה מסתכל על האתר שבנית, והוא נראה טוב בכל הדפדפנים למה אכפת לך אם הוא עומד בתקן, אפילו פייסבוק לא עומדים בתקן.

פייסבוק:
http://validator.w3.org/check?uri=fa...Inline&group=0

גוגל:
http://validator.w3.org/check?uri=go...alidator%2F1.2
אתה ממש לא מבין מה אתה מדבר תהיה בטוח בזה.
למה נראה לך שקידוד אתר פשוט כמו שלו משתווה לפלטפורמה שלמה ומורכבת כמו גוגל ופייסבוק ?

ranko 15-10-11 03:49
ציטוט:
נכתב במקור על ידי NetanelEdri (פרסם 821866)
אתה ממש לא מבין מה אתה מדבר תהיה בטוח בזה.
למה נראה לך שקידוד אתר פשוט כמו שלו משתווה לפלטפורמה שלמה ומורכבת כמו גוגל ופייסבוק ?
לא קשור למה שאמרתי, אמרתי שזה לא חייב לעמוד בתקן, לא מבין למה אנשים דואגים לגבי תקן אם הוא נראה ומתפקד מצויין בכל הדפדפנים.

אדיר 15-10-11 04:09
ציטוט:
נכתב במקור על ידי ranko (פרסם 821869)
לא קשור למה שאמרתי, אמרתי שזה לא חייב לעמוד בתקן, לא מבין למה אנשים דואגים לגבי תקן אם הוא נראה ומתפקד מצויין בכל הדפדפנים.
תעבור על התגובות באשכול בבקשה.. אני מניח שתוכל לענות לעצמך על השאלה לאחר מכן.

ranko 16-10-11 10:27
ציטוט:
נכתב במקור על ידי xPerfection (פרסם 821871)
תעבור על התגובות באשכול בבקשה.. אני מניח שתוכל לענות לעצמך על השאלה לאחר מכן.
עברתי, אני ואתה אומרים אותם דברים אבל בניסוח אחר.


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

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