שם השיעור: בניה של Hero Section
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית האתר
מודול: טיפים וטריקים
מה נלמד בשיעור הזה?
- נתחיל לבנות את הHero Section
- נלמד על רזולוציית תמונה וחיתוך שלה בהתאם ל1920px
- נלמד איך להתמודד עם עיצוב לקוי בFigma והתאמה שלו לשפה העיצובית של האתר
- נגדיר גלובלית את פריסת הדף
- נגדיר את פריסת העמוד
וקצת יותר בפירוט...
בשיעור זה נתמקד בבניית ה-**Hero Section**, החלק הראשון והחשוב ביותר בעמוד הראשי של האתר. ה-Hero Section הוא המקום שבו האתר יוצר את הרושם הראשוני על המשתמשים, ולכן עיצובו חייב להיות מושך, מקצועי ומותאם לשפה העיצובית של האתר. נתחיל בבניית ה-Hero Section תוך שימוש באלמנטים בסיסיים שיוצרים עיצוב מרשים ומזמין.
נלמד על **רזולוציית תמונה** ואיך להתאים את התמונות שלנו ל-1920px, שהיא הרוחב הנפוץ לעמודים רספונסיביים. בנוסף, נלמד כיצד לבצע חיתוך מדויק של תמונות כך שישתלבו בצורה מושלמת בעיצוב הדף. במקרים שבהם העיצוב ב-Figma אינו מותאם לחלוטין, נלמד כיצד להתמודד עם עיצוב לקוי ולהתאים אותו לשפה העיצובית של האתר, תוך שמירה על קווים נקיים והרמוניים.
לאחר מכן, נבצע הגדרות גלובליות לפריסת הדף, מה שמבטיח שהעיצוב יישאר אחיד בכל האתר. נלמד כיצד להגדיר את **פריסת העמוד**, כולל ריווחים, גדלי פונט, ואזורי תוכן, כך שהעמוד יהיה ברור, נגיש ויזואלית ומוכן לשימוש מעשי. שיעור זה מספק ידע מעשי ומעמיק לבניית ה-Hero Section כחלק מתהליך הלימוד בקורס טיוליישן.