You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4.9 KiB
4.9 KiB
משימת תרגול HTML: יצירת דגם לבלוג
מטרה
לעצב ולכתוב את מבנה ה-HTML עבור דף הבית של בלוג אישי. תרגיל זה יעזור לך לתרגל HTML סמנטי, תכנון פריסה וארגון קוד.
הוראות
-
עצב את דגם הבלוג שלך
- צייר דגם חזותי של דף הבית של הבלוג שלך. כלול חלקים מרכזיים כמו כותרת עליונה, ניווט, תוכן ראשי, סרגל צד וכותרת תחתונה.
- ניתן להשתמש בנייר ולסרוק את הציור שלך, או להשתמש בכלים דיגיטליים (לדוגמה, Figma, Adobe XD, Canva או אפילו PowerPoint).
-
זהה את אלמנטי ה-HTML
- רשום את אלמנטי ה-HTML שאתה מתכנן להשתמש בהם עבור כל חלק (לדוגמה,
<header>,<nav>,<main>,<article>,<aside>,<footer>,<section>,<h1>–<h6>,<p>,<img>,<ul>,<li>,<a>וכו').
- רשום את אלמנטי ה-HTML שאתה מתכנן להשתמש בהם עבור כל חלק (לדוגמה,
-
כתוב את סימון ה-HTML
- כתוב את קוד ה-HTML עבור הדגם שלך. התמקד במבנה סמנטי ובשיטות עבודה מומלצות.
- כלול לפחות 10 אלמנטי HTML שונים.
- הוסף הערות כדי להסביר את הבחירות שלך ואת המבנה.
-
הגש את העבודה שלך
- העלה את הציור/דגם שלך ואת קובץ ה-HTML שלך.
- באופן אופציונלי, כתוב השתקפות קצרה (2–3 משפטים) על החלטות העיצוב שלך.
קריטריונים להערכה
| קריטריון | מצטיין | מספק | דורש שיפור |
|---|---|---|---|
| דגם חזותי | דגם ברור ומפורט עם חלקים מסומנים ופריסה מחושבת | דגם בסיסי עם כמה חלקים מסומנים | דגם מינימלי או לא ברור; חסרים סימוני חלקים |
| אלמנטי HTML | שימוש ב-10+ אלמנטי HTML סמנטיים; מראה הבנה של מבנה ושיטות עבודה מומלצות | שימוש ב-5–9 אלמנטי HTML; מבנה סמנטי חלקי | שימוש בפחות מ-5 אלמנטים; חסר מבנה סמנטי |
| איכות הקוד | קוד מאורגן היטב, קריא עם הערות; עומד בסטנדרטים של HTML | קוד מאורגן ברובו; מעט הערות | קוד לא מאורגן; חסרות הערות |
| השתקפות | השתקפות מעמיקה על החלטות עיצוב ואתגרים | השתקפות בסיסית | אין השתקפות או חסרת רלוונטיות |
טיפים
- השתמש בתגי HTML סמנטיים לשיפור נגישות ו-SEO.
- ארגן את הקוד שלך עם הזחה והערות.
- עיין ב-MDN HTML Elements Reference לקבלת הדרכה.
- חשוב על איך הפריסה שלך יכולה להיות מורחבת או מעוצבת במשימות עתידיות.
כתב ויתור:
מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית Co-op Translator. למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. איננו נושאים באחריות לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.