הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver

אודות התנהגויות שרת מותאמות אישית

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

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

גישה ל-Dreamweaver Exchange

התקנת התנהגות שרת או הרחבה אחרת ב-Dreamweaver

תהליך עבודה של התנהגויות שרת מותאמות אישית

אם אתם מפתחי אתרים הבקיאים ב-ColdFusion, JavaScript, VBScript או PHP, תוכלו לכתוב התנהגויות שרת משלכם.השלבים ליצירת התנהגות שרת כוללים את המשימות הבאות:

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

• ציינו היכן יש להכניס את בלוק הקוד בתוך קוד ה-HTML של הדף.

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

• בדוק את התנהגות השרת לפני שתהפוך אותה לזמינה לאחרים.

שימוש ב-Server Behavior Builder

השתמשו ב-Server Behavior Builder כדי להוסיף את בלוק הקוד או הבלוקים שההתנהגות מכניסה לדף.

אפשרויות מתקדמות

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

אם אתם משתמשי מתקדמים, תוכלו להגדיר כל אחת מהאפשרויות הבאות:

מציין האם יש להתייחס לבלוק הקוד כאל מזהה.

כברירת מחדל, כל גוש קוד הוא מזהה. אם Dreamweaver מוצא בלוק קוד מזהה בכל מקום במסמך, הוא מציג את ההתנהגות בלוח Server Behaviors. השתמשו באפשרות Identifier כדי לציין האם יש להתייחס לבלוק הקוד כאל מזהה.

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

מציין את כותרת ההתנהגות בחלונית Server Behaviors.

כאשר מעצב הדפים לוחץ על הלחצן Plus (+) בלוח Server Behaviors, הכותרת של התנהגות השרת החדשה תופיע בתפריט הקופץ. כאשר מעצב מיישם מופע של התנהגות שרת על מסמך, ההתנהגות מופיעה ברשימת ההתנהגויות המיושמות בלוח Server Behaviors. השתמשו בתיבת Server Behavior Title כדי לציין את תוכן התפריט הקופץ Plus (+) ואת רשימת ההתנהגויות המיושמות.

הערך הראשוני בתיבה הוא השם שסיפקתם בתיבת הדו-שיח New Server Behavior. כאשר פרמטרים מוגדרים, השם מתעדכן באופן אוטומטי כך שהפרמטרים מופיעים בתוך סוגריים לאחר שם התנהגות השרת.

Set Session Variable (@@Name@@, @@Value@@)

אם המשתמש מקבל את ערך ברירת המחדל, הכל שלפני הסוגריים מופיע בתפריט הקופץ Plus (+) (לדוגמה, Set Session Variable). השם יחד עם הפרמטרים יופיעו ברשימת ההתנהגויות המיושמות – למשל, Set Session Variable ("abcd", "5").

מציין איזה בלוק קוד נבחר כאשר המשתמש בוחר את ההתנהגות בלוח Server Behaviors.

כאשר אתם מחילים התנהגות שרת, אחד מבלוקי הקוד בתוך ההתנהגות מוגדר כ"בלוק הקוד לבחירה". אם תחילו את התנהגות השרת ואז תבחרו את ההתנהגות בלוח Server Behaviors, הבלוק המוגדר נבחר בחלון המסמך. כברירת מחדל, Dreamweaver בוחר את בלוק הקוד הראשון שאינו מעל התג html. אם כל בלוקי הקוד נמצאים מעל התג html, אז הראשון נבחר. משתמשים מתקדמים יכולים לציין איזה בלוק קוד הוא הנבחר.

יצירת גושי קוד

בלוקי הקוד שאתם יוצרים ב-Server Behavior Builder נכללים בהתנהגות שרת שמופיעה בלוח Server Behaviors.הקוד יכול להיות כל קוד זמן-ריצה תקף עבור מודל השרת שצוין. לדוגמה, אם תבחרו ב-ColdFusion כסוג המסמך להתנהגות השרת המותאמת שלכם, הקוד שאתם כותבים חייב להיות קוד ColdFusion תקף שרץ על שרת יישומי ColdFusion.

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

תנאים בגושי קוד

Dreamweaver מאפשר לכם לפתח בלוקי קוד שמשלבים הצהרות בקרה שמבוצעות תנאית. ה-Server Behavior Builder משתמש בפקודות if, elseif ו-else, ויכול גם להכיל פרמטרים של התנהגות שרת.זה מאפשר לכם להוסיף בלוקי טקסט חלופיים בהתבסס על הערכים של יחסי OR בין פרמטרי התנהגות שרת.

הדוגמה הבאה מציגה את הצהרות if, elseif ו-else. הסוגריים המרובעים ([ ]) מסמנים קוד אופציונלי והכוכבית (*) מסמנת אפס או יותר מופעים. כדי לבצע חלק מבלוק קוד או את כל בלוק הקוד רק אם תנאי מסוים או תנאים חלים, השתמשו בתחביר הבא:

<@ if (expression1) @> תנאי

text1[<@ elseif (expression2) @> conditional text2]*[<@ else @>

conditional text3]<@ endif @>

ביטויי תנאי יכולים להיות כל ביטוי JavaScript שניתן להערכה באמצעות הפונקציה eval() של JavaScript, ויכולים לכלול פרמטר התנהגות שרת המסומן ב-@@.(ה-@@'s מבדילים את הפרמטר ממשתנים ומילות מפתח של JavaScript.)

שימוש יעיל בביטויי תנאי

כאשר משתמשים בהנחיות if, else ו-elseif בתוך התג XML insertText, הטקסט המשתתף מעובד מראש כדי לפתור את הנחיות if ולקבוע איזה טקסט לכלול בתוצאה. הנחיות if ו-elseif מקבלות את הביטוי כארגומנט.ביטוי התנאי הוא זהה לזה של ביטויי תנאי JavaScript, ויכול גם להכיל פרמטרים של התנהגות שרת. הנחיות כאלה מאפשרות לכם לבחור בין בלוקי קוד חלופיים על בסיס הערכים של פרמטרי התנהגות השרת, או היחסים ביניהם.

לדוגמה, קוד JSP הבא מגיע מהתנהגות שרת של Dreamweaver שמשתמשת בבלוק קוד מותנה:

@@rsName@@.close();

<@ if (@@callableName@@ != '') @>

@@callableName@@.execute();

@@rsName@@ = @@callableName@@.getResultSet();<@ else @>

@@rsName@@ = Statement@@rsName@@.executeQuery();

<@ endif @>

@@rsName@@_hasData = @@rsName@@.next();

בלוק הקוד המותנה מתחיל ב-<@ if (@@callableName@@ != '') @> ומסתיים ב-<@ endif @>. לפי הקוד, אם המשתמש מזין ערך לפרמטר @@callableName@@ בתיבת הדו-שיח פרמטרים של התנהגות השרת – במילים אחרות, אם הערך של הפרמטר @@callableName@@ אינו ריק, או (@@callableName@@ != '') – אז בלוק הקוד המותנה מוחלף בהצהרות הבאות:

@@callableName@@.execute();

@@rsName@@ = @@callableName@@.getResultSet();

אחרת, בלוק הקוד מוחלף בהצהרה הבאה:

@@rsName@@ = Statement@@rsName@@.executeQuery();

מיקום גוש קוד

כשאתם יוצרים בלוקי קוד באמצעות ה-Server Behavior Builder, עליכם לציין היכן להכניס אותם בקוד HTML של הדף.

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

כשאתם בוחרים אפשרות מיקום מהתפריט הקופץ Insert Code, האפשרויות הזמינות בתפריט הקופץ Relative Position משתנות כדי לספק אפשרויות רלוונטיות לאותו חלק בדף. לדוגמה, אם אתם בוחרים Above The <html> Tag בתפריט הקופץ Insert Code, אפשרויות המיקום הזמינות בתפריט הקופץ Relative Position משקפות אפשרויות רלוונטיות לאותו חלק בדף.

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

כדי לציין מיקום מותאם אישית, עליכם להקצות משקל לבלוק הקוד. השתמשו באפשרות Custom Position כשאתם צריכים להכניס יותר מבלוק קוד אחד בסדר מסוים. לדוגמה, כדי להוסיף סדרה מסודרת של שלושה בלוקים של קוד לאחר בלוקי הקוד שפותחים recordsets, יש להזין משקל של 60 עבור הבלוק הראשון, 65 עבור השני ו-70 עבור השלישי.

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

מיקום בלוק קוד (הוראות כלליות)

מיקום בלוק קוד ביחס לטאג אחר בעמוד

מקמו בלוק קוד יחסית לתג שנבחר על ידי מעצב העמוד

חזרה על גושי קוד באמצעות פקודת לולאה

כדי לחזור על חלק מבלוק קוד או על כל בלוק הקוד מספר פעמים, השתמשו בתחביר הבא:

<@ loop (@@param1@@,@@param2@@) @> code

block<@ endloop @>

בעת יצירת התנהגויות שרת, תוכלו להשתמש במבני לולאה כדי לחזור על בלוק קוד מספר פעמים מוגדר. <@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @> code block <@ endloop @>הנחיית הלולאה מקבלת רשימה של מערכי פרמטרים המופרדת בפסיקים כארגומנטים.במקרה זה, ארגומנטים של מערך פרמטרים מאפשרים למשתמש לספק ערכים מרובים לפרמטר יחיד.הטקסט החוזר מועתק n פעמים, כאשר n הוא האורך של ארגומנטי מערך הפרמטרים. אם מוגדר יותר מארגומנט אחד של מערך פרמטרים, כל המערכים חייבים להיות באותו אורך. בהערכה ה-i של הלולאה, האלמנטים ה-i של מערכי הפרמטרים מחליפים את מופעי הפרמטרים הקשורים בבלוק הקוד.

כאשר אתם יוצרים תיבת דו-שיח עבור התנהגות השרת, תוכלו להוסיף פקד לתיבת הדו-שיח שמאפשר למעצב הדף ליצור מערכי פרמטרים. Dreamweaver כולל פקד מערך פשוט שתוכלו להשתמש בו ליצירת תיבות דו-שיח. הפקד בשם Text Field Comma Separated List זמין דרך ה-Server Behavior Builder.כדי ליצור אלמנטי ממשק משתמש מורכבים יותר, עיינו בתיעוד ה-API ליצירת תיבת דו-שיח עם פקד ליצירת מערכים (פקד רשת, למשל).

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

הדוגמה הבאה מראה כיצד ניתן להשתמש בבלוקי קוד חוזרים כאלה ליצירת התנהגויות שרת (הדוגמה היא התנהגות ColdFusion המשמשת לגישה לפרוצדורה מאוחסנת):

<@ loop (@@param1@@,@@param2@@,@@param3@@,@@param_n@@) @> code block

<@ endloop @>

<CFSTOREDPROC procedure="AddNewBook"

datasource=#MM_connection_DSN#

username=#MM_connection_USERNAME#

password=#MM_connection_PASSWORD#>

<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryID#"

cfsqltype="CF_SQL_INTEGER">

<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#"

cfsqltype="CF_SQL_VARCHAR">

</CFSTOREDPROC>

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

באמצעות הנחיית הלולאה, אתם יכולים לכתוב את אותה פרוצדורה כך:

<CFSTOREDPROC procedure="@@procedure@@"

datasource=#MM_@@conn@@_DSN#

username=#MM_@@conn@@_USERNAME#

password=#MM_@@conn@@_PASSWORD#>

<@ loop (@@paramName@@,@@value@@,@@type@@) @>

<CFPROCPARAM type="IN"

dbvarname="@@paramName@@"

value="@@value@@"

cfsqltype="@@type@@">

<@ endloop @>

</CFSTOREDPROC>

אם המשתמש הזין את ערכי הפרמטרים הבאים בתיבת הדו-שיח Server Behavior Builder:

procedure = "proc1"

conn = "connection1"

paramName = ["@CategoryId", "@Year", "@ISBN"]

value = ["#Form.CategoryId#", "#Form.Year#", "#Form.ISBN#"]

type = ["CF_SQL_INTEGER", "CF_SQL_INTEGER", "CF_SQL_VARCHAR"]

התנהגות השרת תכניס את קוד זמן הריצה הבא לעמוד:

<CFSTOREDPROC procedure="proc1"

datasource=#MM_connection1_DSN#

username=#MM_connection1_USERNAME#

password=#MM_connection1_PASSWORD#>

<CFPROCPARAM type="IN" dbvarname="@CategoryId" value="#Form.CategoryId#"

cfsqltype="CF_SQL_INTEGER">

<CFPROCPARAM type="IN" dbvarname="@Year" value="#Form.Year#"

cfsqltype="CF_SQL_INTEGER">

<CFPROCPARAM type="IN" dbvarname="@ISBN" value="#Form.ISBN#"

cfsqltype="CF_SQL_VARCHAR">

</CFSTOREDPROC>

שימוש במשתנים ‎ _length ו- ‎_index של פקודת הלולאה

הוראת הלולאה כוללת שני משתנים מובנים שבהם תוכלו להשתמש לתנאי if מוטמעים. המשתנים הם: ‎_length ו-‎_index. המשתנה _length מייצג את אורך המערכים המעובדים על ידי הוראת הלולאה, בעוד שהמשתנה _index מייצג את האינדקס הנוכחי של הוראת הלולאה.כדי לוודא שהמשתנים מזוהים כהוראות בלבד, ולא כפרמטרים בפועל שיועברו ללולאה, אל תכלילו אף אחד מהמשתנים בסימני @@.

דוגמה לשימוש במשתנים מובנים היא ליישם אותם על התכונה import של הוראת הדף. התכונה import דורשת הפרדה בפסיקים בין חבילות. אם הוראת ה-loop משתרעת סביב כל התכונה import, הייתם מוציאים את שם התכונה import= רק באיטרציה הראשונה של הלולאה—כולל את מרכאות הסגירה הכפולות (&quot;)—ולא מוציאים פסיק באיטרציה האחרונה של הלולאה.באמצעות המשתנה המובנה, תוכלו לבטא זאת כדלקמן:

<@loop (@@Import@@)@>

<@ if(_index == 0)@>import="

<@endif@>@@Import@@<@if (_index == _length-1)@>"<@else@>,

<@ endif @>

<@endloop@>

בקשת פרמטר עבור התנהגות השרת

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

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

הגדירו את הפרמטר בקוד ההתנהגות של השרת

ניתן גם לסמן את המחרוזת וללחוץ על הלחצן Insert Parameter In Code Block. הזן שם לפרמטר ולחץ על OK. Dreamweaver מחליף כל אחד ממופעי המחרוזת המסומנת בשם הפרמטר שצוין המוקף בסמני פרמטר.

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

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

הצג את תיבת הדו-שיח.

ערכו את תיבת הדו-שיח שיצרתם עבור התנהגות השרת

עריכה ושינוי של התנהגויות שרת

תוכלו לערוך כל התנהגות שרת שנוצרה עם Server Behavior Builder, כולל התנהגויות שרת שאתם מורידים מאתר Dreamweaver Exchange ומפתחי צד שלישי אחרים.

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

שמרו על הגרסאות הישנות והחדשות של ההתנהגות בלוח

לערוך קוד של התנהגות שרת שנוצרה עם Server Behavior Builder

הנחיות לכתיבת קוד

באופן כללי, הקוד של התנהגות השרת צריך להיות קומפקטי וחזק.מפתחי יישומי אינטרנט רגישים מאוד לקוד שמתווסף לדפים שלהם.יש לפעול לפי נהלי הקידוד המקובלים בדרך כלל עבור השפה של סוג המסמך (ColdFusion, JavaScript, VBScript או PHP).כשאתם כותבים הערות, קחו בחשבון את הקהלים הטכניים השונים שעשויים להזדקק להבין את הקוד, כגון מעצבי אינטרנט ואינטראקציה או מפתחי יישומי אינטרנט אחרים.כללו הערות שמתארות במדויק את המטרה של הקוד והוראות מיוחדות לשילובו בתוך דף.

זכרו את הנחיות הקידוד הבאות כשאתם יוצרים התנהגויות שרת:

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

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

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

var MM_ERROR_STRING = "...";

function MM_hideLayer() {

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

בדיקת התנהגויות שרת

ה-Dreamweaver Exchange ממליץ לבצע את הבדיקות הבאות על כל התנהגות שרת שאתם יוצרים:

• החל את ההתנהגות מהחלונית Server Behaviors. אם יש לה תיבת דו‑שיח, הזינו נתונים תקינים בכל שדה ולחצו על OK. ודא שלא אירעו שגיאות בעת החלת ההתנהגות. ודאו שקוד זמן הריצה עבור התנהגות השרת מופיע בבודק הקוד.

• החילו את התנהגות השרת שוב והזינו נתונים לא תקינים בכל שדה של תיבת הדו‑שיח. נסו להשאיר את השדה ריק, להשתמש במספרים גדולים או שליליים, להשתמש בתווים לא תקינים (כמו /, ?, :, *, וכולי), ולהשתמש באותיות בשדות מספריים. אתם יכולים לכתוב שגרות בדיקת טפסים כדי לטפל בנתונים לא תקינים (שגרות בדיקה כוללות כתיבת קוד ידנית, שהיא מעבר להיקף הספר הזה).

  לאחר החלת התנהגות השרת בהצלחה על הדף, ודאו את הדברים הבאים:

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

• במידת הצורך, ודאו שסמלי סקריפט בצד השרת מופיעים בדף. סמלי הסקריפט מצד השרת הגנריים הם מגינים מוזהבים. כדי לראות את הסמלים, הפעילו אלמנטים בלתי נראים (View > Visual Aids > Invisible Elements).

• בתצוגת קוד (View > Code), ודאו שלא נוצר קוד לא תקין.

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

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