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

עצב את הדף.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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