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

הבנת יישומי אינטרנט

  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 שלך

 

הערה:

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

אודות יישומי אינטרנט

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

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

שימושים נפוצים ליישומי אינטרנט

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

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

    יישום מסוג זה מאפשר למבקרים לחפש ולסדר תוכן ולנווט בו כרצונם. דוגמאות לכך כוללות רשתות אינטרא-נט של חברות, Microsoft MSDN ‏(www.msdn.microsoft.com) ו-Amazon.com ‏(www.amazon.com).

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

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

  • עדכון אתרים שתוכנם משתנה בקביעות.

    יישום אינטרנט חוסך למעצב האינטרנט את הצורך בעיצוב מתמיד של קוד HTML של האתר. ספקי תוכן כגון עורכי חדשות מספקים תוכן ליישום האינטרנט, ויישום האינטרנט מעדכן את האתר באופן אוטומטי. דוגמאות לכך כוללות את Economist ‏(www.economist.com) ו-CNN ‏(www.cnn.com).

דוגמה ליישום אינטרנט

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

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

ג'נט מציעה יישום אינטרנט מבוסס אינטרה-נט שמבצע את המשימות הבאות:

  • מאפשר לעובדים להזין בדף אינטרנט את מספר הק"מ שלהם באמצעות טופס HTML פשוט

  • שומר את מספר הק"מ של העובדים במסד נתונים

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

  • מאפשר לעובדים לעקוב אחר ההתקדמות החודשית שלהם

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

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

כיצד פועל יישום אינטרנט

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

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

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

עיבוד דפי אינטרנט סטטיים

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

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

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

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
    </body> 
</html>

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

הערה:

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

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

עיבוד דף אינטרנט סטטי

A. דפדפן אינטרנט מבקש דף סטטי. B. שרת אינטרנט מוצא את הדף. C. שרת אינטרנט שולח את הדף לדפדפן המבקש. 

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

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

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

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

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

A. דפדפן אינטרנט מבקש דף דינמי. B. שרת אינטרנט מוצא את הדף ומעביר אותו לשרת יישומים. C. שרת היישומים סורק את הדף לאיתור הוראות ומשלים את הדף. D. שרת היישומים מעביר את הדף שהושלם בחזרה לשרת האינטרנט E. שרת האינטרנט שולח את הדף שהושלם לדפדפן ששלח את הבקשה 

גישה למסד נתונים

שרת יישומים מאפשר לעבוד עם משאבים מצד השרת, כגון מסדי נתונים. לדוגמה, ייתכן שדף דינמי יבקש משרת היישומים לשלוף נתונים ממסד נתונים ולהוסיף אותם לקוד HTML של הדף. לקבלת מידע נוסף, ראה www.adobe.com/go/learn_dw_dbguide_il.

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

הוראה לשליפת נתונים ממסד נתונים נקראת שאילתת מסד נתונים. שאילתה כוללת קריטריוני חיפוש שמנוסחים בשפת מסד נתונים שנקראת SQL ‏(Structured Query Language - שפת שאילתות מובנית). שאילתת SQL נכתבת בסקריפטים או בתגים מצד השרת של הדף.

שרת יישומים אינו יכול לתקשר ישירות עם מסד נתונים, מפני שהתבנית המעוגנת בזכויות יוצרים של מסד הנתונים הופכת את הנתונים לבלתי ניתנים לפענוח, כמו שמסמך Microsoft Word הנפתח בתוכנה Notepad או BBEdit עלול להיות בלתי ניתן לפענוח. שרת היישומים יכול לתקשר עם מסד הנתונים רק בעזרת מנהל התקן למסד נתונים: תוכנה המתווכת בין שרת היישומים לבין מסד הנתונים.

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

להלן שאילתת מסד נתונים פשוטה הכתובה בשפת SQL:

SELECT lastname, firstname, fitpoints 
FROM employees

הצהרה זו יוצרת ערכת רשומות בעלת שלוש עמודות וממלאת אותה בשורות הכוללות את שם המשפחה, השם הפרטי ונקודות הכושר של כל העובדים הרשומים במסד הנתונים. לקבלת מידע נוסף, ראה www.adobe.com/go/learn_dw_sqlprimer_il.

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

גישה למסד נתונים

A. דפדפן אינטרנט מבקש דף דינמי. B. שרת אינטרנט מוצא את הדף ומעביר אותו לשרת יישומים. C. שרת היישומים סורק את הדף לאיתור הוראות. D. שרת היישומים שולח שאילתה למנהל התקן של מסד נתונים. E. מנהל ההתקן מפעיל את השאילתה מול מסד הנתונים. F. ערכת הרשומות מוחזרת למנהל ההתקן. G. מנהל ההתקן מעביר את הרשומות לשרת היישומים H. שרת היישומים מוסיף את הנתונים לדף ולאחר מכן מעביר את הדף לשרת האינטרנט I. שרת האינטרנט שולח את הדף שהושלם לדפדפן ששלח את הבקשה. 

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

לבניית יישומים קטנים בעלות נמוכה, ניתן להשתמש במסד נתונים מבוסס קובץ, כגון מסד נתונים שנוצר בתוכנה Microsoft Access. לבניית יישומים חזקים החיוניים לעסק, ניתן להשתמש במסד נתונים מבוסס שרת, כגון מסד נתונים שנוצר בשרת Microsoft SQL Server,‏ Oracle 9i או MySQL.

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

חיבור דפים דינמיים

לכתיבת דף דינמי יש לכתוב תחילה קוד HTML ולאחר מכן להוסיף את הסקריפטים או התגים מצד השרת לקוד HTML כדי להפוך את הדף לדינמי. בעת צפייה בקוד שנוצר, השפה נראית מוטבעת בקוד HTML של הדף. לכן, שפות אלה נקראות שפות תכנות מוטבעות HTML. הדוגמה הבסיסית הבאה משתמשת בשפה ColdFusion Markup Language ‏(CFML):

הערה: התמיכה ב-CFML הוסרה מ-Dreamweaver CC ואילך.

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <!--- embedded instructions start here ---> 
        <cfset department="Sales"> 
        <cfoutput> 
        <p>Be sure to visit our #department# page.</p> 
        </cfoutput> 
        <!--- embedded instructions end here ---> 
    </body> 
</html>

ההוראות המוטבעות בדף זה מבצעות את הפעולות הבאות:

  1. יצירת משתנה בשם department והקצאת המחרוזת "Sales" למשתנה.

  2. הוספת ערך המשתנה, "Sales", לקוד HTML.

שרת היישומים מחזיר את הדף הבא לשרת האינטרנט:

<html> 
    <head> 
        <title>Trio Motors Information Page</title> 
    </head> 
    <body> 
        <h1>About Trio Motors</h1> 
        <p>Trio Motors is a leading automobile manufacturer.</p> 
        <p>Be sure to visit our Sales page.</p> 
    </body> 
</html>

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

אודות Trio Motors

Trio Motors הוא יצרן רכבים מוביל.

זכור לבקר בדף המבצעים שלנו.

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

טכנולוגיית שרת

שפה

ColdFusion

ColdFusion Markup Language ‏(CFML)

Active Server Pages ‏(ASP)

VBScript

JavaScript

PHP

PHP

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

מונחים ביישומי אינטרנט

חלק זה מגדיר מונחים נפוצים הקשורים ליישומי אינטרנט.

שרת יישומים

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

שרתי יישומים נפוצים כוללים את ColdFusion ואת PHP.

מסד נתונים

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

מסד נתונים

מנהל התקן למסד נתונים

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

מערכת לניהול מסד נתונים

‏(DBMS או מערכת מסד נתונים) תוכנה שמשמשת ליצירת מסדי נתונים ולטיפול בהם. מערכות מסדי נתונים נפוצות כוללות את Microsoft Access,‏ Oracle 9i ו-MySQL.

שאילתת מסד נתונים

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

דף דינמי

דף אינטרנט שהותאם אישית על-ידי שרת יישומים לפני שליחת הדף לדפדפן.

ערכת רשומות

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

ערכת רשומות

מסד נתונים יחסי

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

מסד נתונים יחסי

טכנולוגיית שרת

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

סביבת הפיתוח של Dreamweaver תומכת בטכנולוגיות השרת הבאות:

  • Adobe® ColdFusion®‎

  • Microsoft Active Server Pages (ASP)‎

  • PHP: ‏Hypertext Preprocessor (PHP)‎

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

דף סטטי

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

יישום אינטרנט

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

שרת אינטרנט

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

שרתי אינטרנט פופולריים כוללים את השרתים Microsoft Internet Information Server ‏(IIS) ו-Apache HTTP Server.

לוגו של Adobe

כניסה לחשבון