שם השיעור: יצירת גלריה במבנה Masonry

דף הבית / קורסים / טיוליישן / בניית האתר / יצירת גלריה במבנה Masonry

אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

תוכן הקורס

מודול: בניית האתר

יצירת גלריה במבנה Masonry
(11:45)

מודול: טיפים וטריקים

לא הועלה מודול עדיין

מה נלמד בשיעור הזה?

  • ניצור קונטיינר לגלריית התמונות. מעט התמודדות עם CSS והבנה טובה יותר של Flex
  • נבין את ההבדל בין גלריה במבנה Grid לבין Justified לבין Masonry
  • נלמד בקצרה על Lightbox

וקצת יותר בפירוט...

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

 

נלמד את ההבדלים בין שלושת סוגי הגלריות העיקריים: **Grid**, שבו התמונות מסודרות במבנה טבלה אחיד; **Justified**, שבו התמונות מתיישרות לרוחב שווה עם יחסים מותאמים; ו-**Masonry**, שבו גובה התמונות נשאר גמיש, מה שיוצר מבנה ייחודי ומעניין. הבנת היתרונות והחסרונות של כל סוג גלריה תאפשר לכם לבחור את המתאים ביותר לעיצוב האתר שלכם.

 

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