# משימת תרגול HTML: יצירת דגם לבלוג ## מטרות למידה יישום הידע שלך ב-HTML על ידי עיצוב וקידוד מבנה מלא של דף הבית לבלוג. משימה מעשית זו תחזק את הבנתך לגבי HTML סמנטי, שיטות עבודה מומלצות לנגישות, וכישורי ארגון קוד מקצועיים שתשתמש בהם לאורך מסע הפיתוח שלך. **על ידי השלמת המשימה הזו, תוכל:** - לתרגל תכנון פריסת אתר לפני הקידוד - ליישם אלמנטים סמנטיים של HTML בצורה נכונה - ליצור סימון נגיש ומאורגן היטב - לפתח הרגלי קידוד מקצועיים עם הערות וארגון ## דרישות הפרויקט ### חלק 1: תכנון עיצוב (דגם חזותי) **צור דגם חזותי של דף הבית של הבלוג שלך שכולל:** - כותרת עם שם האתר וניווט - אזור תוכן ראשי עם לפחות 2-3 תצוגות מקדימות של פוסטים בבלוג - סרגל צד עם מידע נוסף (מדור "אודות", פוסטים אחרונים, קטגוריות) - תחתית עם מידע ליצירת קשר או קישורים **אפשרויות ליצירת דגם:** - **שרטוט ידני**: השתמש בנייר ועיפרון, ואז צלם או סרוק את העיצוב שלך - **כלים דיגיטליים**: Figma, Adobe XD, Canva, PowerPoint או כל יישום ציור - **כלי Wireframe**: Balsamiq, MockFlow או תוכנות דומות ליצירת Wireframe **סמן את חלקי הדגם שלך** עם האלמנטים של HTML שאתה מתכנן להשתמש בהם (לדוגמה, "כותרת - `

`", "פוסטים בבלוג - `

`"). ### חלק 2: תכנון אלמנטים HTML **צור רשימה שממפה כל חלק בדגם שלך לאלמנטים ספציפיים של HTML:** ``` Example: - Site Header →

- Main Navigation →