אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית האתר
- יצירת סאב-דומיין והתקנת אתר (33:51)
- התקנת תבנית ותחילת בניית Header (31:30)
- סיום Header (30:35)
- בניה של Hero Section (32:44)
- בניית סקשן 2 ו3 (33:10)
- סקשן אודות (45:33)
- יצירת CPT (32:28)
- יצירת גלריה במבנה Masonry (32:04)
- סקשן המלצות (31:15)
- יצירת Listing Grid (32:36)
- סקשן בלוג (30:12)
- סקשן קופון הנחה (31:33)
- דף פוסט הצעה בודדת (31:46)
- סקשן יצירת קשר (30:10)
- Footer (32:42)
- התאמת דף הבית למובייל (32:16)
- התאמת דף הבית למובייל – חלק 2 (31:11)
- התאמת דף הבית למובייל – חלק 3 (1453:58)
- דף אודות כולל מובייל (32:27)
- דף יצירת קשר, נגישות ותנאי שימוש (31:44)
- דף ארכיון "ההצעות שלנו" (32:49)
- דף הבלוג, דף פוסט ומבנה קישורים (30:33)
- חיבור לינקים, תפריטים ודף 404 (31:45)
- דף אופציה לפרטי העסק (31:11)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- ניצור קונטיינר לגלריית התמונות. מעט התמודדות עם CSS והבנה טובה יותר של Flex
- נבין את ההבדל בין גלריה במבנה Grid לבין Justified לבין Masonry
- נלמד בקצרה על Lightbox
וקצת יותר בפירוט...
בשיעור זה נתמקד ביצירת **גלריית תמונות במבנה Masonry**, עיצוב גלריה פופולרי ואסתטי שמעניק מראה דינמי ויצירתי לאתר. נתחיל ביצירת **קונטיינר לגלריה**, שבו נסדר את התמונות בצורה גמישה בעזרת CSS. נתמודד עם התאמות בסיסיות ב-CSS ונעמיק בהבנת **Flexbox**, כלי עוצמתי לניהול עיצובים דינמיים ויחסי גודל בין אלמנטים.
נלמד את ההבדלים בין שלושת סוגי הגלריות העיקריים: **Grid**, שבו התמונות מסודרות במבנה טבלה אחיד; **Justified**, שבו התמונות מתיישרות לרוחב שווה עם יחסים מותאמים; ו-**Masonry**, שבו גובה התמונות נשאר גמיש, מה שיוצר מבנה ייחודי ומעניין. הבנת היתרונות והחסרונות של כל סוג גלריה תאפשר לכם לבחור את המתאים ביותר לעיצוב האתר שלכם.
נסיים בהיכרות עם **Lightbox**, כלי להצגת תמונות מוקפצות בחלון נפרד, המאפשר חוויית גלישה אינטראקטיבית ונוחה. נלמד כיצד להטמיע Lightbox בגלריה, כך שהמשתמשים יוכלו לצפות בתמונות מוגדלות תוך שמירה על חוויית שימוש נעימה. שיעור זה מעניק לכם כלים מעשיים ליצירת גלריות מתקדמות ומרשימות כחלק מהידע הנרכש בקורס טיוליישן.