Facebook
Twitter
RSSמדריך CSHTML – בניית אתר פשוט עם WebMatrix
כדי להתחיל, ניצור אתר חדש ובו עמוד פשוט.
- פתח את WebMatrix.
- לחת על האפשרות From Site Template ליצירת אתר המבוסס על תבנית מוכנה מראש.
- בחר בתבנית ששמה Empty Site וקרא לה Hello World.
- לחץ על OK. WebMatrix יצור את האתר החדש ויפתח אותו.
בחלק העליון של הכלי, ישנו סרגל כלים מסוג Ribbon ומעליו בפינה השמאלית סרגל הגישה המהירה. בחלק השמאלי התחתון של הכלי, תמצאו את רשימת סביבות העבודה, שמשפיע על מה שנראה בחלק המרכזי של הכלי, בוא נערוך את הקבצים, נריץ דוחות וננהל את מסדי הנתונים של האתר.
בתחתית החלון תמצאו את סרגל ההתראות הצהוב המופיע כאשר ישנן הודעות חשובות שיש לשים לב אליהן במהלך העבודה.
- מבין סביבות העבודה בכלי בחלקו השמאלי התחתון, בחר בסביבת העבודה לניהול קבצי האתר (Files), בה תוכל לעבוד עם הקבצים והתיקיות. לאחר הבחירה יופיע עץ הקבצים של האתר.
- הוסף דף חדש לאתר. בסרגל הכלים העליון לחץ על הכפתור New.
WebMatrix מציג רשימה ובה סוגי הקבצים אותם ניתן להוסיף לאתר – רובם בוודאי מוכרים לך כגון קבצי HTML, CSS וכו'.
- בחר להוסיף קובץ מסוג CSHTML ובשדה Name הקלד HelloWorld.cshtml. דפים מסוג CSHTML הם סוג מיוחד של דפים שיכולים להכין שילוב של HTML, קוד JavaScript וכן קוד של WebMatrix ליצירת אתרים דינאמיים.
- לחץ על OK.
WebMatrix ייצור את הקובץ החדש ויפתח אותו בעורך הקוד.
ניתן לראות שהקובץ שנוצר מכיל HTML פשוט ומוכר.
- הוסף את ה- HTML המודגש לתוך הדף.
<html lang="en">
<head>
<title>Hello World Page</title>
</head>
<body>
<h1>Hello World Page</h1>
<p>Hello World!</p>
</body>
</html> - בסרגל הגישה המהירה לחץ על Save.
- הצג את הדף שכתבת. בסרגל הכלים העליון לחץ על הכפתור Launch.
- WebMatrix מפעיל שרת Web (מסוג IIS Express) שאפשר להשתמש בו כדי לבדוק את הדפים במחשב שלך. הדף היצרת יוצג בדפדפן.
בפרק הבא במדריך נלמד לשלב קוד ליצירת אתר דינאמי פשוט.
תגובות בפייסבוק