אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית האתר
- יצירת סאב-דומיין והתקנת אתר (30:38)
- סיום Header (27:25)
- התקנת תבנית ותחילת בניית Header (28:18)
- בניה של Hero Section (29:32)
- בניית סקשן 2 ו3 (29:58)
- סקשן אודות (42:17)
- יצירת CPT (29:17)
- יצירת Listing Grid (29:21)
- סקשן בלוג (27:01)
- יצירת גלריה במבנה Masonry (28:53)
- סקשן המלצות (28:01)
- סקשן קופון הנחה (28:23)
- סקשן יצירת קשר (27:00)
- Footer (29:25)
- התאמת דף הבית למובייל (28:49)
- התאמת דף הבית למובייל – חלק 2 (27:55)
- התאמת דף הבית למובייל – חלק 3 (1300:51)
- דף אודות כולל מובייל (29:20)
- דף יצירת קשר, נגישות ותנאי שימוש (28:28)
- דף ארכיון "ההצעות שלנו" (29:31)
- דף פוסט הצעה בודדת (28:24)
- דף הבלוג, דף פוסט ומבנה קישורים (27:26)
- חיבור לינקים, תפריטים ודף 404 (28:40)
- דף אופציה לפרטי העסק (28:06)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נלמד להתאים גם את הליסטינגים למובייל
- נתאים את קרוסלת ההמלצות למובייל
- נתאים את כל סקשן יצירת קשר כולל שימוש מותאם בCSS להשגת המטרה
וקצת יותר בפירוט...
בשיעור זה נמשיך בתהליך התאמת **דף הבית למובייל**, עם דגש על שיפור חוויית המשתמש והעיצוב עבור מסכים קטנים. נתחיל בהתאמת **הליסטינגים למובייל**, כך שהתצוגה הדינמית תישאר ברורה ונגישה גם על מכשירים ניידים. נתאים את גודל התמונות, המרווחים והטקסטים כך שישתלבו בצורה הרמונית בתוך המסך הקטן.
בהמשך נתמקד בהתאמת **קרוסלת ההמלצות** למובייל. נבצע שינויים בעיצוב ובמבנה כדי להבטיח שהניווט בין ההמלצות יישאר פשוט ונוח גם במכשירים ניידים. נשתמש בטכניקות עיצוב רספונסיבי כמו התאמת רוחב וגובה, ונבדוק את התצוגה על מגוון רזולוציות.
לבסוף, נתאים את **סקשן יצירת הקשר** למובייל. נשלב **CSS מותאם אישית** כדי לסדר מחדש אלמנטים כמו הטופס, כפתורי השליחה, ושדות הטקסט, כך שהם יהיו קלים לקריאה ולמילוי במכשירים ניידים. שימוש מותאם ב-CSS יאפשר לנו לשלוט בריווחים, מיקומים וגודל האלמנטים, כדי להשיג עיצוב מקצועי ומותאם אישית. שיעור זה יעמיק את הבנתכם ביצירת אתרים רספונסיביים וידידותיים למובייל כחלק מקורס טיוליישן.