הערה:

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

Dreamweaver ועיצוב דפים דינמיים

עקוב אחר הצעדים הכלליים הבאים כדי לעצב וליצור אתר אינטרנט דינמי בהצלחה.

  1. עצב את הדף.

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

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

  2. צור מקור של תוכן דינמי.

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

    • צור חיבור למקור התוכן הדינמי (כגון מסד נתונים) ולשרת היישומים המעבד את הדף. צור את מקור הנתונים באמצעות החלונית Bindings; לאחר מכן תוכל לבחור את מקור הנתונים ולהוסיף אותו לדף.

    • ציין איזה מידע במסד הנתונים ברצונך להציג, או אילו משתנים ברצונך לכלול בדף באמצעות יצירת ערכת רשומות. ניתן גם לבדוק את השאילתה מתיבה הדו-שיח RecoRDSet, ולבצע את כל ההתאמות הדרושות לפני הוספתה לחלונית Bindings.

    • בחר והוסף רכיבי תוכן דינמי לדף שנבחר.

  3. הוסף תוכן דינמי לדף אינטרנט.

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

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

    • מקם את התוכן הדינמי בנקודת ההכנסה בתצוגת Code או בתצוגת Design.

    • החלף מחרוזת טקסט או מציין מיקום אחר.

      הוסף תוכן דינמי לתכונת HTML. לדוגמה, תוכן דינמי יכול להגדיר את התכונה src של תמונה או את תכונת הערך של שדה טופס.

  4. הוסף התנהגויות שרת לדף.

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

    התנהגויות השרת של Dreamweaver מאפשרות לך להוסיף לוגיקת יישום לאתר אינטרנט מבלי לכתוב את הקוד בעצמך. התנהגויות השרת הכלולות ב-Dreamweaver תומכות במסמכים מסוג ColdFusion, ‏ASP ו-PHP. התנהגויות השרת נכתבות ונבדקות באופן המבטיח מהירות, בטיחות ויציבות. התנהגויות השרת המובנות תומכות בדפי אינטרנט לפלטפורמות שונות ולכל הדפדפנים.

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

    • הגדר ערכת רשומות ממסד נתונים קיים. ערכת הרשומות שתגדיר נשמרת בחלונית Bindings.

    • הצג רשומות מרובות בדף בודד. בחר טבלה שלמה או תאים או שורות בודדים המכילים תוכן דינמי, וציין את מספר הרשומות שיוצגו בכל אחת מתצוגות הדף.

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

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

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

    • הצג יותר מרשומה אחת מרשומת מסד נתונים.

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

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

    תוכל גם להרחיב את התנהגויות השרת של Dreamweaver על-ידי כתיבתן בעצמך או התקנת התנהגויות שרת שנכתבו על-ידי צד שלישי.

  5. בדוק את הדף ונפה שגיאות.

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

עבודה זו בוצעה ברישיון של Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  הודעות המתפרסמות ב- Twitter™‎ ו- Facebook אינן מכוסות בתנאי Creative Commons.

הצהרות משפטיות   |   מדיניות פרטיות מקוונת