מדריך CSHTML

מדריך CSHTML – בניית אתר פשוט עם WebMatrix

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

  1. פתח את WebMatrix.

    לחץ להגדלה

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

    לחץ להגדלה

  3. בחר בתבנית ששמה Empty Site וקרא לה Hello World.
  4. לחץ על OK. ‏ WebMatrix יצור את האתר החדש ויפתח אותו.

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

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

    לחץ להגדלה

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

    לחץ להגדלה

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

    WebMatrix מציג רשימה ובה סוגי הקבצים אותם ניתן להוסיף לאתר – רובם בוודאי מוכרים לך כגון קבצי HTML, CSS וכו’.

    לחץ להגדלה

  7. בחר להוסיף קובץ מסוג CSHTML ובשדה Name הקלד HelloWorld.cshtml. דפים מסוג CSHTML הם סוג מיוחד של דפים שיכולים להכין שילוב של HTML, קוד JavaScript וכן קוד של WebMatrix ליצירת אתרים דינאמיים.
  8. לחץ על OK.
    WebMatrix ייצור את הקובץ החדש ויפתח אותו בעורך הקוד.
    CSHTML

    ניתן לראות שהקובץ שנוצר מכיל HTML פשוט ומוכר.

  9. הוסף את ה- HTML המודגש לתוך הדף.
    <html lang="en">
    <
    head>
        <title>Hello World Page</title
    >
    </
    head
    >
    <
    body>
        <h1>Hello World Page</h1>
        <p>Hello World!</p
    >
    </
    body
    >
    </
    html
    >

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

בפרק הבא במדריך נלמד לשלב קוד ליצירת אתר דינאמי פשוט.

תגיות: , , , ,

גיא בורשטיין

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

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