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

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

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

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

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

בפרויקט זה תלמדו לעבוד עם צבעים ורקעים ב-CSS ולהבין את ההבדלים בין שיטות הייצוג השונות.
הפרויקט מתמקד בשימוש בצבעים מסוג RGB (מספרי ואחוזי), HEX, HSL ו-RGBA, כולל עבודה עם שקיפויות.

במהלך הפרויקט תתרגלו:

  • התאמת צבעי טקסט ורקע ליצירת ניגודיות נכונה

  • שימוש בתמונות כרקע והגדרת חזרה, גודל ומיקום

  • יצירת רקעים מתקדמים באמצעות Linear Gradient ו-Radial Gradient

  • בדיקת שינויים וניתוח עיצוב בעזרת כלי הפיתוח של הדפדפן

בסיום הפרויקט תדעו לבחור צבעים בצורה מקצועית, ליצור רקעים עשירים, ולהשתמש ב-CSS כדי לשפר משמעותית את המראה והחוויה של האתר.

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

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

שלב 1: RGB באחוזים

  1. פתח/י style.css.
  2. ב-.sw-rgb-percent הגדר/י background-color עם rgb(%,%,%).
  3. הגדר/י גם color לטקסט כדי שיהיה קריא.
2

שלב 2: צבעים ב-HEX

3

שלב 3: RGB מספרי

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

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