שלב 1: פתיחת הפרויקט והיכרות עם CSS
- חלץ את קובץ ה-ZIP ופתח את התיקייה ב-VS Code.
- פתח את
index.htmlבדפדפן וראה את מבנה הדף. - פתח את
style.cssוהבן שזה קובץ CSS חיצוני.
שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.
כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.
בפרויקט זה תכירו את שפת CSS ותלמדו כיצד לעצב דף HTML בצורה בסיסית ומסודרת.
הפרויקט מתמקד בהבנת תפקיד ה-CSS, בדרכים השונות לחיבור עיצוב לדף (Inline, Internal ו-External), ובשימוש בסלקטורים בסיסיים לבחירת אלמנטים.
במהלך העבודה תתרגלו:
עיצוב אלמנטים בעזרת סלקטור אלמנט, מחלקה ו-ID
שימוש בתכונות וערכים נפוצים כגון צבעים, מרווחים, גבולות ורקעים
הוספת הערות בקוד CSS להבנה ותחזוקה נכונה
בסיום הפרויקט יהיה לכם דף HTML מעוצב ראשון, ותבינו כיצד CSS משפיע על מראה האתר ומהי הדרך הנכונה לעבוד עם קובצי עיצוב בפרויקטים אמיתיים.
index.html בדפדפן וראה את מבנה הדף.style.css והבן שזה קובץ CSS חיצוני.במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.