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

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

 

 

הערה:

ממשק המשתמש הפך לפשוט יותר ב-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> <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> 
    <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
SELECT lastname, firstname, fitpoints FROM employees
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>
<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>
<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>
<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>
<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.

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

משתמש חדש?