מדריך ASP – הקדמה

ASP (ראשי תיבות של Active Server Pages) הינה טכנולוגיית צד-שרת שפותחה ע"י מיקרוסופט ומאפשרת בניית אתרים דינאמיים.

שימו לב!
ASP היא טכנולוגיה שנוצרה בשלהי שנות ה- 90 ומיקרוסופט כבר לא מפתחת אותה.
לבניית אתרים דינאמיים בקלות מומלץ להתקדם ל- CSHTML. לרשותכם מדריך CSHTML באתר זה.

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

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

מה צריך לדעת כדי ללמוד ASP?

לפני הלימוד עם מדריך זה מומלץ לעבור על המדריכים הבאים, לפחות ברמה בסיסית.

 

עורך ASP

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

התקנת WebMatrix – עורך ASP

כדי לעבוד עם WebMatrix נדרשת מערכת הפעלה Windows XP או גירסא מתקדמת יותר.

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

מדריך ASP קלאסי

הלחיצה תוביל אתכם לאתר ההורדה של WebMatrix העושה שימוש ב- Web Platform Installer – כלי שהופך את תהליך ההתקנה של מגוון תוכנות לבניית אתרים למשהו מהיר ביותר. אם עדיין לא התקנתם את ה- Web Platform Installer, לחצו כל הכפתור הירוק הגדול:

מדריך ASP קלאסי

ההתקנה של Web Platform Installer תסתיים מהר מאד, ולאחריה יופיע מסך ההתקנה של WebMatrix:

מדריך ASP קלאסי

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

מדריך ASP קלאסי

אשרו את ההתקנה ע”י לחיצה על הכפתור I Accept ותהליך ההתקנה יתחיל. התהליך עשוי להמשך מספר דקות, אך לא דורש התערבות כלשהי.

מדריך ASP קלאסי

בסיום התקנת WebMatrix, יופיע מסך הסיכום, המפרט את הרכיבים שהותקנו.

מדריך ASP קלאסי

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

מדריך ASP קלאסי

בניית אתר פשוט ב- ASP

1. במסך הפתיחה של WebMatrix נלחץ על האפשרות Site From Template ליצירת אתר המבוסס על תבנית מוכנה מראש.

מדריך ASP קלאסי

2. בחר בתבנית ששמה Empty Site וקרא לה Hello World.

מדריך ASP קלאסי

3. לחץ על OK. ‏ WebMatrix יצור את האתר החדש ויפתח אותו לתחילת עבודה.

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

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

מדריך ASP קלאסי

5. הוסף דף חדש לאתר. בסרגל הכלים העליון לחץ על הכפתור New.

מדריך ASP קלאסי

WebMatrix מציג רשימה ובה סוגי הקבצים אותם ניתן להוסיף לאתר – ביניהם קבצי ASP.

מהו קובץ ASP?

קובץ ASP הוא קובץ טקסט בסיומת asp. הוא מכיל שילוב של HTML/DHTML המוצגים ומבוצעים בצד הלקוח, וסריקפטי ASP המבוצעים על השרת.
כאשר המשתמש שולח בקשה לשרת להצגת קובץ ASP, השרת מעבד את הקובץ ומחזיר את תוצאת העיבוד בצורת D/HTML. המשתמש לעולם אינו רואה את קוד ה-ASP אלא את התוצר (פלט) שלו!

מדריך ASP קלאסי

6. בחר להוסיף קובץ מסוג ASP ובשדה Name הקלד index.asp.

7. לחץ על OK. 
WebMatrix ייצור את הקובץ החדש ויפתח אותו בעורך הקוד.

מדריך ASP קלאסי

8. ערוך את תוכן קובץ ה- ASP והוסף את ה- HTML המודגש לתוך הדף.

<%@ language="VBScript" %>
<!DOCTYPE html>
<
html lang="en">
<
head>
  <meta charset="utf-8" />
  <title>Hello ASP</title>
</
head>
<
body>
  <% Response.Write("Hello World") %>
</body>
</
html
>

9. בסרגל הגישה המהירה לחץ על Save.

    מדריך ASP קלאסי

10. הצג את הדף שכתבת. בסרגל הכלים העליון לחץ על הכפתור Launch.

מדריך ASP קלאסי

11. WebMatrix מפעיל שרת Web (מסוג IIS Express) שאפשר להשתמש בו כדי לבדוק את הדפים במחשב שלך. הדף היצרת יוצג בדפדפן.

מדריך ASP קלאסי

ברכות! יצרת את אתר האינטרנט הראשון שלך ב- ASP!

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

תגיות: , , ,

תגובות בפייסבוק