אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית הדף
מה נלמד בשיעור הזה?
- נתאים את הHeader למובייל כולל סידור מחדש של מיקום כפתור התפריט והתאמה קלה שלו בCSS
- נתאים את הFooter למובייל כולל התאמת הליסטינג של המפה הדינמית
- נתאים את הליסטינג של ההמלצות
- נתאים את הליסטינג של "המחירים שלנו"
וקצת יותר בפירוט...
בשיעור "התאמה למובייל חלק 1" מתוך קורס בניית דף הנחיתה של מרפאת "דנטליס", מתמקדים ביצירת חוויית משתמש מושלמת במכשירים ניידים באמצעות התאמות עיצוביות מתקדמות. השיעור מתחיל בהתאמה של ה-Header למובייל, כולל סידור מחדש של כפתור התפריט למיקום נגיש וברור יותר. לצד זאת, מבוצעות התאמות CSS קלות כדי לוודא שכפתור התפריט משולב בצורה אסתטית עם שאר האלמנטים בעיצוב המותאם למובייל.
בהמשך, מתבצעת התאמה של ה-Footer לשימוש במכשירים ניידים, תוך דגש מיוחד על ליסטינג המפה הדינמית. מפות הן כלי מרכזי עבור משתמשים במובייל, ולכן ההתאמות מתמקדות בשיפור נראות ונגישות הנתונים, כך שהמפה תהיה נוחה לשימוש גם במסכים קטנים. בנוסף, ליסטינג ההמלצות עובר התאמה כדי לשמור על פריסה הרמונית וקריאה במובייל, עם דגש על עיצוב קומפקטי שמדגיש את התוכן החשוב ביותר.
השיעור מסתיים בהתאמה של ליסטינג "המחירים שלנו" למובייל. תהליך זה כולל שינויים בפריסה וסטיילינג שמבטיחים שהמחירים מוצגים בצורה ברורה ונגישה, גם במסכים קטנים. תהליך העבודה מבטיח שמירה על חוויית משתמש אחידה ואיכותית בכל המכשירים, תוך התמודדות עם האתגרים הייחודיים של עיצוב למובייל.
שיעור זה מעניק למשתתפים הבנה מעשית כיצד לשפר את האינטראקטיביות והשימושיות של דפי נחיתה בוורדפרס עבור משתמשי מובייל. מדובר במיומנות קריטית בבניית אתרים מודרניים, שבה כל פרט – מה-Header ועד ה-Footer – מקבל תשומת לב מדוקדקת כדי להבטיח אתר מקצועי ואפקטיבי.