שם השיעור: התאמת דף הבית למובייל
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית האתר
- יצירת סאב-דומיין והתקנת אתר (33:51)
- התקנת תבנית ותחילת בניית Header (31:30)
- סיום Header (30:35)
- בניה של Hero Section (32:44)
- בניית סקשן 2 ו3 (33:10)
- סקשן אודות (45:33)
- יצירת CPT (32:28)
- סקשן בלוג (30:14)
- יצירת גלריה במבנה Masonry (32:05)
- סקשן המלצות (31:15)
- יצירת Listing Grid (32:36)
- סקשן קופון הנחה (31:33)
- דף ארכיון "ההצעות שלנו" (32:49)
- דף פוסט הצעה בודדת (31:46)
- סקשן יצירת קשר (30:10)
- Footer (32:44)
- התאמת דף הבית למובייל (32:17)
- התאמת דף הבית למובייל – חלק 2 (31:11)
- התאמת דף הבית למובייל – חלק 3 (1454:04)
- דף אודות כולל מובייל (32:27)
- דף יצירת קשר, נגישות ותנאי שימוש (31:44)
- דף הבלוג, דף פוסט ומבנה קישורים (30:35)
- חיבור לינקים, תפריטים ודף 404 (31:47)
- דף אופציה לפרטי העסק (31:13)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- נתחיל בהתאמת הHeader למובייל
- נשתמש בחלונית הניווט כדי להסתיר אלמנטים להתאמה נוחה
- נלמד על רווחים אחידים (24/48) בכל קונטיינר
וקצת יותר בפירוט...
בשיעור זה נתמקד בהתאמת **דף הבית למובייל**, שלב קריטי ליצירת אתר רספונסיבי שמספק חוויית משתמש מעולה בכל סוגי המכשירים. נתחיל בהתאמת ה-**Header** למובייל, כולל ארגון מחדש של האלמנטים, כך שיתאימו למידות המסך הקטנות יותר, תוך שמירה על קריאות ועיצוב מקצועי.
נשתמש ב**חלונית הניווט** (Navigator) של אלמנטור, כלי עוצמתי שמאפשר ניהול מדויק של האלמנטים בדף. באמצעות חלונית זו נוכל **להסתיר אלמנטים מסוימים** במובייל שאינם נחוצים או שמכבידים על העיצוב, כדי להבטיח שהאתר ייראה נקי ונגיש.
נלמד גם על **רווחים אחידים**, גישה לעיצוב רספונסיבי באמצעות מרווחים קבועים בין אלמנטים, כגון 24px או 48px. שמירה על רווחים אחידים בכל קונטיינר משפרת את מבנה העמוד ואת חוויית המשתמש, ומעניקה לאתר מראה אסתטי ומסודר. שיעור זה מעניק כלים מעשיים להתאמת דף הבית למובייל, ומסייע לכם לשפר את כישורי בניית האתרים במסגרת קורס טיוליישן.