שם השיעור: סקשן השירותים שלנו
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: דף הבית
- בניית Header (27:18)
- בניית Hero Section (27:48)
- בניית כרטיס מוצר (27:11)
- סקשן מבצע קיץ ולמה אנחנו (28:47)
- סקשן מוצרים חדשים (28:43)
- סקשן השירותים שלנו (27:44)
- סקשן אודותינו (27:52)
- סקשן טיפים ומאמרים (28:05)
- סיום Footer ודף הבית בדסקטופ (27:39)
- התאמה למובייל של דף הבית (27:09)
מודול: הגדרות כלליות
- הגדרות שרת ויצירת אפליקציה (37:56)
- הגדרות גלובליות (27:20)
מודול: התאמה למובייל
- התאמה למובייל (36:30)
- התאמה למובייל חלק 2 (25:26)
- התאמה למובייל חלק 3 (26:20)
מודול: עמודי האתר
- התאמה למובייל של דף הבית (27:09)
- דף ארכיון השירותים שלנו (27:12)
- דף שירות בודד (26:36)
- דף בלוג ודף תוצאות חיפוש (27:13)
- דף מאמר בודד (26:57)
- דף שאלות נפוצות (25:55)
- דף אודות (27:07)
- דף יצירת קשר (26:17)
- דפים כלליים (26:05)
מודול: עמודי ווקומרס והרחבה נוספת
- דף החנות – חלק 1 (28:22)
- דף החנות – חלק 2 (28:14)
- דף המוצר – חלק 1 (28:25)
- דף המוצר – חלק 2 (27:49)
- הסרת דף עגלה ושימוש בעגלה צפה (27:50)
- דף תשלום ותודה לאחר תשלום (25:54)
- דף אזור אישי (27:07)
- חיבורי לינקים (26:26)
- הגדרות ווקומרס (27:29)
- הזמנות, לקוחות, דוחות ושיווק (26:46)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- נתחיל בליצור את הקונטיינר של השירותים.
- ניצור כרטיס ראשון של שירות ונתמודד עם חיתוך חלקי של האייקון.
- הסיבה שזה קרה מוסברת החל מדקה 7:00
- כמו שהבטחתי, הנה כל הCSS הנדרש:
וקצת יותר בפירוט...
בנייה של סקשן "השירותים שלנו" באתר מכירות היא הזדמנות להציג את היכולות והערכים שהעסק מציע ללקוחותיו. בשלב הראשון, ניצור את הקונטיינר המרכזי שיכלול את כל השירותים המוצגים. הקונטיינר הזה משמש מסגרת ויזואלית שמאגדת את כל האלמנטים, ומאפשרת חלוקה מסודרת ומזמינה לעין. עיצוב הקונטיינר צריך להתאים למיתוג הכללי של האתר וליצור חוויית משתמש ברורה ומסודרת.
לאחר מכן, נתחיל ביצירת הכרטיס הראשון שמציג שירות. במסגרת זו, ניתקל באתגר של חיתוך חלקי של האייקון, שדורש תשומת לב מיוחדת. כדי לפתור בעיות כאלה, חשוב להבין את המבנה של ה-CSS וההשפעה שלו על האלמנטים. לדוגמה, ייתכן שהבעיה נגרמת מהגדרות מרווחים (margins) או גבולות (borders) שדורשות התאמה. ההסבר הטכני לתיקון מופיע בדקות המצוינות בסרטון הקורס, והוא מדגיש את החשיבות של הבנת הפרטים בעבודה עם קוד.
לבסוף, הנה ה-CSS הדרוש כדי לפתור את האתגרים ולספק עיצוב נקי ואחיד לסקשן השירותים. שימוש נכון ב-CSS מאפשר שליטה מדויקת בעיצוב הכרטיסים, האייקונים והטקסטים, ומבטיח שהסקשן ישתלב היטב במראה הכללי של האתר. עיצוב הסקשן הוא הזדמנות ליישם עקרונות מתקדמים של לימוד בניית אתרים ועיצוב אתרי וורדפרס, תוך התמקדות ביצירת חוויית משתמש מקצועית ואסתטית שמשדרגת את האתר כולו.