וובמאסטר - תיכנות ובניית אתרים

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

גיא בורשטיין/‏ 29 יוני, 2010
F+
F-
כדי להתחיל, ניצור אתר חדש ובו עמוד פשוט.
  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


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

גיא בורשטיין

גיא בורשטיין הוא מומחה טכנולוגיות פיתוח בחברת מיקרוסופט ואחראי על הקשר בין מיקרוסופט לקהילת המפתחים בארץ.
אתר: http://blogs.microsoft.co.il/blogs/openness/
תגיות: ASP.NET‏  /  CSHTML‏  /  מדריך‏  /  פיתוח‏  /  בניית אתרים‏  

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

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות