יצירת משתנה בשם department והקצאת המחרוזת "Sales" אליו.
עודכן לאחרונה בתאריך
20 בדצמבר 2021
ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
אודות יישומי אינטרנט
יישום אינטרנט הוא אתר האינטרנט של שמכיל דפים עם תוכן שנקבע חלקית או לחלוטין בצורה לא מוגדרת מראש. התוכן הסופי של דף נקבע רק כאשר המבקר מבקש דף משרת האינטרנט. מכיוון שהתוכן הסופי של הדף משתנה מבקשה לבקשה בהתבסס על פעולות המבקר, סוג זה של דף נקרא דף דינמי.
יישומי אינטרנט נבנים כדי לטפל במגוון אתגרים ובעיות. חלק זה מתאר שימושים נפוצים ביישומי אינטרנט ונותן דוגמה פשוטה.
שימושים נפוצים ליישומי אינטרנט
ליישומי אינטרנט יש שימושים רבים הן עבור מבקרי האתר והן עבור המפתחים, כולל:
לאפשר למבקרים למצוא מידע במהירות ובקלות באתר אינטרנט עשיר בתוכן.
סוג זה של יישום אינטרנט נותן למבקרים את היכולת לחפש, לארגן ולנווט בתוכן כפי שהם רואים לנכון. דוגמאות כוללות רשתות פנימיות של חברות, Microsoft MSDN (www.msdn.microsoft.com), ו-Amazon.com (www.amazon.com).
איסוף, שמירה וניתוח של נתונים שהוזנו על-ידי מבקרים באתר.
בעבר, נתונים שהוזנו בטופסי HTML נשלחו כהודעות דואר אלקטרוני לעובדים או ליישומי CGI לעיבוד. יישום אינטרנט יכול לשמור נתוני טפסים ישירות במסד נתונים וגם לחלץ את הנתונים וליצור דוחות מבוססי אינטרנט לצורך ניתוח. דוגמאות כוללות דפי בנקאות מקוונת, דפי קופה בחנויות, סקרים וטפסי משוב ממשתמשים.
עדכון אתרים שתוכנם משתנה בקביעות.
יישום אינטרנט משחרר את מעצב האתרים מעדכון מתמיד של ה-HTML של האתר. ספקי תוכן כמו עורכי חדשות מספקים ליישום הרשת תוכן, ויישום הרשת מעדכן את האתר באופן אוטומטי.דוגמאות כוללות את ה-Economist (www.economist.com) ואת CNN (www.cnn.com).
דוגמה ליישום אינטרנט
ג'נט היא מעצבת אתרים מקצועית ומשתמשת וותיקה ב-Dreamweaver האחראית לתחזוקת אתרי האינטראnet והאינטרnet של חברה בינונית עם 1000 עובדים. יום אחד, כריס ממשאבי אנוש בא אליה עם בעיה. משאבי אנוש מנהלים תוכנית כושר לעובדים שנותנת לעובדים נקודות על כל מייל של הליכה, רכיבה על אופניים או ריצה. כל העובדים חייבים לדווח על סיכומי המיילים החודשיים שלהם בדואר אלקטרוני לכריס.בסוף החודש, כריס אוסף את כל הודעות הדוא"ל ומעניק לעובדים פרסים כספיים קטנים לפי סיכומי הנקודות שלהם.
הבעיה של כריס היא שהתוכנית מצליחה יתר על המידה. כל כך הרבה עובדים משתתפים עכשיו שכריס מוצף בהודעות דוא"ל בסוף כל חודש. כריס שואל את ג'נט אם קיים פתרון מבוסס אינטרנט.
ג'נט מציעה יישום אינטרנט מבוסס אינטראנט שמבצע את המשימות הבאות:
מאפשר לעובדים להזין את הקילומטראז' שלהם בדף אינטרnet באמצעות טופס 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 ואילך.
<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>
ההוראות המוטמעות בדף זה מבצעות את הפעולות הבאות:
הכנסת הערך של המשתנה, "Sales", לקוד ה-HTML.
שרת היישומים מחזיר את הדף הבא לשרת האינטרנט:
<html>
<head>
<title>דף המידע של Trio Motors</title>
</head>
<body>
<h1>אודות Trio Motors</h1>
<p>Trio Motors היא יצרנית רכב מובילה.</p>
<p>הקפידו לבקר בעמוד המכירות שלנו.</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.
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
