שלב 1: RGB באחוזים
- פתח/י
style.css. - ב-
.sw-rgb-percentהגדר/יbackground-colorעםrgb(%,%,%). - הגדר/י גם
colorלטקסט כדי שיהיה קריא.
שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.
כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.
בפרויקט זה תלמדו לעבוד עם צבעים ורקעים ב-CSS ולהבין את ההבדלים בין שיטות הייצוג השונות.
הפרויקט מתמקד בשימוש בצבעים מסוג RGB (מספרי ואחוזי), HEX, HSL ו-RGBA, כולל עבודה עם שקיפויות.
במהלך הפרויקט תתרגלו:
התאמת צבעי טקסט ורקע ליצירת ניגודיות נכונה
שימוש בתמונות כרקע והגדרת חזרה, גודל ומיקום
יצירת רקעים מתקדמים באמצעות Linear Gradient ו-Radial Gradient
בדיקת שינויים וניתוח עיצוב בעזרת כלי הפיתוח של הדפדפן
בסיום הפרויקט תדעו לבחור צבעים בצורה מקצועית, ליצור רקעים עשירים, ולהשתמש ב-CSS כדי לשפר משמעותית את המראה והחוויה של האתר.
style.css..sw-rgb-percent הגדר/י background-color עם rgb(%,%,%).color לטקסט כדי שיהיה קריא.במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.