הדרך לעצב אתרים בצורה מקצועית
שפה אחת לעיצוב – אינסוף אפשרויות
לוגו CSS – שפת העיצוב של האינטרנט
🎓 מה לומדים בקורס?
בשביל לעצב את האתר, משתמשים ב־CSS - Cascading Style Sheets. עם CSS אפשר להוסיף צבעים, אנימציות, אפקטים, לסדר את האלמנטים בצורה שונה, להחביא ולהבליט רכיבים, להתאים את האתר לגודל מסך, ועוד אינסוף אפשרויות יצירתיות לעיצוב וחוויית משתמש.
השפה הומצאה על ידי ארגון W3C בשנת 1996, ומאז הפכה לחלק בלתי נפרד מעיצוב אתרי אינטרנט. כיום אף אתר מקצועי לא נראה שלם בלי שימוש חכם ב־CSS
שפת HTML מציגה את התוכן עצמו – טקסטים, כפתורים, תמונות, מבנה בסיסי – אבל רק בעזרת CSS אנחנו נותנים "נשמה" לעיצוב – צבעים, אנימציות, מעבר חלק בין עמודים, טפסים מרהיבים ועוד.
אתר ללא CSS
אותו אתר עם CSS
בסיום הקורסים תדעו לעצב אתרים מאפס או בעזרת כלים מוכנים, ולבנות אתרים שמתאימים לכל מכשיר – מחשב, טלפון או טאבלט.
לדוגמה מספר אפקטים שנלמד לכתוב
🎯 סוגי מעברים (Transitions)
ב־CSS, מעברים מאפשרים לשנות תכונות בעדינות לאורך זמן. ניתן לקבוע את אורך השינוי ואת אופן ההאצה/האטה.
✨ כל ריבוע משנה צבע בעת מעבר עכבר או בלחיצה עם סוג מעבר שונה.
📦 Flexbox
Flexbox הוא מודל פריסה ב־CSS המאפשר לסדר רכיבים בשורה או בעמודה בצורה גמישה. הוא מתאים במיוחד לעימוד דינאמי ורספונסיבי.
בדוגמה זו, שלושת הריבועים מסודרים בשורה עם מרווחים שווים.
🗂 CSS Grid
CSS Grid הוא מערכת רשת דו-ממדית ב־CSS המאפשרת לסדר אלמנטים גם בשורות וגם בעמודות בקלות.
בדוגמה זו, האלמנטים מסודרים ב־3 עמודות עם מרווח של 1rem ביניהם.
🖼 אפקט מעבר על תמונה
