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

עיצוב טקסט וגופנים - פרויקט מודרך

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

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

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

בפרויקט זה תלמדו לעצב טקסט בצורה מקצועית בעזרת CSS: צבע וגודל, משקל (bold/light), ריווח שורות (line-height) וריווח בין אותיות (letter-spacing), יישור טקסט, ושילוב גופנים. נשלב Google Fonts בשתי דרכים (link ו-@import), ונכיר @font-face כדי לטעון גופן מקומי מהפרויקט. בסיום תוכלו להשתמש ב-DevTools כדי להבין אילו חוקים חלים על כל אלמנט ואיך לאתר עיצובים שנדרסים.

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

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

שלב 1: עיצוב צבע וגודל טקסט

  1. פתח את הקובץ style.css.
  2. בחר אלמנט טקסט (כגון p או h1).
  3. הגדר לו color ו-font-size.
  4. בדוק שהשינוי מוצג בדפדפן.
2

שלב 2: משקל טקסט והדגשה

3

שלב 3: ריווח שורות וריווח בין אותיות

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

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