אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הנחיתה "קלין פרמייר"
- תחילת הדרך עם Figma (27:04)
- סיום הHero Section (27:28)
- CSS היכרות ושימוש ראשון (27:39)
- טמפלייטים (28:50)
- יצירת Header (27:25)
- יצירת Footer (27:47)
- שימוש בקונטיינרים (27:05)
- סיום סקשן "השירותים שלנו" (27:20)
- סקשנים למה אנחנו ושירותים (27:26)
- סקשנים בחרו בשירותים וצוות (27:30)
- סקשן המלצות (31:45)
- התאמה למובייל (27:03)
- סקשן יצירת קשר (28:25)
- הנפשות/אנימציות (27:22)
- דפים כלליים (28:20)
- חיבור לינקים (27:08)
- בדיקות כלליות (28:16)
- בדיקת הטופס (27:23)
מודול: הגדרות גלובליות
- אלמנטור – ההתחלה (28:28)
- תבנית עיצוב (27:00)
- פונטים וצבעים גלובליים (27:45)
- זהות האתר ופריסת הדף (27:02)
- מה זה HEX ומה זה RGBA (28:36)
מודול: טיפים וטריקים
- ניהול האלמנטים (27:17)
- היסטוריית העבודה (27:34)
- טעינת ספריות ומבנה הקישורים (26:50)
- פיטשרים באלמנטור (27:24)
- יחידות מידה (27:05)
- Compressimage.io (29:23)
- Recaptcha V3 & Maspik (29:13)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נלמד על אמות המידה PX, EM, REM, VH, VW, %
- נמחיש את ההבדלים בין אמות המידה על פי המדריך של W3Schools.
- נבדיל בין שימוש באמות מידה מסוימות בקונטיינרים או באלמנטים פנימיים
וקצת יותר בפירוט...
בשיעור זה נעמיק בהבנת יחידות המידה המשמשות בעיצוב אתרים באמצעות אלמנטור, ובפרט ב-PX, EM, REM, VH, VW ו-%. יחידות מידה אלו הן כלי מרכזי לשליטה על גודל, מרחק וריווח בין אלמנטים, והבנת ההבדלים ביניהן היא קריטית ליצירת עיצוב גמיש ומותאם.
נלמד להבחין בין **PX** (פיקסלים) המשמשים למדידות מדויקות וסטטיות, לבין **EM** ו-**REM** שנגזרות מגודל הגופן של האלמנט הנוכחי או של השורש (Root). בנוסף, נכיר את היחידות הדינמיות **VH** (אחוז מגובה המסך), **VW** (אחוז מרוחב המסך) ו-**%**, שמשתנות בהתאם לגודל הקונטיינר או המסך. נעזר במדריך של W3Schools להמחשה ונתרגל את ההבדלים על אלמנטים באתר כדי להבין כיצד כל יחידה משפיעה על עיצוב האתר במצבים שונים.
נבדיל גם בין השימוש ביחידות מידה בקונטיינרים, שמגדירים מסגרת כללית לעיצוב, לבין השימוש בהן באלמנטים פנימיים כמו טקסטים, כפתורים או תמונות. תובנה זו מאפשרת לנו לשלב יחידות מדידה שונות בצורה חכמה ומושכלת, ליצירת עיצוב רספונסיבי ואסתטי. שיעור זה הוא נדבך חשוב בלימוד בניית אתרים ומעניק בסיס איתן לעבודה עם יחידות מדידה באלמנטור כחלק מקורס עיצוב אתרי וורדפרס.