שם השיעור: יחידות מידה

בשיעור זה נעמיק בהבנת יחידות המידה המשמשות בעיצוב אתרים באמצעות אלמנטור, ובפרט ב-PX, EM, REM, VH, VW ו-%. יחידות מידה אלו הן כלי מרכזי לשליטה על גודל, מרחק וריווח בין אלמנטים, והבנת ההבדלים ביניהן היא קריטית ליצירת עיצוב גמיש ומותאם.

נלמד להבחין בין **PX** (פיקסלים) המשמשים למדידות מדויקות וסטטיות, לבין **EM** ו-**REM** שנגזרות מגודל הגופן של האלמנט הנוכחי או של השורש (Root). בנוסף, נכיר את היחידות הדינמיות **VH** (אחוז מגובה המסך), **VW** (אחוז מרוחב המסך) ו-**%**, שמשתנות בהתאם לגודל הקונטיינר או המסך. נעזר במדריך של W3Schools להמחשה ונתרגל את ההבדלים על אלמנטים באתר כדי להבין כיצד כל יחידה משפיעה על עיצוב האתר במצבים שונים.

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