מקמו את נקודת ההוספה במקום שבו רוצים שהטבלה תופיע.
עודכן לאחרונה בתאריך
27 באפריל 2021
למד כיצד להשתמש בטבלאות להצגת תוכן באתר האינטרנט שלך. כמו כן, למד כיצד לפצל ולמזג תאים בטבלה, ולייבא ולייצא נתונים טבלאיים.
טבלאות הן כלי רב עוצמה להצגת נתונים טבלאיים בעמוד HTML.טבלה כוללת שורה אחת או יותר, וכל שורה כוללת תא אחד או יותר. למרות שעמודות לרוב אינן מוגדרות בצורה מפורשת בקוד HTML, Dreamweaver מאפשר לכם לתפעל עמודות כמו גם שורות ותאים.
פתק
מומלץ שלא להשתמש בטבלאות לעיצוב עמוד האינטרנט. נסו את תבניות ההתחלה (File > New > Starter Templates) כדי להתחיל עם פריסות שעוצבו מראש.תוכלו להוסיף טקסט ותמונות משלכם בפריסות אלה, ולעצב אותם באמצעות CSS.
סדר קדימויות עיצוב טבלאות ב- HTML
בשעת עיצוב טבלאות בתצוגת Design, ניתן להגדיר מאפיינים לכל הטבלה, או לשורות, עמודות או תאים שנבחרו בטבלה. כשתכונה, כגון צבע רקע או יישור, מוגדרת על ערך אחד לכל הטבלה וערך אחר לתאים בודדים, עיצוב התאים מקבל עדיפות לעומת עיצוב השורות, שבתורו מקבל עדיפות לעומת עיצוב הטבלה.
סדר העדיפויות לעיצוב הטבלה הוא הסדר הבא:
- תאים
- שורות
- טבלה
לדוגמה, אם תגדירו את צבע הרקע לתא בודד לכחול, ואז תגדירו את צבע הרקע של הטבלה כולה לצהוב, התא הכחול לא משתנה לצהוב, כיון שעיצוב התא קודם לעיצוב הטבלה.
פתק
כשאתם מגדירים מאפיינים בעמודה, Dreamweaver משנה את המאפיינים של תגית td המתאימה לכל תא בעמודה.
אודות פיצול ומיזוג תאי טבלה
תוכלו למזג מספר כלשהו של תאים סמוכים – כל עוד כל הבחירה היא שורה או מלבן של תאים – כדי ליצור תא בודד שמשתרע על פני כמה עמודות או שורות.תוכלו לפצל תא למספר כלשהו של שורות או עמודות, בלי קשר לשאלה אם הוא מוזג קודם לכן.Dreamweaver מבנה מחדש באופן אוטומטי את הטבלה (מוסיף מאפיינים נחוצים של colspan או rowspan) כדי ליצור את הסידור שצוין.
בדוגמה הבאה, התאים באמצע שתי השורות הראשונות מוזגו לתא בודד שמשתרע על פני שתי שורות.
הכנסת טבלה והוספת תוכן
השתמשו בלוח Insert או בתפריט Insert כדי ליצור טבלה חדשה.אחר כך, הוסיפו טקסט ותמונות לתאי הטבלה באותו אופן שבו אתם מוסיפים טקסט ותמונות מחוץ לטבלה.
פתק
אם המסמך שלכם ריק, תוכלו למקם את נקודת ההוספה רק בתחילת המסמך.
בחר Insert > Table.
בקטגוריית ה-HTML של לוח Insert, לחצו על Table.
הגדירו את המאפיינים של תיבת הדו-שיח Table ולחצו על OK כדי ליצור את הטבלה.
Rows
קובע את מספר השורות בטבלה.
Columns
קובע את מספר העמודות בטבלה.
Table Width
מציין את הרוחב של הטבלה בפיקסלים, או כאחוז מרוחב החלון של הדפדפן.
Border Thickness
מציין את הרוחב, בפיקסלים, של גבולות הטבלה.
Cell Spacing
קובע את מספר הפיקסלים בין תאים סמוכים בטבלה.
פתק
כשלא מקצים במפורש ערכים לעובי גבול או לריווח תאים וריווח בין תאים, רוב הדפדפנים מציגים את עובי הגבול וריווח התא כשהם מוגדרים על 1 ואת הריווח בין תאים כשהוא מוגדר על 2. כדי להבטיח שדפדפנים יציגו את הטבלה ללא גבול, ריווח תאים או ריווח בין תאים, הגדר את האפשרויות Cell Padding ו-Cell Spacing על 0.
Cell Padding
קובע את מספר הפיקסלים בין הגבול של תא לתוכן שלו.
None
אינו מאפשר כותרות עמודה או שורה בטבלה.
Left
הופך את העמודה הראשונה של הטבלה לעמודה לכותרות, כך שתוכלו להזין כותרת לכל שורה של הטבלה.
Top
הופך את השורה הראשונה של הטבלה לשורה לכותרות, כך שתוכלו להזין כותרת לכל עמודה של הטבלה.
Both
מאפשר להזין כותרות לעמודות ושורות בטבלה.
פתק
מומלץ להשתמש בכותרות במקרה שהמבקרים באתר משתמשים בקוראי מסך. קוראי מסך קוראים כותרות של טבלאות ומסייעים למשתמשים בקורא המסך לעקוב אחר הנתונים בטבלה.
Caption
מספק כותרת לטבלה שמוצגת מחוץ לטבלה.
Summary
מספק תיאור של טבלה. קוראי מסך קוראים את טקסט הסיכום, אך הטקסט לא מופיע בדפדפן של המשתמש.
ייבוא וייצוא של טבלאות
אפשר לייבא נתונים טבלאיים שנוצרו ביישום אחר (כמו Microsoft Excel) ונשמרו בפורמט טקסט מופרד (עם פריטים מופרדים בטאבים, פסיקים, נקודותיים או נקודה-פסיק) ל-Dreamweaver ולעצב אותם כטבלה.
אפשר גם לייצא נתוני טבלה מ-Dreamweaver לקובץ טקסט, כשהתוכן של תאים סמוכים מופרד במפריד.אפשר להשתמש בפסיקים, נקודותיים, נקודה-פסיק או רווחים כמפרידים.כשמייצאים טבלה, כל הטבלה מיוצאת; אי אפשר לבחור חלקים של טבלה לייצוא.
פתק
אם רוצים רק חלק מהנתונים מטבלה – לדוגמה, שש השורות הראשונות או שש העמודות הראשונות – אז יש להעתיק את התאים שמכילים את הנתונים הללו, להדביק את התאים הללו מחוץ לטבלה (כדי ליצור טבלה חדשה) ולייצא את הטבלה החדשה.
ייבוא נתוני טבלה
בחרו File > Import > Import Tabular Data.
ציין את האפשרויות לנתונים הטבלאיים ולחץ על OK.
Data File
שם הקובץ לייבוא. לחצו על הלחצן Browse כדי לבחור קובץ.
Delimiter
התו המפריד המשמש בקובץ שאתה מייבא.
אם תבחר באפשרות Other, תוצג תיבת טקסט מימין לתפריט הנפתח. הזן את התו המפריד המשמש בקובץ.
פתק
ציין את התו המפריד שנעשה בו שימוש כשקובץ הנתונים נשמר. אם לא תעשה זאת, ייבוא הקובץ לא יתבצע כהלכה, והנתונים לא יעוצבו נכון בטבלה.
Table Width
רוחב הטבלה.
בחר Fit to Data כדי שכל עמודה תהיה רחבה מספיק כדי להתאים למחרוזת טקסט הארוכה ביותר בעמודה.
בחר Set כדי לציין רוחב טבלה קבוע בפיקסלים או כאחוזים מרוחב חלון הדפדפן.
Border
מציין את הרוחב, בפיקסלים, של גבולות הטבלה.
Cell Padding
מספר הפיקסלים בין תוכן התא לגבולות התא.
Cell Spacing
מספר הפיקסלים בין תאים סמוכים בטבלה.
פתק
כשלא מקצים במפורש ערכים לגבולות, ריווח תאים וריווח בין תאים, רוב הדפדפנים מציגים את הטבלה עם גבולות וריווח תא מוגדרים על 1 וריווח בין תאים מוגדר על 2. כדי להבטיח שדפדפנים יציגו את הטבלה ללא ריווח תאים או ריווח בין תאים, הגדר את האפשרויות Cell Padding ו-Cell Spacing על 0. לתצוגת גבולות תא וטבלה כשהגבול מוגדר על 0, בחר View > Visual Aids > Table Borders.
Format Top Row
קובע איזה עיצוב, אם בכלל, מוחל על השורה העליונה של הטבלה.בחרו מארבע אפשרויות עיצוב: ללא עיצוב, מודגש, נטוי או מודגש ונטוי.
ייצוא טבלה
מקמו את נקודת ההכנסה בכל תא בטבלה.
בחרו File > Export > Table.
ציין את האפשרויות הבאות:
Delimiter
מציין איזה תו מפריד יש להשתמש בו כדי להפריד פריטים בקובץ המיוצא.
Line Breaks
מציין באיזו מערכת הפעלה תפתחו את הקובץ המיוצא: Windows, Macintosh או UNIX.(למערכות הפעלה שונות יש דרכים שונות לציין את סוף שורת טקסט.)
לחץ על Export.
הזן שם לקובץ, ולחץ על הלחצן Save.
בחירת רכיבים בטבלה
אפשר לבחור טבלה שלמה, שורה או עמודה בבת אחת.ניתן גם לבחור תא או תאים בודדים.
כשמזיזים את המצביע מעל טבלה, שורה, עמודה או תא, Dreamweaver מדגיש את כל התאים בבחירה כדי שתדעו אילו תאים ייבחרו.זה שימושי כשיש טבלאות ללא גבולות, תאים המשתרעים על עמודות או שורות מרובות, או טבלאות מקוננות.אפשר לשנות את צבע ההדגשה בהעדפות.
פתק
אם ממקמים את המצביע מעל גבול של טבלה ואז מחזיקים את מקש Control (Windows) או Command (Macintosh), כל המבנה של הטבלה – כלומר, כל התאים בטבלה – מודגש.זה שימושי כשיש טבלאות מקוננות ורוצים לראות את המבנה של אחת מהטבלאות.
בחירת טבלה שלמה
בצעו אחת מהפעולות הבאות כדי לבחור טבלה:
- לחצו על הפינה השמאלית העליונה של הטבלה כדי לבחור את הטבלה.
- לחצו בתא של טבלה ואז בחרו את התג בבוחר התגים בפינה השמאלית התחתונה של חלון Document.
- לחץ על תא בטבלה, לחץ על תפריט כותרת הטבלה, ובחר Select Table. נקודות אחיזה מופיעות בקצה התחתון ובקצה הימני של הטבלה שנבחרה.
- לחצו בתא בטבלה ובחרו עריכה > טבלה > בחירת טבלה.
בחרו שורות או עמודות בודדות או מרובות
מקמו את המצביע כך שיצביע על
הקצה השמאלי של שורה או הקצה העליון של עמודה.
כאשר המצביע משתנה לחץ בחירה, לחצו
כדי לבחור שורה או עמודה, או גררו כדי לבחור שורות או עמודות מרובות.
בחירת עמודה בודדת
לחץ בעמודה.
לחצו על תפריט כותרת העמודה ובחרו 'בחירת עמודה'.
בחירת תא בודד
בצע אחת מהפעולות הבאות:
- לחץ בתא ובחר בתג <td> בבורר התגים בפינה השמאלית התחתונה של חלון המסמך.
- הקש Control (Windows) או Command (Macintosh) תוך כדי לחיצה על התא.
בחרו קו או בלוק מלבני של תאים
בצע אחת מהפעולות הבאות:
גרור מתא לתא אחר.
לחץ בתא אחד, הקש Control (Windows) או Command (Macintosh) תוך כדי לחיצה באותו תא כדי לבחור בו, ואחר מכן הקש Shift תוך כדי לחיצה על תא אחר.
בחירת תאים שאינם סמוכים
החזיקו Control ולחצו (Windows) או Command ולחצו
(Macintosh) על התאים, השורות או העמודות שברצונכם לבחור.
אם כל תא, שורה או עמודה שלחצתם עליהם תוך כדי החזקת Control או Command לא נבחרו כבר, הם נוספים לבחירה. אם הוא כבר נבחר, הוא מוסר מהבחירה.
שינוי צבע ההדגשה של רכיבי טבלה
בחרו
עריכה > העדפות (Windows) או Dreamweaver >
העדפות (Macintosh).
בחרו הדגשה מרשימת הקטגוריות בצד שמאל,
בצעו אחד מהשינויים הבאים ולחצו על OK.
כדי לשנות את צבע הסימון של רכיבים בטבלה, לחץ על תיבת הצבע Mouse-Over, ובחר צבע סימון בעזרת דוגם הצבע (או הזן ערך הקסדצימלי לצבע הסימון בתיבת הטקסט).
כדי להפעיל או לבטל את הסימון של רכיבים בטבלה, סמן או בטל את הסימון בתיבת הסימון Show באפשרות Mouse-Over.
פתק
אפשרויות אלה משפיעות על כל האובייקטים ש-Dreamweaver מדגיש כאשר אתם מעבירים את המצביע מעליהם.
הגדרת מאפייני טבלה
אתם יכולים להשתמש בבוחן המאפיינים כדי לערוך טבלאות.
בחר טבלה.
בבוחן המאפיינים (חלון > מאפיינים),
שנו מאפיינים לפי הצורך.
Table Id
מזהה לטבלה.
Rows and Cols
מספר השורות והעמודות בטבלה.
W
רוחב הטבלה בפיקסלים, או כאחוזים מרוחב חלון הדפדפן.
פתק
בדרך כלל אין צורך לקבוע גובה לטבלה.
CellPad
מספר הפיקסלים בין תוכן התא לבין גבולות התא.
CellSpace
מספר הפיקסלים בין תאים סמוכים בטבלה.
Align
קובע היכן מופיעה הטבלה יחסית לרכיבים אחרים באותה פסקה, כגון טקסט או תמונות.
Left מיישר את הטבלה שמאלה לעומת רכיבים אחרים (כך שטקסט באותה פסקה יגלוש מסביב לטבלה ימינה). Right מיישר את הטבלה ימינה לעומת רכיבים אחרים (כשטקסט גולש מסביב לטבלה שמאלה). Center ממרכז את הטבלה (כשטקסט מופיע מעל ו/או מתחת לטבלה). Default מציין שהדפדפן ישתמש ביישור ברירת המחדל שלו.
פתק
כשהיישור נקבע על Default, תוכן אחר אינו מוצג ליד הטבלה. כדי להציג טבלה ליד תוכן אחר, השתמש ביישור שמאלה או ימינה.
Border
מציין את הרוחב, בפיקסלים, של גבולות הטבלה.
פתק
כשלא מקצים במפורש ערכים לגבול, ריווח תאים וריווח בין תאים, רוב הדפדפנים מציגים את הטבלה עם גבולות וריווח תא מוגדרים על 1 וריווח בין תאים מוגדר על 2. כדי להבטיח שדפדפנים יציגו את הטבלה ללא ריווח תאים או ריווח בין תאים, הגדר את האפשרות Border על 0, וכן את האפשרויות Cell Padding ו-Cell Spacing על 0. לתצוגת גבולות תא וטבלה כשהגבול מוגדר על 0, בחר View > Visual Aids > Table Borders.
Class
מגדיר מחלקת CSS בטבלה.
פתק
ייתכן שיהיה עליך להרחיב את מפקח מאפייני הטבלה כדי לראות את האפשרויות הבאות. כדי להרחיב את מפקח מאפייני הטבלה, לחץ על חץ ההרחבה בפינה הימנית התחתונה.
Clear Column Widths ו-Clear Row Heights
ו- Clear Row Heights מוחקים מהטבלה את ערכי גובה השורה או רוחב העמודה שצוינו.
Convert Table Widths To Pixels
והמרת גבהי טבלה לפיקסלים קובעים את הרוחב או הגובה של כל עמודה בטבלה לרוחב הנוכחי שלה בפיקסלים (קובעים גם את הרוחב של כל הטבלה לרוחב הנוכחי שלה בפיקסלים).
Convert Table Widths To Percent
והמרת גבהי טבלה לאחוזים קובעים את הרוחב או הגובה של כל עמודה בטבלה לרוחב הנוכחי שלה המבוטא כאחוז מרוחב חלון המסמך (קובעים גם את הרוחב של כל הטבלה לרוחב הנוכחי שלה כאחוז מרוחב חלון המסמך).
אם הזנתם ערך בתיבת טקסט, הקישו Tab או Enter (Windows) או Return (Macintosh) כדי להחיל את הערך.
הגדרת מאפייני תא, שורה או עמודה
ניתן להשתמש בבוחן המאפיינים כדי לערוך תאים ושורות בטבלה.
בחר עמודה או שורה.
בבוחן המאפיינים (חלון > מאפיינים), קבעו את האפשרויות הבאות:
Horz
מציינת את היישור האופקי של התוכן של תא, שורה או עמודה. אתם יכולים ליישר את התוכן לשמאל, ימין או למרכז התאים, או שאתם יכולים לציין שהדפדפן ישתמש ביישור ברירת המחדל שלו (בדרך כלל שמאל לתאים רגילים ומרכז לתאי כותרת).
Vert
מציינת את היישור האנכי של התוכן של תא, שורה או עמודה. אתם יכולים ליישר את התוכן למעלה, למרכז, למטה או לקו הבסיס של התאים, או לציין שהדפדפן צריך להשתמש ביישור ברירת המחדל שלו (בדרך כלל מרכז).
W ו-H
הרוחב והגובה של התאים שנבחרו בפיקסלים, או כאחוזים מהרוחב והגובה של כל הטבלה. כדי לציין אחוזים, הזינו סימן אחוז (%) אחרי הערך. כדי לאפשר לדפדפן לקבוע את הרוחב והגובה לפי תוכן התא והרוחב והגובה של עמודות ושורות אחרות, השאר את השדה ריק (ברירת המחדל).
כברירת מחדל, דפדפן בוחר גובה שורה ורוחב עמודה שיתאימו לתמונה הרחבה ביותר או לשורה הארוכה ביותר בעמודה. משום כך עמודה מתרחבת לעתים הרבה יותר משאר העמודות בטבלה כשמוסיפים לה תוכן.
פתק
ניתן לציין גובה כאחוזים מהגובה הכולל של הטבלה, אך ייתכן שהשורה לא תוצג בגובה שצוין באחוזים בדפדפנים.
Bg
צבע הרקע של תא, עמודה או שורה, שנבחר באמצעות בורר הצבעים.
Merge Cells
משלב תאים, שורות או עמודות שנבחרו לתא אחד. ניתן למזג תאים רק אם הם יוצרים גוש ליניארי או מלבני.
פיצול תא
מפצל תא ויוצר שני תאים או יותר. תוכלו לפצל רק תא אחד בכל פעם; לחצן זה מושבת אם נבחר יותר מתא אחד.
No Wrap
מונע גלישת שורות, שומר על כל הטקסט בתא נתון בשורה אחת.אם האפשרות No Wrap פעילה, התאים מתרחבים כדי להכיל את כל הנתונים כשאתם מקלידים או מדביקים אותם לתא.(בדרך כלל, התאים מתרחבים אופקית כדי להכיל את המילה הארוכה ביותר או את התמונה הרחבה ביותר בתא, ואז מתרחבים אנכית לפי הצורך כדי להכיל תוכן נוסף.)
Header
מעצב את התאים הנבחרים כתאי כותרת בטבלה.תוכן תאי כותרת הטבלה מעובה וממורכז כברירת מחדל.
פתק
תוכלו לציין רוחב וגובה בפיקסלים או באחוזים, ותוכלו להמיר מפיקסלים לאחוזים ולהפך.
פתק
כשאתם מגדירים מאפיינים בעמודה, Dreamweaver משנה את המאפיינים של התג td המתאים לכל תא בעמודה.אולם כשאתם מגדירים מאפיינים מסוימים לשורה, Dreamweaver משנה את המאפיינים של התג tr ולא משנה את המאפיינים של כל תג td בשורה.כשאתם מחילים את אותו עיצוב על כל התאים בשורה, החלת העיצוב על התג tr מייצרת קוד HTML נקי ותמציתי יותר.
לחצו על Tab או Enter ב-Windows או Return ב-Macintosh כדי להחיל את הערך.
עיצוב טבלאות ותאים
תוכלו לשנות את המראה של טבלאות על ידי הגדרת מאפיינים לטבלה ולתאים שלה או על ידי החלת עיצוב מוכן מראש על הטבלה.לפני שאתם מגדירים מאפיינים של טבלה ותא, חשוב לדעת שסדר העדיפות לעיצוב הוא תאים, שורות וטבלאות.
פתק
לעיצוב הטקסט בתוך תא בטבלה, השתמשו באותם הליכים שהייתם משתמשים בהם לעיצוב טקסט מחוץ לטבלה.
שנו את העיצוב של טבלה, שורה, תא או עמודה
בחר טבלה, תא, שורה או עמודה.
בבדיקת המאפיינים (Window > Properties), לחצו על חץ ההרחבה בפינה הימנית התחתונה ושנו את המאפיינים לפי הצורך.
שנה את המאפיינים כרצונך.
למידע נוסף על האפשרויות, לחצו על סמל העזרה ב-Property inspector.
פתק
כשאתם מגדירים מאפיינים בעמודה, Dreamweaver משנה את המאפיינים של התג td המתאים לכל תא בעמודה.כשאתם מגדירים מאפיינים מסוימים לשורה, Dreamweaver משנה את המאפיינים של התג tr ולא משנה את המאפיינים של כל תג td בשורה. כשאתם מחילים את אותו עיצוב על כל התאים בשורה, החלת העיצוב על התג tr מייצרת קוד HTML נקי ותמציתי יותר.
הוספה או עריכה של ערכי נגישות לטבלה בתצוגת Code
ערכו את המאפיינים המתאימים בקוד.
פתק
כדי לאתר במהירות את התגים בקוד, לחצו בטבלה, ואז בחרו את התג <table> בבורר התגים בתחתית חלון המסמך.
הוספה או עריכה של ערכי נגישות לטבלה בתצוגת Design
- לעריכת כיתוב הטבלה, סמנו את הכיתוב והקלידו כיתוב חדש.
כדי לערוך את יישור הכיתוב, מקמו את נקודת ההכנסה בכיתוב הטבלה, לחצו לחיצה ימנית (Windows) או Control‑click (Macintosh), ולאחר מכן בחרו Edit Tag Code.
כדי לערוך את סיכום הטבלה, בחרו בטבלה, לחצו לחיצה ימנית (Windows) או Control-click (Macintosh), ולאחר מכן בחרו Edit Tag Code.
שינוי גודל של טבלאות, עמודות ושורות
שינוי גודל של טבלאות
אתם יכולים לשנות את הגודל של טבלה שלמה או שורות ועמודות בודדות. כשאתם משנים את גודלה של טבלה שלמה, כל התאים בטבלה משנים גודל באופן יחסי. אם לתאים של טבלה יש רוחבים או גבהים מפורשים שצוינו, שינוי גודל הטבלה משנה את הגודל החזותי של התאים בחלון המסמך אבל לא משנה את הרוחבים והגבהים שצוינו עבור התאים.
ניתן לשנות את גודל הטבלה על ידי גרירת אחד מידיות הבחירה שלה.Dreamweaver מציג את רוחב הטבלה, יחד עם תפריט כותרת הטבלה, בחלק העליון או התחתון של הטבלה כשהטבלה נבחרת או נקודת ההכנסה נמצאת בטבלה.
לפעמים רוחבי העמודות שנקבעו בקוד ה-HTML לא תואמים את הרוחב הנראה שלהם על המסך.כשזה קורה, אתם יכולים להפוך את הרוחבים לעקביים. רוחבי הטבלה והעמודות ותפריטי הכותרות מופיעים ב-Dreamweaver כדי לעזור לכם לעצב את הטבלאות שלכם; אתם יכולים להפעיל או להשבית את הרוחבים והתפריטים לפי הצורך.
שינוי גודל של עמודות ושורות
אתם יכולים לשנות את רוחב העמודה או גובה השורה במפקח המאפיינים או על ידי גרירת הגבולות של העמודה או השורה. אם אתם מתקשים בשינוי הגודל, אתם יכולים לנקות את רוחבי העמודות או גובהי השורות ולהתחיל מחדש.
פתק
אתם יכולים גם לשנות את רוחבי ותאים וגבהים ישירות בקוד ה-HTML באמצעות תצוגת Code.
Dreamweaver מציג רוחבי עמודות, יחד עם תפריטי כותרות העמודות, בחלק העליון או התחתון של העמודות כשהטבלה נבחרת או כשסמן העריכה נמצא בטבלה; ניתן להפעיל או להשבית את תפריטי כותרות העמודות לפי הצורך.
שינוי גודל של טבלה
בחר בטבלה. אם אתה נמצא ב-Live View, Element Display מוצג עם הבחירה בטבלה. לחצו על סמל הכריך כדי להיכנס למצב עיצוב הטבלה.
כדי לשנות את גודל הטבלה באופן אופקי, גררו את ידית הבחירה מימין.
כדי לשנות את גודל הטבלה באופן אנכי, גררו את ידית הבחירה בתחתית.
כדי לשנות את גודל הטבלה בשני הכיוונים, גררו את ידית הבחירה בפינה הימנית-תחתונה.
כדי לצאת ממצב עיצוב טבלה ב-Live View, הקש על Esc או לחץ מחוץ לטבלה. אתם יכולים להשתמש באפשרויות התפריט Edit > Table כדי לשנות את הטבלה עוד יותר.
הערה: האפשרויות בתפריט Edit > Table משתנות בהתאם לפעולה שביצעת - בחירה בטבלה שלמה או בתא בודד. ב-Live View, ב-Element Display מופיע הכיתוב 'table' כשבוחרים בטבלה כולה והכיתוב 'td' כשבוחרים בתא ספציפי. כדי לעבור ממצב עיצוב תא למצב עיצוב טבלה, לחצו על גבול הטבלה.
שנו את רוחב העמודה ושמרו על הרוחב הכללי של הטבלה
בתצוגת ה-Design, גררו את הגבול הימני של העמודה שאתם רוצים לשנות.
רוחב העמודה הסמוכה משתנה גם כן, כך שבעצם אתם משנים גודל של שתי עמודות. משוב חזותי מראה לכם איך העמודות יתאימו; הרוחב הכללי של הטבלה לא משתנה.
פתק
בטבלאות עם רוחבים מבוססי אחוזים (לא פיקסלים), אם אתם גוררים את הגבול הימני של העמודה הימנית ביותר, רוחב כל הטבלה משתנה, וכל העמודות הופכות רחבות יותר או צרות יותר באופן יחסי.
שנו את רוחב העמודה ושמרו על הגודל של העמודות האחרות
בתצוגת עיצוב, החזיקו את מקש ה-Shift וגררו את גבול העמודה.
רוחב עמודה אחת משתנה. משוב חזותי מציג כיצד העמודות יותאמו; הרוחב הכללי של הטבלה משתנה כדי להתאים לעמודה שאתם משנים את גודלה.
שינוי חזותי של גובה שורה
גרור את הגבול התחתון של השורה.
הפכו את רוחבי העמודות בקוד עקביים עם הרוחבים החזותיים
לחץ על תא.
לחצו על תפריט כותרת הטבלה, ואז בחרו הפכו את כל הרוחבים עקביים.
Dreamweaver מאפס את הרוחב שצוין בקוד כך שיתאים לרוחב החזותי.
נקו את כל הרוחבים או הגבהים המוגדרים בטבלה
בחר בטבלה.
בצע אחת מהפעולות הבאות:
בחרו עריכה > טבלה > נקה רוחבי תאים, או עריכה > טבלה > נקה גבהי תאים.
במפקח המאפיינים (Window > Properties), לחץ על הלחצן Clear Row Heights
או על הלחצן Clear Column Widths 
.לחצו על תפריט כותרת הטבלה, ואז בחרו נקה את כל הגבהים או נקה את כל הרוחבים.
ניקוי רוחב עמודה שהוגדר
לחצו בעמודה, לחצו על
תפריט כותרת העמודה, ובחרו נקה רוחב עמודה.
הפעילו או השביתו רוחבי טבלה ועמודה ותפריטים בתצוגת עיצוב
בחרו תצוגה > אפשרויות תצוגת עיצוב > עזרים חזותיים > רוחבי טבלה.
הוספה והסרה של שורות ועמודות
כדי להוסיף ולהסיר שורות ועמודות, השתמשו בשינוי > טבלה או בתפריט כותרת העמודה.
פתק
לחיצה על Tab בתא האחרון של טבלה מוסיפה אוטומטית שורה נוספת לטבלה.
הוספת שורה או עמודה בודדת
לחץ על תא ובצע אחת מהפעולות הבאות:
בחרו עריכה > טבלה > הוסף שורה או עריכה > טבלה > הוסף עמודה.
שורה מופיעה מעל לנקודת ההכנסה או עמודה מופיעה משמאל לנקודת ההכנסה.
לחץ על תפריט כותרת העמודה ובחר Insert Column Left או Insert Column Right.
הוספת שורות או עמודות מרובות
לחץ על תא.
בחרו עריכה > טבלה > הכנס שורות או עמודות, השלימו את תיבת הדו-שיח ולחצו אישור.
הוספה
מציין אם להוסיף שורות או עמודות.
Number of Rows או Number of Columns
מספר השורות או העמודות להוספה.
Where
מציין אם השורות או העמודות החדשות צריכות להופיע לפני או אחרי השורה או העמודה של התא שנבחר.
מחיקת שורה או עמודה
בצע אחת מהפעולות הבאות:
לחצו בתוך תא בשורה או בעמודה שברצונכם למחוק, ואז בחרו עריכה > טבלה > מחיקת שורה, או עריכה > טבלה > מחיקת עמודה.
בחרו שורה או עמודה שלמה, ואז לחצו DELETE.
- ב-Property inspector (Windows > Properties), בצע אחד מהצעדים הבאים:
- כדי להוסיף או למחוק שורות, הגדל או הקטן את הערך באפשרות Rows.
- כדי להוסיף או למחוק עמודות, הגדל או הקטן את הערך באפשרות Cols.
פתק
Dreamweaver לא מזהיר אתכם אם אתם מוחקים שורות ועמודות שמכילות נתונים.
פיצול ומיזוג תאים
השתמשו בבוחן המאפיינים או באפשרויות בתפריט המשנה עריכה > טבלה כדי לפצל או לאחד תאים.
מיזוג שני תאים או יותר בטבלה
בחרו את התאים בקו רציף
ובצורה של מלבן.
באיור הבא, הבחירה היא מלבן של תאים, כך שניתן לאחד את התאים.
באיור הבא, הבחירה אינה מלבן, ולכן לא ניתן למזג את התאים.
בצע אחת מהפעולות הבאות:
בחרו Edit > Table > Merge Cells.
בבוחן המאפיינים המורחב של HTML (Window > Properties), לחצו על Merge Cells.
פתק
אם אינכם רואים את הלחצן, לחצו על חץ ההרחבה בפינה הימנית התחתונה של בוחן המאפיינים כדי לראות את כל האפשרויות.
תוכן התאים הבודדים ממוקם בתא הממוזג שנוצר. מאפייני התא הראשון שנבחר מוחלים על התא שמוזג.
פיצול תא
לחצו בתוך התא ובצעו אחת מהפעולות הבאות:
בחרו Edit > Table > Split Cell.
בבוחן המאפיינים המורחב של HTML (Window > Properties), לחצו על Split Cell.
פתק
אם אינך רואה את הלחצן, לחץ על חץ ההרחבה בפינה הימנית החתונה של מפקח המאפיינים כדי לראות את כל האפשרויות.
בתיבת הדו-שיח Split Cell, ציינו כיצד לפצל את
התא:
Split Cell Into
מציין אם לפצל את התא לשורות או לעמודות.
Number Of Rows/Number Of Columns
מציין לכמה שורות או עמודות לפצל את התא.
הגדלה או הקטנה של מספר השורות או העמודות שהתא משתרע עליהן
בצע אחת מהפעולות הבאות:
בחרו Edit > Table > Increase Row Span, או Edit > Table > Increase Column Span.
בחרו Edit > Table > Decrease Row Span, או Edit > Table > Decrease Column Span.
העתקה, הדבקה ומחיקה של תאים
אתם יכולים להעתיק, להדביק או למחוק תא טבלה יחיד או תאים מרובים בבת אחת, תוך שמירה על העיצוב של התאים.
אתם יכולים להדביק תאים בנקודת ההכנסה או במקום הבחירה בטבלה קיימת. כדי להדביק תאי טבלה מרובים, התוכן של לוח הגזירים חייב להיות תואם למבנה הטבלה או לבחירה בטבלה שבה התאים יודבקו.
גזירה או העתקה של תאים בטבלה
בחרו תא אחד או יותר בשורה רציפה
ובצורת מלבן.
באיור הבא, הבחירה היא מלבן של תאים, ולכן ניתן לגזור או להעתיק את התאים.
באיור הבא, הבחירה אינה מלבן, ולכן לא ניתן לגזור או להעתיק את התאים.
בחר Edit > Cut או Edit > Copy.
פתק
אם בחרתם שורה או עמודה שלמה ובחרתם Edit > Cut, השורה או העמודה השלמה מוסרת מהטבלה (ולא רק התוכן של התאים).
הדבקת תאים בטבלה
בחר במקום הרצוי להדבקת התאים:
להחלפת תאים קיימים בתאים שאתה מדביק, בחר קבוצת תאים קיימים באותה פריסה כשל התאים שבלוח. (לדוגמה, אם העתקת או גזרת גוש של 3 על 2 תאים, ניתן לבחור גוש אחר של 3 על 2 תאים שיוחלף בהדבקה).
להדבקת שורה שלמה של תאים מעל לתא מסוים, לחץ על תא זה.
להדבקת עמודה שלמה של תאים משמאל לתא מסוים, לחץ על תא זה.
פתק
אם יש לך פחות משורה או מעמודה שלמה של תאים בלוח, ותלחץ בתא ותדביק את התאים מהלוח, ייתכן שהתאים שאתה מדביק יחליפו את התא שתלחץ עליו ואת התאים הסמוכים לו (בהתאם למיקומו של התא בטבלה).
- ליצירת טבלה חדשה מהתאים שיודבקו, מקם את נקודת ההכנסה מחוץ לטבלה.
בחר Edit > Paste.
אם אתם מדביקים שורות או עמודות שלמות בטבלה קיימת, השורות או העמודות מתווספות לטבלה. אם אתם מדביקים תא יחיד, התוכן של התא הנבחר מוחלף. אם אתם מדביקים מחוץ לטבלה, השורות, העמודות או התאים משמשים להגדרת טבלה חדשה.
הסירו את תוכן התא אך השאירו את התאים שלמים
בחר תא אחד או יותר.
פתק
ודאו שהבחירה אינה מורכבת כולה משורות או עמודות שלמות.
הקישו על Delete.
פתק
אם נבחרו שורות או עמודות שלמות בלבד כאשר אתם בוחרים עריכה > נקה או לוחצים על DELETE, השורות או העמודות הן עצמן - לא רק התוכן שלהן - יוסרו מהטבלה.
מחיקת שורות או עמודות המכילות תאים ממוזגים
בחר בשורה או בעמודה.
בחרו עריכה > טבלה > מחיקת שורה, או עריכה > טבלה > מחיקת עמודה.
קינון טבלאות
טבלה מקוננת היא טבלה בתוך תא של טבלה אחרת.אתם יכולים לעצב טבלה מקוננת כמו כל טבלה אחרת; עם זאת, הרוחב שלה מוגבל לרוחב התא שבו היא מופיעה.
לחץ על תא בטבלה קיימת.
בחרו הוספה > טבלה, קבעו את אפשרויות הוספת
טבלה ולחצו על OK.
מיון טבלאות
ניתן למיין את שורות הטבלה לפי תוכן עמודה אחת.אתם יכולים גם לבצע מיון טבלה מורכב יותר שמבוסס על התוכן של שתי עמודות.
אינכם יכולים למיין טבלאות המכילות מאפייני colspan או rowspan – כלומר, טבלאות המכילות תאים ממוזגים.
בחר בטבלה או לחץ על תא כלשהו בטבלה.
בחרו עריכה > טבלה > מיין טבלה, קבעו את האפשרויות בתיבת הדיאלוג ולחצו על OK.
Sort By
קובע אילו ערכי עמודה ישמשו למיון שורות הטבלה.
Order
קובע האם למיין את העמודה לפי סדר אלפביתי או מספרי, והאם למיין בסדר עולה (A עד Z, מספרים נמוכים למספרים גבוהים יותר) או סדר יורד.
כאשר התוכן של עמודה מורכב ממספרים, בחרו מספרי.מיון אלפביתי המופעל על רשימה של מספרים חד-ספרתיים ודו-ספרתיים גורם למיון המספרים כאילו היו מילים (כגון 1, 10, 2, 20, 3, 30) במקום מיון כמספרים (כגון 1, 2, 3, 10, 20, 30).
Then By/Order
קובע את סדר המיון למיון משני בעמודה אחרת.ציינו את עמודת המיון המשני בתפריט הקופץ "Then By" ואת סדר המיון המשני בתפריטי הקופץ "Order".
Sort Includes The First Row
מציין שהשורה הראשונה של הטבלה צריכה להיכלל במיון.אם השורה הראשונה היא כותרת שלא צריכה לזוז, אל תבחרו באפשרות זו.
Sort Header Rows
מציין למיין את כל השורות בחלק thead של הטבלה (אם קיים) באמצעות אותם קריטריונים כמו שורות הגוף.(שימו לב ששורות thead נשארות בחלק thead ועדיין מופיעות בחלק העליון של הטבלה גם לאחר המיון.)למידע על התג thead, עיינו בלוח הייחוס (בחרו עזרה > ייחוס).
Sort Footer Rows
מציין למיין את כל השורות בחלק tfoot של הטבלה (אם קיים) באמצעות אותם קריטריונים כמו שורות הגוף.(שימו לב ששורות tfoot נשארות בחלק tfoot ועדיין מופיעות בתחתית הטבלה גם לאחר המיון.)למידע על התג tfoot, עיינו בלוח הייחוס (בחרו עזרה > ייחוס).
Keep All Row Colors The Same After The Sort Has Been Completed
מציין שתכונות שורת הטבלה (כגון צבע) צריכות להישאר משויכות לאותו תוכן לאחר המיון.אם שורות הטבלה מעוצבות בשני צבעים מתחלפים, אל תבחרו באפשרות זו כדי לוודא שבטבלה הממוינת עדיין יהיו שורות בצבעים מתחלפים. אם מאפייני השורות ספציפיים לתוכן של כל שורה, בחרו באפשרות זו כדי לוודא שהמאפיינים האלה יישארו משויכים לשורות הנכונות בטבלה הממוינת.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
