בתצוגת ה-Design, בחרו טקסט בעמוד, או לחצו במקום שבו תרצו להוסיף טקסט דינמי.
עודכן לאחרונה בתאריך
25 באפריל 2024
פתק
ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
אודות הוספת תוכן דינמי
לאחר שתגדירו מקור אחד או יותר של תוכן דינמי, תוכלו להשתמש במקורות כדי להוסיף תוכן דינמי לעמוד.מקורות התוכן יכולים לכלול עמודה ברשומה, ערך שנשלח על ידי טופס HTML, הערך הכלול באובייקט שרת או נתונים אחרים.
ב-Dreamweaver, תוכלו למקם תוכן דינמי כמעט בכל מקום בעמוד אינטרנט או בקוד המקור HTML שלו.תוכלו למקם תוכן דינמי בנקודת ההכנסה, להחליף מחרוזת טקסט או להכניס אותו כמאפיין HTML.לדוגמה, תוכן דינמי יכול להגדיר את המאפיין src של תמונה, או את המאפיין value של שדה טופס.
תוכלו להוסיף תוכן דינמי לעמוד על ידי בחירת מקור תוכן בלוח Bindings.Dreamweaver מוסיף תסריט בצד שרת לקוד העמוד המנחה את השרת להעביר את הנתונים ממקור התוכן לקוד HTML של העמוד כשהעמוד מתבקש על ידי דפדפן.
לרוב יש יותר מדרך אחת להפוך רכיב עמוד נתון לדינמי.לדוגמה, כדי להפוך תמונה לדינמית תוכלו להשתמש בלוח Bindings, בבוחן המאפיינים או בפקודת Image בתפריט Insert.
כברירת מחדל, דף HTML יכול להציג רשומה אחת בלבד בכל פעם. כדי להציג את הרשומות האחרות ברשומה, תוכלו להוסיף קישור לעבור בין הרשומות אחת בכל פעם, או לצור אזור חוזר כדי להציג יותר מרשומה אחת בעמוד יחיד.
אודות טקסט דינמי
טקסט דינמי מאמץ כל עיצוב טקסט שהוחל על הטקסט הקיים או על נקודת ההכנסה.לדוגמה, אם סגנון Cascading Style Sheet (CSS) משפיע על הטקסט שנבחר, התוכן הדינמי המחליף אותו מושפע גם הוא מהסגנון.תוכלו להוסיף או לשנות את עיצוב הטקסט של תוכן דינמי באמצעות כל אחד מכלי עיצוב הטקסט של Dreamweaver.
כמו כן, ניתן להחיל על טקסט דינמי תבנית נתונים. לדוגמה, אם הנתונים שלכם מורכבים מתאריכים, תוכלו לציין פורמט תאריך מסוים כמו 04/17/00 עבור ארה"ב.או 17/04/00 עבור מבקרים מקנדה.
הפיכת טקסט לדינמי
תוכלו להחליף טקסט קיים בטקסט דינמי, או לשים טקסט דינמי בנקודת הכנסה נתונה בעמוד.
הוספת טקסט דינמי
בלוח ה-Bindings (Window > Bindings), בחרו מקור תוכן מהרשימה.אם תבחרו קבוצת רשומות, ציינו את העמודה הרצויה בקבוצת הרשומות.
מקור התוכן צריך לכלול טקסט רגיל (טקסט ASCII). טקסט רגיל כולל HTML. אם לא מופיעים מקורות תוכן ברשימה, או אם מקורות התוכן הזמינים לא עונים על הצרכים שלכם, לחצו על הלחצן "+" כדי להגדיר מקור תוכן חדש.
(אופציונלי) בחר תבנית נתונים לטקסט.
לחץ על Insert, או גרור את מקור התוכן לדף.
מציין מיקום לתוכן דינמי מופיע. (אם בחרתם טקסט בעמוד, מציין המיקום יחליף את בחירת הטקסט.)השומר מקום לתוכן רשומה משתמש בתחביר {RecordsetName.ColumnName}, כאשר Recordset הוא שם הרשומה ו-ColumnName הוא שם העמודה שבחרתם מהרשומה.
לפעמים, האורך של שומרי המקום עבור טקסט דינמי מעוות את פריסת הדף בחלון המסמך.תוכלו לפתור את הבעיה באמצעות שימוש בסוגריים מסולסלים ריקים כשומרי מקום, כמתואר בנושא הבא.
הצגת שומרי מקום לטקסט דינמי
בחרו Edit > Preferences > Invisible Elements (Windows) או Dreamweaver > Preferences > Invisible Elements (Macintosh).
בתפריט הקופץ "הציגו טקסט דינמי כ", בחרו { } ולחצו על OK.
הפיכת תמונות לדינמיות
ניתן להפוך תמונות בדף לדינמיות. לדוגמה, נניח שאתם מעצבים דף להצגת פריטים למכירה במכירה פומבית לצדקה.כל דף יכלול טקסט תיאורי ותמונה של פריט אחד.הפריסה הכללית של הדף תישאר זהה עבור כל פריט, אך התמונה (והטקסט התיאורי) יכולים להשתנות.
כשהדף פתוח בתצוגת עיצוב (תצוגה >
עיצוב), מקמו את נקודת ההוספה במקום שבו תרצו שהתמונה תופיע
בדף.
בחר Insert > Image.
תיבת הדו-שיח Select Image Source מופיעה.
לחצו על אפשרות מקורות הנתונים (Windows) או על לחצן מקור הנתונים
(Macintosh).
מוצגת רשימת מקורות תוכן.
בחר מקור תוכן ברשימה ולחץ על OK.
מקור התוכן צריך להיות רשומון המכיל את הנתיבים לקבצי התמונות שלכם.בהתאם למבנה הקבצים של האתר שלכם, הנתיבים יכולים להיות מוחלטים, יחסיים למסמך או יחסיים לשורש.
פתק
Dreamweaver אינו תומך כרגע בתמונות בינאריות המאוחסנות במסד נתונים.
אם אין רשומונים מופיעים ברשימה, או אם הרשומונים הזמינים אינם עונים על הצרכים שלכם, הגדירו רשומון חדש.
הפיכת תכונות HTML לדינמיות
אתם יכולים לשנות באופן דינמי את המראה של דף על ידי קישור מאפייני HTML לנתונים.לדוגמה, אתם יכולים לשנות את תמונת הרקע של טבלה על ידי קישור המאפיין background של הטבלה לשדה ברשומון.
אתם יכולים לקשור מאפייני HTML עם לוח הקישורים או עם בודק המאפיינים.
הפיכת מאפייני HTML לדינמיים עם לוח הקישורים
פתחו את לוח הקישורים
בבחירת חלון > קישורים.
וודאו שלוח הקישורים מציג את מקור הנתונים
שתרצו להשתמש בו.
מקור התוכן צריך להכיל נתונים המתאימים למאפיין ה-HTML שתרצו לקשור.אם אין מקורות תוכן מופיעים ברשימה, או אם מקורות התוכן הזמינים אינם עונים על הצרכים שלכם, לחצו על לחצן הפלוס (+) כדי להגדיר מקור נתונים חדש.
בחר אובייקט HTML בתצוגת Design.
לדוגמה, כדי לבחור טבלת HTML, לחצו בתוך הטבלה ולחצו על התג <table> בבורר התגים בחלק התחתון-שמאל של חלון המסמך.
בלוח הקישורים, בחרו מקור תוכן מהרשימה
שלכם.
בתיבת קישור אל, בחרו מאפיין HTML מהתפריט
הקופץ.
לחץ על Bind.
בפעם הבאה שהדף יפעל על שרת היישום, הערך של מקור הנתונים יוקצה למאפיין ה-HTML.
הפיכת מאפייני HTML לדינמיים עם בודק המאפיינים
בתצוגת עיצוב, בחרו אובייקט
HTML ופתחו את בודק המאפיינים (חלון >
מאפיינים).
לדוגמה, כדי לבחור טבלת HTML, לחצו בתוך הטבלה ולחצו על התג <table> בבורר התגים בחלק השמאלי התחתון של חלון המסמך.
האופן שבו אתם קושרים מקור תוכן דינמי לתכונת ה-HTML תלוי במיקומו.
אם לתכונה שאתם רוצים לקשור יש סמל תיקייה לידה ב-Property inspector, לחצו על סמל התיקייה כדי לפתוח תיבת דו-שיח לבחירת קובץ; אחר כך לחצו על האפשרות Data Sources כדי להציג רשימה של מקורות נתונים.
אם לתכונה שאתם רוצים לקשור אין סמל תיקייה לידה, לחצו על הכרטיסייה List (התחתונה מבין שתי הכרטיסיות) בצד השמאלי של הבוחן.
תצוגת הרשימה של בוחן המאפיינים מופיעה.
אם התכונה שאתם רוצים לקשור אינה מופיעה ברשימה, לחצו על הלחצן Plus (+); אחר כך הזינו את שם התכונה או לחצו על לחצן החץ הקטן ובחרו את התכונה מהתפריט הקופץ.
כדי להפוך את הערך של התכונה לדינמי, לחצו על התכונה; אחר כך לחצו על סמל ברק או סמל התיקייה בסוף השורה של התכונה.
אם לחצתם על סמל הברק, מופיעה רשימה של מקורות נתונים.
אם לחצתם על סמל התיקייה, מופיעה תיבת דו-שיח לבחירת קובץ.בחר באפשרות Data Sources להצגת רשימה של מקורות תוכן.
בחרו מקור תוכן מרשימת מקורות התוכן, ולחצו על OK.
מקור התוכן אמור להכיל נתונים שמתאימים לתכונת ה-HTML שאתם רוצים לקשור.אם לא מופיעים מקורות תוכן ברשימה, או אם מקורות התוכן הזמינים לא עונים על הצרכים שלכם, הגדירו מקור תוכן חדש.
בפעם הבאה שהדף ירוץ על שרת היישום, הערך של מקור הנתונים יוקצה לתכונת ה-HTML.
הפיכת פרמטרים של ActiveX, Flash ואובייקטים אחרים לדינמיים
אתם יכולים להפוך את הפרמטרים של יישומוני Java ו-plug-ins לדינמיים, כמו גם את הפרמטרים של אובייקטים של ActiveX, Flash, Shockwave, Director ו-Generator.
לפני שתתחילו, ודאו שהשדות ב-recordset שלכם מכילים נתונים שמתאימים לפרמטרים של האובייקט שאתם רוצים לקשור.
בתצוגת עיצוב, בחרו אובייקט בדף ופתחו את מפקח המאפיינים (Window > Properties).
לחץ על הלחצן Parameters.
אם הפרמטר שלכם לא מופיע ברשימה, לחצו על הלחצן Plus (+) והזינו שם פרמטר בעמודה Parameter.
לחצו על עמודת הערך של הפרמטר, ואחר כך לחצו על סמל הברק כדי לציין ערך דינמי.
מוצגת רשימת מקורות נתונים.
בחר מקור נתונים ברשימה ולחץ על OK.
מקור הנתונים אמור להכיל נתונים שמתאימים לפרמטר האובייקט שאתם רוצים לקשור.אם לא מופיעים מקורות נתונים ברשימה, או אם מקורות הנתונים הזמינים לא עונים על הצרכים שלכם, הגדירו מקור נתונים חדש.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
