נהפוך את האתר לשלנו: נבחר נושא שמסקרן אותנו, נכתוב פסקת פתיחה ונוסיף רשימה וקישור למידע נוסף.
הפרק הקודם: 02 — סביבת הפיתוח: מריצים ומשנים אתר · הפרק הבא: 04 — מעצבים עם CSS
במסך מגע אפשר להחליק ימינה לפרק הבא ושמאלה לפרק הקודם.
מה נלמד
- לבנות רשימה וקישור.
- לבחור נושא שמעניין אתכם.
- להבחין בין תוכן אישי לבין המבנה המשותף של האתר.
זה עדיין שלב התנסות לפני רישום הפרויקט השנתי. אפשר לעבוד בניסוי שבחרתם או ליצור ניסוי חדש בתיקייה נפרדת בעזרת 02 — מדריכי ההקמה. אם מתחילים מחדש, השלימו בו את שינויי השיעורים הקודמים הדרושים לדוגמאות שלפניכם. שמרו את הניסויים הקודמים; עדיין אין צורך לפרסם ל־GitHub.
פותחים ומריצים
פתחו את תיקיית הפרויקט שבה עבדתם, שמרו את הקבצים והריצו את האתר. בדקו שהשינוי מהמפגש הקודם מופיע לפני שמנסים שינוי חדש.
בוחרים נושא קטן
בחרו חיות, שירים, משחקים או שחקנים. חשבו מראש על קשר פשוט: מטפל–חיות, אמן–שירים, סטודיו–משחקים או קבוצה–שחקנים. כל פריט יהיה שייך להורה אחד. החליפו את הטקסט והתמונות בתוכן שמתאים לנושא שבחרתם. שמרו ב־wwwroot/images תמונות שצילמתם או שיש לכם רשות להשתמש בהן.
השינויים בקוד
RazorTaba/Pages/Index.cshtml
בקובץ הקיים בצעו את השינוי הבא. סימני + ו־- מציינים שינוי ואינם חלק מהקוד:
@{
ViewData["Title"] = "בית";
}
<h1>החיות שלי</h1>
-<p>זה האתר הראשון שלי. כאן אכיר לכם חיות שמסקרנות אותי.</p>
+<p>ברוכים הבאים לפינה שלי בטבע. נכיר חיות, נקרא עליהן ונלמד איך מטפלים בהן.</p>
+<h2>מה תמצאו כאן?</h2>
+<ul>
+ <li>חיות שיש להן סיפור</li>
+ <li>מדריכי טיפול קצרים</li>
+ <li>המלצות שלי להיכרות מקרוב</li>
+</ul>
+<a href="https://he.wikipedia.org/wiki/שועל">לקריאה על שועלים</a>
<img src="~/images/fox.svg" alt="איור של שועל" width="180" />
מריצים ובודקים
- הרשימה מוצגת בשלושה פריטים.
- הקישור נפתח בכתובת שהתכוונתם אליה.
- הכותרת והפסקה מתאימות לאותו נושא.
משימה אישית ובדיקת הבנה
כתבו פסקת פתיחה ושלושה פריטי רשימה בנושא שלכם. הסבירו כיצד href שונה מהטקסט שבין תגיות a.
בסיום שינוי: שמרו את הקבצים, בדקו את האתר בדפדפן והסבירו מה שיניתם. אפשר להמשיך בניסוי הזה או לתרגל שוב בפרויקט נפרד; רשמו היכן שמרתם כל ניסוי.
AI יכול לעזור להבין הודעת שגיאה ולנפות תקלה. אתם אחראים לכתוב, לבדוק ולהסביר את הקוד; אין להפעיל סוכן שיכתוב את הפרויקט.