מדריך למשתמש ביטול

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

  1. מדריך למשתמש של Dreamweaver
  2. מבוא
    1. מידע בסיסי על עיצוב אתרי אינטרנט מגיב
    2. מה חדש ב-Dreamweaver
    3. פיתוח אתרי אינטרנט באמצעות Dreamweaver - סקירה
    4. Dreamweaver / שאלות נפוצות
    5. קיצורי מקשים
    6. דרישות המערכת של Dreamweaver
    7. סיכום תכונות
  3. Dreamweaver ו-Creative Cloud
    1. סנכרון הגדרות של Dreamweaver עם Creative Cloud‏
    2. Creative Cloud Libraries ב-Dreamweaver
    3. שימוש בקובצי Photoshop ב-Dreamweaver
    4. עבודה עם Adobe Animate ו-Dreamweaver
    5. חילוץ קובצי SVG ממוטבים לאינטרנט מספריות
  4. התצוגות וסביבות העבודה של Dreamweaver
    1. סביבת העבודה של Dreamweaver‏
    2. מיטוב סביבת העבודה של Dreamweaver לפיתוח חזותי
    3. חיפוש קבצים בהתבסס על שם קובץ או תוכן |‏ Mac OS
  5. הגדרת אתרי אינטרנט
    1. על אתרי Dreamweaver
    2. הגדרת גרסה מקומית של האתר שלך
    3. התחברות לשרת פרסום
    4. הגדרת שרת בדיקות
    5. ייבוא וייצוא של הגדרות אתר Dreamweaver
    6. העתקת אתרי אינטרנט קיימים משרת מרוחק לבסיס האתר המקומי שלך
    7. תכונות נגישות ב-Dreamweaver
    8. הגדרות מתקדמות
    9. הגדרת העדפות להעברת קבצים
    10. ציון הגדרות שרת פרוקסי ב-Dreamweaver
    11. סנכרון הגדרות של Dreamweaver עם Creative Cloud‏
    12. שימוש ב-Git ב-Dreamweaver
  6. ניהול קבצים
    1. יצירה ופתיחה של קבצים
    2. ניהול קבצים ותיקיות
    3. הורדת קבצים מהשרת והעלאת קבצים לשרת
    4. הכנסה לאחסון והוצאה מאחסון של קבצים
    5. סנכרון קבצים
    6. השוואת קבצים למציאת הבדלים
    7. הסוואת קבצים ותיקיות באתר Dreamweaver שלך
    8. הפעלת Design Notes עבור אתרי Dreamweaver
    9. מניעת אפשרות ניצול לרעה של Gatekeeper
  7. פריסה ועיצוב
    1. שימוש בעזרים חזותיים לפריסה
    2. על השימוש ב-CSS לפריסת דף
    3. עיצוב אתרי אינטרנט מגיבים באמצעות Bootstrap
    4. יצירת שאילתות מדיה והשימוש בהן ב-Dreamweaver
    5. הצגת תוכן בטבלאות
    6. צבעים
    7. יצירת עיצוב מגיב באמצעות פריסות רשת זורמות
    8. Extract ב-Dreamweaver
  8. CSS
    1. הכרת CSS ‏(Cascading Style Sheets)
    2. פריסת עמודים בעזרת CSS Designer
    3. שימוש בכלים לעיבוד מקדים של CSS ב-Dreamweaver
    4. כיצד להגדיר העדפות סגנון CSS ב-Dreamweaver
    5. העברת כללי CSS ב-Dreamweaver
    6. המרת CSS בתוך שורה לכלל CSS ב-Dreamweaver
    7. עבודה עם תגי div
    8. החלת מעברי צבע על רקע
    9. יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver
    10. עיצוב קוד
  9. תוכן דף והנכסים הקיימים בו
    1. הגדרת מאפייני דף
    2. הגדרת מאפייני כותרת של CSS ומאפייני קישור של CSS
    3. עבודה עם טקסט
    4. מציאה והחלפה של טקסט, תגים ותכונות
    5. החלונית DOM
    6. עריכה ב-Live View
    7. קידוד מסמכים ב-Dreamweaver
    8. בחירה והצגה של רכיבים בחלון Document
    9. הגדרת מאפייני טקסט ב-Property inspector
    10. בדיקת איות בדף אינטרנט
    11. שימוש בכללים אופקיים ב-Dreamweaver
    12. הוספה ושינוי של שילובי גופנים ב-Dreamweaver
    13. עבודה עם נכסים
    14. הכנסה ועדכון של תאריכים ב-Dreamweaver
    15. יצירה וניהול של נכסים מועדפים ב-Dreamweaver
    16. הכנסה ועריכה של תמונות ב-Dreamweaver
    17. הוספת אובייקטי מדיה
    18. הוספת סרטוני וידאו ב-Dreamweaver
    19. הכנסת וידאו של HTML5
    20. הכנסת קובצי SWF
    21. הוספת אפקטי שמע
    22. הכנסת שמע של HTML5 ב-Dreamweaver
    23. עבודה עם פריטי ספרייה
    24. שימוש בטקסט ערבי ועברי ב-Dreamweaver
  10. קישור וניווט
    1. אודות קישור וניווט
    2. קישור
    3. מפות תמונה
    4. פתרון בעיות של קישורים
  11. רכיבים גרפיים ואפקטים של jQuery
    1. שימוש ברכיבים גרפיים של jQuery לממשק משתמש ולמכשירים ניידים ב-Dreamweaver
    2. שימוש באפקטים של jQuery ב-Dreamweaver
  12. כתיבת קוד של אתרי אינטרנט
    1. כתיבת קוד ב-Dreamweaver
    2. סביבה של כתיבת קוד ב-Dreamweaver
    3. הגדרת העדפות לכתיבת קוד
    4. התאמה אישית של העדפות צבעי קוד
    5. כתיבה ועריכה של קוד
    6. אפשרויות של רמזי קוד והשלמת קוד
    7. צמצום והרחבה של קוד
    8. שימוש חוזר בקוד עם גזירי קוד
    9. איתור שגיאות בקוד (Linting)
    10. מטוב הקוד
    11. עריכת קוד בתצוגת Design
    12. עבודה עם תוכן כותרת של דפים
    13. הכנסת קבצים נכללים בצד השרת ב-Dreamweaver
    14. שימוש בספריות תגים ב-Dreamweaver
    15. ייבוא תגים מותאמים אישית אל Dreamweaver
    16. שימוש בהתנהגויות של JavaScript (הוראות כלליות)
    17. החלת התנהגויות מובנות של JavaScript
    18. על XML ו-XSLT
    19. ביצוע המרות XSL בצד השרת ב-Dreamweaver
    20. ביצוע המרות XSL בצד הלקוח ב-Dreamweaver
    21. הוספת ישויות תו עבור XSLT ב-Dreamweaver
    22. עיצוב קוד
  13. תהליכי עבודה המותאמים למגוון מוצרים
    1. התקנה הרחבות אל Dreamweaver והשימוש בהן
    2. עדכונים בתוך היישום ב-Dreamweaver
    3. הכנסת מסמכי Microsoft Office ב-Dreamweaver‏ ‏(Windows בלבד)
    4. עבודה עם Fireworks ו-Dreamweaver
    5. עריכת תוכן באתרי Dreamweaver באמצעות Contribute
    6. שילוב של Dreamweaver עם Business Catalyst
    7. יצירת מסעות פרסום בדוא"ל מותאמים אישים
  14. תבניות
    1. על תבניות Dreamweaver
    2. זיהוי תבניות ומסמכים המבוססים על תבניות
    3. יצירת תבנית Dreamweaver
    4. יצירת אזורים ניתנים לעריכה בתבניות
    5. יצירת אזורים חוזרים וטבלאות חוזרות ב-Dreamweaver
    6. שימוש באזורים אופציונליים בתבניות
    7. הגדרת תכונות תג ניתנות לעריכה ב-Dreamweaver
    8. כיצד ליצור תבניות מקוננות ב-Dreamweaver
    9. עריכה, עדכון ומחיקה של תבניות
    10. ייצוא וייבוא תוכן XML ב-Dreamweaver
    11. החלה של תבנית על מסמך קיים או הסרתה ממנו
    12. עריכת תוכן בתבניות Dreamweaver
    13. כללי תחביר של תגי תבנית ב-Dreamweaver
    14. הגדרת העדפות סימון לאזורי תבנית
    15. היתרונות של שימוש בתבניות ב-Dreamweaver
  15. מכשירים ניידים ומסכים מרובים
    1. יצירת שאילתות מדיה
    2. שינוי כיוון דף עבור מכשירים ניידים
    3. יצירת יישומי אינטרנט עבור מכשירים ניידים באמצעות Dreamweaver
  16. אתרי אינטרנט, דפים וטופסי אינטרנט דינמיים
    1. הבנת יישומי אינטרנט
    2. הגדרת המחשב לפיתוח יישומים
    3. פתרון בעיות בחיבורים למסדי נתונים
    4. הסרת סקריפטים של חיבור ב-Dreamweaver
    5. עיצוב דפים דינמיים
    6. סקירת מקורות של תוכן דינמי
    7. הגדרת מקורות של תוכן דינמי
    8. הוספת תוכן דינמי לדפים
    9. שינוי תוכן דינמי ב-Dreamweaver
    10. הצגת רשומות של מסד נתונים
    11. אספקת נתונים בזמן אמת ב-Dreamweaver ופתרון בעיות בהם
    12. הוספת התנהגויות שרת מותאמות אישית ב-Dreamweaver
    13. בניית טפסים באמצעות Dreamweaver
    14. שימוש בטפסים לאיסוף מידע ממשתמשים
    15. יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver
    16. יצירת טופסי אינטרנט
    17. תמיכה משופרת ב-HTML5 עבור רכיבי טופס
    18. פיתוח טופס באמצעות Dreamweaver
  17. בנייה חזותית של יישומים
    1. בניית דפי אב ופרטים ב-Dreamweaver
    2. בניית דפי חיפוש ותוצאות
    3. בניית דף להכנסת רשומות
    4. בניית דף לעדכון רשומות ב-Dreamweaver
    5. בניית דפים למחיקת רשומות ב-Dreamweaver
    6. שימוש בפקודות ASP כדי לשנות מסד נתונים ב-Dreamweaver
    7. בניית דף רישום
    8. בניית דף כניסה
    9. בניית דף המאפשר גישה למשתמשים מורשים בלבד
    10. אבטחת תיקיות ב-ColdFusion באמצעות Dreamweaver
    11. שימוש ברכיבי ColdFusion ב-Dreamweaver
  18. בדיקה, תצוגה מקדימה ופרסום של אתרי אינטרנט
    1. תצוגה מקדימה של דפים
    2. תצוגה מקדימה עבור דפי אינטרנט של Dreamweaver במכשירים מרובים
    3. בדיקת אתר Dreamweaver שלך
  19. פתרון בעיות
    1. בעיות שתוקנו
    2. בעיות ידועות

 

 

הערה:

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

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

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

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

גישה ל-Dreamweaver Exchange

  1. ב-Dreamweaver, גש ל-Dreamweaver Exchange באחת מהדרכים הבאות:
    • בחר Help >‏ ‏Dreamweaver Exchange.

    • בחר Window >‏ Server Behaviors, לחץ על לחצן הפלוס (+) ובחר בפקודה Get More Server Behaviors.

    אתר האינטרנט של Dreamweaver Exchange נפתח בדפדפן.

  2. היכנס ל-Exchange באמצעות Adobe ID. אם טרם יצרת לעצמך Dreamweaver Exchange ID, פעל לפי ההוראות לפתיחת חשבון של Adobe.

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

  1. הפעל את Extension Manager באמצעות בחירה באפשרות Commands >‏ Manage Extensions.
  2. בחר בפקודה File >‏ Install Package ב-Extension Manager.

    למידע נוסף, ראה שימוש ב-Extension Manager.

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

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

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

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

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

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

שימוש ב-Server Behavior Builder

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

  1. בחלונית Server Behaviors‏(Window >‏ Server Behaviors), לחץ על לחצן הפלוס (+) ובחר New Server Behavior.
  2. בתפריט הנפתח Document Type, בחר בסוג המסמך שהתנהגות השרת שאתה מפתח מיועדת לו.
  3. בתיבה Name, הזן שם להתנהגות השרת.
  4. ‏(אופציונלי) להעתקת התנהגות שרת קיימת והוספתה להתנהגות שאתה יוצר, בחר באפשרות Copy Existing Server Behavior, ולאחר מכן בחר בהתנהגות השרת בתפריט הנפתח Behavior to Copy. לחץ על OK.

    מוצגת תיבת הדו-שיח Server Behavior Builder.

  5. להוספת גוש קוד חדש, לחץ על לחצן הפלוס (+), הזן שם לגוש הקוד ולחץ על OK.

    השם מוצג ב-Server Behavior Builder ותגי הסקריפט המתאימים מוצגים בתיבה Code block.

  6. בתיבה Code Block, הזן את קוד זמן הריצה הדרוש להפעלת התנהגות השרת.
    הערה:

    בעת הזנת קוד בתיבה Code Block, ניתן להוסיף רק תג אחד או גוש קוד אחד לכל אחד משמות הקוד שניתן להם שם (לדוגמה, myBehavior_block1, ‏myBehavior_block2, ‏myBehavior_blockn וכדומה). אם עלייך להזין תגים או גושי קוד מרובים, צור גוש קוד נפרד לכל אחד מהם. ניתן גם להעתיק ולהדביק קוד מדפים אחרים.

  7. מקם את נקודת ההכנסה במקום בגוש הקוד שברצונך להוסיף בו את הפרמטר, או בחר מחרוזת שתוחלף בפרמטר.
  8. לחץ על הלחצן Insert Parameters in Code Block.
  9. הזן שם לפרמטר בתיבה Parameter Name ‏(לדוגמה, Session), ולחץ על OK.

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

  10. לציון מיקום הטבעת גושי הקוד, בחר אפשרות בתפריט הנפתח Insert Code.
  11. ‏(אופציונלי) לציון מידע נוסף על התנהגות השרת, לחץ על הלחצן Advanced.
  12. ליצירת גושי קוד נוספים, חזור על צעדים 5 עד 11.
  13. אם התנהגות השרת דורשת שיסופקו לה פרמטרים, עלייך ליצור תיבת דו-שיח שתקבל פרמטרים מהאדם שמחיל את ההתנהגות. ראה בקישור שלמטה.
  14. לאחר ביצוע הצעדים הדרושים ליצירת התנהגות השרת, לחץ על OK.

    התנהגות השרת רשומה בחלונית Server Behaviors.

  15. בדוק את התנהגות השרת וודא שהיא פועלת כהלכה.

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

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

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

Identifier

מציין אם גוש הקוד יטופל כמזהה.

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

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

Server Behavior Title

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

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

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

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

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

Code Block to Select

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

בעת החלת התנהגות שרת, אחד מגושי הקוד הכלולים בהתנהגות מוגדר כ"גוש קוד לבחירה". בעת החלת התנהגות השרת ובחירת ההתנהגות בחלונית Server Behaviors לאחר מכן, גוש הקוד שהוגדר נבחר בחלון Document. כברירת מחדל, 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) @>    conditional
text1[<@ elseif (expression2) @>    conditional text2]*[<@ else @> 
    conditional text3]<@ endif @>

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

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

בעת שימוש בפקודות if, ‏else ו-elseif בתג insertText של XML, הטקסט המשתתף מעובד מראש כדי לעבד את פקודות 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@@ בתיבת הדו-שיח Parameter של התנהגות השרת - במילים אחרות, אם ערך הפרמטר @@callableName@@ שונה מאפס, או ‎(@@callableName@@ !‎= '') - ההצהרות הבאות יחליפו את גוש הקוד של התנאי:

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

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

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

מיקום גוש קוד

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

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

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

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

אפשרויות Insert Code

אפשרויות מיקום יחסי

Above the <html> Tag

  • בתחילת הקובץ

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

  • בדיוק אחרי ערכות הרשומות

  • בדיוק מעל לתג <html>

  • מיקום מותאם אישית

Below the </html> Tag

  • לפני סוף הקובץ

  • לפני סגירת ערכת הרשומות

  • אחרי סגירת ערכת הרשומות

  • אחרי התג‎ </html> ‎

  • מיקום מותאם אישית

Relative to a Specific Tag

בחר תג בתפריט הנפתח Tag ולאחר מכן בחר מבין אפשרויות מיקום התג.

Relative to the Selection

לפני הבחירה

אחרי הבחירה

החלף את הבחירה

לפני ואחרי הבחירה

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

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

מיקום גוש קוד (הנחיות כלליות)

  1. כתוב גוש קוד בעזרת Server Behavior Builder.
  2. בתיבת הדו-שיח Server Behavior Builder, בחר מיקום להוספת גוש הקוד בתפריט הנפתח Insert Code.
  3. בתיבת הדו-שיח Server Behavior Builder, בחר מיקום יחסי לזה שבחרת בתפריט הנפתח Insert Code.
  4. אם סיימת לכתוב את גוש הקוד, לחץ על OK.

    התנהגות השרת מוצגת בחלונית Server Behaviors ‏(Window >‏ Server Behavior). לחץ על לחצן הפלוס (+) להצגת התנהגות השרת.

  5. בדוק את התנהגות השרת וודא שהיא פועלת כהלכה.

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

  1. בתפריט הנפתח Insert Code, בחר באפשרות Relative To A Specific Tag.
  2. בתיבה Tag, הזן את התג או בחר תג בתפריט הנפתח.

    בעת הזנת תג, אין לכלול את הסוגריים הזוויתיים (<>).

  3. ציין מיקום יחסי לתג באמצעות בחירת אפשרות בתפריט הנפתח Relative Position.

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

  1. בתפריט הנפתח Insert Code, בחר באפשרות Relative To The Selection.
  2. ציין מיקום יחסי לבחירה באמצעות בחירת אפשרות בתפריט הנפתח Relative Position.

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

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

    <CFIF Day=”Monday”></CFIF>

    הוסף את קטע התג הפותח של גוש הקוד לפני התג הפותח של הבחירה ואת קטע התג הסוגר של גוש הקוד אחרי התג הסוגר של הבחירה.

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

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

<@ 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 על יצירת תיבת דו-שיח עם בקר ליצירת מערכים (לדוגמה, בקר רשת).

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

הדוגמה הבאה מציגה כיצד ניתן להשתמש בגושי קוד חוזרים כאלה ליצירת התנהגויות שרת (בדוגמה זו, התנהגות 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= בכל עותק חוזר של הלולאה - כולל מרכאות הסגירה (") - ולא לספק פלט של פסיק בעותק החוזר האחרון של הלולאה. בעזרת המשתנה המובנה ניתן לבטא זאת באופן הבא:

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

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

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

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

הערה:

פרמטר נוסף לגוש הקוד ללא התערבותך אם ציינת שיש להוסיף את הקוד באופן יחסי לתג מסוים שנבחר על-ידי מעצב הדף (כלומר, אם בחרת באפשרות Relative to a Specific Tag בתפריט הנפתח Insert Code). הפרמטר מוסיף לתיבת הדו-שיח של ההתנהגות תפריט תגים המאפשר למעצב הדף לבחור תג.

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

  1. הזן סמן פרמטר בקוד, במקום שברצונך להוסיף בו את ערך הפרמטר המסופק. תחביר הפרמטר הוא:
    @@parameterName@@
  2. הקף את המחרוזת ‎formParam בסמני פרמטר (@@):
    <% Session(“lang_pref”) = Request.Form(“@@formParam@@”); %>

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

    <% Session(“lang_pref”) = Request.Form(“Form_Object_Name”); %>

    כדי לדרוש ממעצב הדף לספק ערך ל-Form_Object_Name, הקף את המחרוזת בסמני פרמטר (@@):<% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>‎

    <% Session(“lang_pref”) = Request.Form(“@@Form_Object_Name@@”); %>

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

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

הערה:

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

הזנת שם פרמטר

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

  1. ב-Server Behavior Builder, לחץ על Next.
  2. לשינוי סדר התצוגה של בקרי תיבת הדו-שיח, בחר פרמטר ולחץ על החץ למעלה או למטה.
  3. לשינוי בקר של פרמטר, בחר בפרמטר ובחר בקר אחר בעמודה Display As.
  4. לחץ על OK.

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

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

  1. לחץ על לחצן הפלוס (+) בחלונית Server Behaviors ‏(Window >‏ Server Behaviors), ובחר בהתנהגות השרת המותאמת אישית בתפריט הנפתח.

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

  1. בחלונית Server Behaviors ‏(Window >‏ Server Behaviors), לחץ על לחצן הפלוס (+) ובחר בפקודה Edit Server Behaviors בתפריט הנפתח.
  2. בחר בהתנהגות השרת ברשימה ולחץ על Open.
  3. לחץ על Next.

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

  4. לשינוי סדר התצוגה של בקרי תיבת הדו-שיח, בחר פרמטר ולחץ על החץ למעלה או למטה.
  5. לשינוי בקר של פרמטר, בחר בפרמטר ובחר בקר אחר בעמודה Display As.
  6. לחץ על OK.

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

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

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

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

  1. לחץ על הלחצן פלוס (+) בחלונית Server Behaviors ‏(Window >‏ Server Behaviors), בחר באפשרות New Server Behavior וצור עותק של התנהגות השרת הישנה.

עריכת קוד של התנהגות שרת שנוצרה ב-Server Behavior Builder

  1. בחלונית Server Behaviors ‏(Window >‏ Server Behaviors), לחץ על הלחצן פלוס (+) ובחר בפקודה Edit Server Behaviors בתפריט הנפתח.

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

  2. בחר בהתנהגות השרת ולחץ על Edit.
  3. בחר בגוש הקוד המתאים ושנה את הקוד, את סמני הפרמטרים או את מיקום הוספת גוש הקוד לדפים.
  4. אם הקוד ששינית אינו כולל פרמטרים המסופקים על-ידי המעצב, לחץ על OK.

    Dreamweaver יוצר את התנהגות השרת מחדש ללא תיבת דו-שיח. התנהגות השרת החדשה מופיעה בתפריט הנפתח של הלחצן פלוס (+) בחלונית Server Behaviors.

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

    Dreamweaver מבקש ממך לבחור אם ברצונך ליצור תיבת דו-שיח חדשה שתדרוס את הישנה. בצע את השינויים הרצויים ולחץ על OK.

    Dreamweaver שומר את כל השינויים בקובץ EDML של התנהגות השרת.

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

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

בעת יצירת התנהגויות שרת, פעל לפי הנחיות כתיבת הקוד הבאות:

בדיקת שגיאות

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

שמות ייחודיים

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

קידומות קוד

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

var MM_ERROR_STRING = "..."; 
function MM_hideLayer() {

הימנע מגושי קוד דומים

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

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

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

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

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

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

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

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

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

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

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

 Adobe

קבל עזרה במהירות ובקלות

משתמש חדש?

‎‎Adobe MAX 2024

Adobe MAX
כנס היצירתיות

14-16 באוקטובר, מיאמי ביץ', ובאינטרנט

Adobe MAX

כנס היצירתיות

14-16 באוקטובר, מיאמי ביץ', ובאינטרנט

‎‎Adobe MAX 2024

Adobe MAX
כנס היצירתיות

14-16 באוקטובר, מיאמי ביץ', ובאינטרנט

Adobe MAX

כנס היצירתיות

14-16 באוקטובר, מיאמי ביץ', ובאינטרנט