ABA


"שאלה לגביי CSS וטבלאות"
גירסת הדפסה        
קבוצות דיון בניית אתרים נושא #10303 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 10303
MrSus
חבר מתאריך 8.5.09
1801 הודעות
   03:42   28.09.11   
אל הפורום  
  שאלה לגביי CSS וטבלאות  
 
   ככה,
החלטתי לנצל את החודש הקרוב עד לתחילת הלימודים ללמידת PHP קצת..
אני מגיע עם רקע בתיכנות ב VB, ככה שהלוגיקה מוכרת לי כבר.. רק הסינטקס שונה.
אני לומד מספר
Wrox Beginning PHP 6 Apache MySQL 6 Web Development Jan 2009..
לפני שהתחלתי PHP, עברתי בריפרוף על ספר של HTML ו CSS בשם:
Wrox Beginning HTML XHTML CSS and JavaScript Edition 2009
(למי שזה מעניין)..
פעם אחרונה שלמדתי HTML היה בקורס כשהייתי אולי בכיתה ז' וגיליתי שהמון דברים השתנו מאז.. כמו, שפותחה שפת (אם אפשר לקרוא לזה שפה) ה- CSS.. אני זוכר שבתקופה ההיא, כדי לעצב אתר כמו שצריך, היינו צריכים לעבוד המון המון עם טבלאות, חלקם היו נסתרות אבל הן היו נותנות את הקווים ואת הצורה של האתר..
עכשיו, כשאני מתרגל PHP, אני מתחיל ליישם קצת CSS תו"כ, וממש התלהבתי מהקטע שאפשר לעצב כמעט כל אלמנט HTML בכמעט כל דרך אפשרית.. (למשל להוסיף BORDER לאלמנט DIV, או רקע וכו'..)

עכשיו, עולה לי השאלה, אם אפשר לעצב כל אלמנט עם גבול.. למה משמשות היום טבלאות? הרי בתאכלס אפשר להציג נתונים בטבלה גם ללא שימוש באלמנט TABLE, אלא ברצף של אלמנטים של פסקאות/שורות וכו'.. ועם ה CSS אפשר לקבוע שכל אלמנט DIV (למשל) יקבל גבול, ובעצם בקלות אפשר להפוך רצף של נתונים לטבלה.
אז בתאכלס, למה משמשות היום טבלאות? מה מייחד את השימוש באלמנט TABLE בבניית אתר.

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


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  טבלה כשמה כן היא, אתה מציג בה נתונים Sylver 28.09.11 07:36 1
     ככה אני לומד.. MrSus 28.09.11 12:03 3
  זה נכון שאפשר לעשות הכל בעזרת Div's, dvir8 28.09.11 09:56 2
     ממ, לא לבטל.. אבל איך יודעים מתי להשתמש? MrSus 28.09.11 12:06 4
         היום ממש לא משתמשים כבר בטבלאות בשביל עימוד... CaTz 28.09.11 16:22 5
         שורה תחתונה בתאכלס, מה שיותר נוח לך. dvir8 04.10.11 17:16 6
             קודם כל שטויות במיץ! CaTz 04.10.11 19:31 7
                 טוב למען האמת, dvir8 05.10.11 19:15 8
                 UL LI זה הדרך לעשות היום ניווט Sylver 06.10.11 09:11 9
  טבלאות משמשות לטבלאות. Deuce  06.10.11 21:37 10

       
Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק
   07:36   28.09.11   
אל הפורום  
  1. טבלה כשמה כן היא, אתה מציג בה נתונים  
בתגובה להודעה מספר 0
 
   מקסימום מוסיף לה קצת סטייל עם CSS וזהו בעיקרון.

כל שאר הדברים תעבוד בצורה נכונה, עם דיבים למשל HEADER BODY FOOTER.

אם אתה רוצה ללמוד את העסק מהר, תשתמש בפיירפוקס + תוסף פיירבאג.

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

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


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
MrSus
חבר מתאריך 8.5.09
1801 הודעות
   12:03   28.09.11   
אל הפורום  
  3. ככה אני לומד..  
בתגובה להודעה מספר 1
 
   עברתי על הספר של ה CSS ברפרוף רק כדי להבין את הבסיס של הבסיס.. אבל בתאכלס אני מסתכל ב SOURCE של אתרים וככה לומד לאט לאט..

בכל אופן לא ממש ענית לי על השאלה.. אני יודע מה השימוש הקלאסי של טבלה.. אבל היום, עם כל האפשרויות שעומדות לפנינו באמצעות CSS, אפשר להציג נתונים בטבלה גם ללא שימוש באלמנט TABLE.. מי קובע אילו נתונים נציג באמצעות TABLE ואילו נתונים נציג באמצעות אלמנטים אחרים שמעוצבים פשוט עם BORDERS?..

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

כשאני אומר טבלה אני מתכוון לאלמנט TABLE ולא לתצוגה בטבלה.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
dvir8
חבר מתאריך 13.5.02
5929 הודעות
   09:56   28.09.11   
אל הפורום  
  2. זה נכון שאפשר לעשות הכל בעזרת Div's,  
בתגובה להודעה מספר 0
 
   א-ב-ל יש מצבים שאתה תתקל בהם, של תאימות דפדפנים, div's שלא מתנהגים כמו שצריך במקרים מסויימים, והרבה כאב ראש שאתה יכול לפתור תוך 2 דקות בעזרת טבלה בצורה נקיה ויפה.

לכן, הטבלאות לא נכחדו ואנשים מקצוענים משתמשים בהם גם כיום. אתה יכול לראות Source's של אתרים מאוד פופולרים שעדיין משתמשים בטבלאות.

חוץ מזה, אל תשכח שטבלה היא כלי הכרחי באתרי תוכן, או אתרים שאתה רוצה להציג בהם טבלאות כגון נתונים, וכד'. אז למה לבטל את האלמנט הזה?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
MrSus
חבר מתאריך 8.5.09
1801 הודעות
   12:06   28.09.11   
אל הפורום  
  4. ממ, לא לבטל.. אבל איך יודעים מתי להשתמש?  
בתגובה להודעה מספר 2
 
   כפי שרשמתי בתגובה לפניי, היום ניתן להציג נתונים בצורת טבלה באמצעות CSS, כך שהנתונים יופיעו בתוך טבלה ויזואלית, אבל לא יהיה שימוש ב TABLE...
אם כך, איך אני יודע מתי להשתמש ב TABLE ומתי באלמנטים אחרים?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CaTz
חבר מתאריך 2.10.04
14537 הודעות
   16:22   28.09.11   
אל הפורום  
  5. היום ממש לא משתמשים כבר בטבלאות בשביל עימוד...  
בתגובה להודעה מספר 4
 
   משתמשים בטבלה כשאתה צריך להציג נתונים בתצורה של טבלה
חחח


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
dvir8
חבר מתאריך 13.5.02
5929 הודעות
   17:16   04.10.11   
אל הפורום  
  6. שורה תחתונה בתאכלס, מה שיותר נוח לך.  
בתגובה להודעה מספר 4
 
   יש אנשים שעובדים עד היום עם טבלאות אפילו בשביל עימוד.
הרבה יגידו שזה לא נכון ולא בסדר, והרבה מהאסכולה הישנה גם יחלקו על דעתם.

אם האתר עובד, נראה טוב, ופועל כמו שצריך אז מה זה משנה במה השתמשת?

אתה יכול גם לקרוא בגוגל ולראות כמה חילוקי דעות יש בנושא של טבלאות ו Div's.

תשמע, לבנות טבלה מ Div's זה לא תמיד עובד כמו שצריך, ועבודה מיותרת. תנסה ותווכח בעצמך.

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

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


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CaTz
חבר מתאריך 2.10.04
14537 הודעות
   19:31   04.10.11   
אל הפורום  
  7. קודם כל שטויות במיץ!  
בתגובה להודעה מספר 6
 
   תראה אתר גדול שמשתמש בטבלאות לעימוד...

שנית, יש את התופעה שנקראת IE. כן תופעה!
לא תומך בכלום וכו'... אני בתור מתכנת אתרים כבר שנים, (גם אני עימדתי את האתר הראשון שלי עם טבלאות), CSS ודפדפנים נורמליים זה פשוט גאונות!

זה שIE לא מציג טוב זה בעיה לגמרי אחרת שלא קשורה לעימוד...קשורה לסטנדרטים שהם לא תומכים...

אם אתה עושה עימוד נכון ושימוש נכון בCSS אין סיבה שהאתר לא יראה בדיוק אותו הדבר אפילו על הIPAD, מנסיון!

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


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
dvir8
חבר מתאריך 13.5.02
5929 הודעות
   19:15   05.10.11   
אל הפורום  
  8. טוב למען האמת,  
בתגובה להודעה מספר 7
 
   האתר שבאתי לתת לך כדוגמא שינה את הכל ל Div's מטבלאות.

קבל ח"ח


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק
   09:11   06.10.11   
אל הפורום  
  9. UL LI זה הדרך לעשות היום ניווט  
בתגובה להודעה מספר 7
 
   חח דביר


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Deuce 
חבר מתאריך 1.9.08
6225 הודעות
   21:37   06.10.11   
אל הפורום  
  10. טבלאות משמשות לטבלאות.  
בתגובה להודעה מספר 0
 
כל כך פשוט והגיוני.
אם אתה צריך ליצור טבלה, תשתמש ב-table ותו לא.






                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net