שם השיעור: התאמה למובייל חלק 2
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית דף הבית
- דומיין, אפליקציה חדשה והגדרות ראשוניות (38:28)
- בניית Header – חלק 1 (23:19)
- בניית Header – חלק 2 (22:57)
- בניית Footer (23:03)
- Hero Section (23:16)
- סקשן למה לעבוד איתנו (23:14)
מודול: דפים פנימיים
- סקשן אודות (22:42)
- סקשן תחומי התמחות (22:39)
- סקשן המלצות (23:10)
- סקשן הצוות שלנו חלק 1 (22:59)
- סקשן הצוות שלנו חלק 2 (23:09)
- שאלות נפוצות (22:51)
- סקשן בלוג (22:48)
- סקשן יצירת קשר (22:44)
- התאמה למובייל חלק 1 (23:09)
- התאמה למובייל חלק 2 (22:36)
- הנעה לפעולה (22:52)
- דף אודות (23:08)
- ארכיון מאמרים – חלק 1 (22:44)
- ארכיון מאמרים – חלק 2 (22:48)
- מאמר בודד – חלק 1 (22:30)
- מאמר בודד – חלק 2 (22:08)
- ארכיון תחומי ההתמחות (22:44)
- דף תחום התמחות – חלק 1 (22:43)
- דף תחום התמחות – חלק 2 (22:29)
- דף הצוות שלנו (23:55)
- דף איש צוות (22:20)
- מאמר בודד – חלק 3 (23:00)
- דף צור קשר (22:37)
- 404 ודפים כלליים (22:22)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נעבור להתאמה למובייל של הHero
- נעבור לשאר הסקשנים אחד אחד עד שנסיים את כולם.
- אני שם לכם פה CSS עם תבנית של מובייל שתוכלו להשתמש בה (אני כמובן מסביר עליה בשיעור) למגוון האלמנטים.
וקצת יותר בפירוט...
בשיעור "התאמה למובייל חלק 2" נמשיך במלאכת ההתאמה של האתר למסכים קטנים, תוך שימת דגש על שמירה על חוויית משתמש מיטבית בכל סקשן. נתחיל בעבודה על ה-Hero Section, שהוא אחד האזורים הבולטים באתר. נבצע התאמות עיצוביות שיבטיחו שהסקשן יישאר קריא, אסתטי ונגיש גם על גבי מסכים קטנים, תוך שמירה על אלמנטים חזותיים מרכזיים כמו טקסט, כפתורים ורקעים.
לאחר סיום העבודה על ה-Hero, נעבור לעבור על שאר הסקשנים באתר, אחד אחרי השני, כדי לוודא שכולם מותאמים בצורה מושלמת למובייל. ההתאמות יכללו התאמת גדלים, מרווחים, ומיקומים של אלמנטים, תוך שימוש בטכניקות מתקדמות שמבטיחות עיצוב רספונסיבי וגמיש. במקביל, במהלך השיעור יסופק קובץ CSS עם תבנית ייעודית להתאמות מובייל. התבנית, שמוסברת לעומק במהלך השיעור, מאפשרת לטפל במגוון רחב של אלמנטים בצורה יעילה וממוקדת, ובכך מפשטת את העבודה על התאמת האתר למובייל.
שיעור זה מספק כלים מעשיים ומשאבים חשובים לעבודה עם עיצוב רספונסיבי, תוך שמירה על איכות ביצוע גבוהה והבנה עמוקה של התהליכים הנדרשים כחלק מתהליך מקצועי של בניית אתרים בוורדפרס.