התחבר הצטרף עכשיו 🚀
מודול: מבוא ל-CSS קורס: CSS – עיצוב ומבנה רספונסיבי

מבוא ל-CSS - פרויקט מודרך

שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.

יש להתחבר למערכת.

כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.

תיאור הפרויקט – מבוא ל-CSS

בפרויקט זה תכירו את שפת CSS ותלמדו כיצד לעצב דף HTML בצורה בסיסית ומסודרת.
הפרויקט מתמקד בהבנת תפקיד ה-CSS, בדרכים השונות לחיבור עיצוב לדף (Inline, Internal ו-External), ובשימוש בסלקטורים בסיסיים לבחירת אלמנטים.

במהלך העבודה תתרגלו:

  • עיצוב אלמנטים בעזרת סלקטור אלמנט, מחלקה ו-ID

  • שימוש בתכונות וערכים נפוצים כגון צבעים, מרווחים, גבולות ורקעים

  • הוספת הערות בקוד CSS להבנה ותחזוקה נכונה

בסיום הפרויקט יהיה לכם דף HTML מעוצב ראשון, ותבינו כיצד CSS משפיע על מראה האתר ומהי הדרך הנכונה לעבוד עם קובצי עיצוב בפרויקטים אמיתיים.

טעימה מהצעדים במיני-פרויקט

זו רק הצצה לשלבים הראשונים. ביצוע מלא נפתח אחרי התחברות.
1

שלב 1: פתיחת הפרויקט והיכרות עם CSS

  1. חלץ את קובץ ה-ZIP ופתח את התיקייה ב-VS Code.
  2. פתח את index.html בדפדפן וראה את מבנה הדף.
  3. פתח את style.css והבן שזה קובץ CSS חיצוני.
2

שלב 2: Inline CSS

3

שלב 3: Internal CSS

במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.

כבר יש לך משתמש? התחבר ותוכל להמשיך מאיפה שעצרת במודולים ובמיני-פרויקטים.
Skip to content