אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: דף הבית
- סקשן מבצע קיץ ולמה אנחנו (32:19)
- סקשן מוצרים חדשים (31:57)
- סקשן השירותים שלנו (30:58)
- סקשן אודותינו (31:02)
- סקשן טיפים ומאמרים (31:16)
- סיום Footer ודף הבית בדסקטופ (30:49)
- בניית Header (30:28)
- בניית Hero Section (31:02)
- בניית כרטיס מוצר (30:26)
- התאמה למובייל של דף הבית (30:25)
מודול: הגדרות כלליות
- הגדרות שרת ויצירת אפליקציה (41:13)
- הגדרות גלובליות (30:22)
מודול: התאמה למובייל
- התאמה למובייל (39:57)
- התאמה למובייל חלק 2 (28:23)
- התאמה למובייל חלק 3 (29:34)
מודול: עמודי האתר
- התאמה למובייל של דף הבית (30:25)
- דף בלוג ודף תוצאות חיפוש (30:27)
- דף מאמר בודד (30:09)
- דף שאלות נפוצות (28:50)
- דף אודות (30:33)
- דף יצירת קשר (29:24)
- דפים כלליים (29:12)
- דף ארכיון השירותים שלנו (30:24)
- דף שירות בודד (30:00)
מודול: עמודי ווקומרס והרחבה נוספת
- דף המוצר – חלק 2 (31:03)
- הסרת דף עגלה ושימוש בעגלה צפה (31:03)
- דף תשלום ותודה לאחר תשלום (29:18)
- דף אזור אישי (30:18)
- חיבורי לינקים (29:48)
- הגדרות ווקומרס (30:43)
- דף החנות – חלק 1 (31:35)
- דף החנות – חלק 2 (31:31)
- דף המוצר – חלק 1 (31:43)
- הזמנות, לקוחות, דוחות ושיווק (30:00)
נו..? איך היה השיעור?
אחח חבל.. אם היית מנוי - היית יכול ללמוד ולדרג את השיעור!
מה נלמד בשיעור הזה?
- ניצור דף חדש בשם "צרו קשר"
- נעתביק את הHero מדף דומה
- ניצור את הסקשן העליו עם הטופס ואת הסקשן התחתון עם רשימת הסניפים ברמת Pixel Perfect
וקצת יותר בפירוט...
יצירת דף "צרו קשר" היא שלב משמעותי בכל אתר, שכן הוא מהווה את אחד הערוצים המרכזיים לתקשורת עם לקוחות. תחילה, ניצור דף חדש וייעודי תחת השם "צרו קשר". כדי לחסוך זמן ולשמור על אחידות עיצובית, נעתיק את ה-Hero Section מדף דומה שכבר קיים באתר. נבצע התאמות קטנות, כמו שינוי הכותרת ותיאור המשנה, כך שיתאימו למטרת דף יצירת הקשר.
לאחר מכן, נבנה את הסקשן העליון שבו ימוקם טופס יצירת הקשר. הטופס יכיל שדות בסיסיים כמו שם, אימייל, נושא ההודעה, ושדה להקלדת הטקסט, תוך שימוש בכלי כמו Elementor Forms או JetFormBuilder. נעצב את הטופס בקפדנות, תוך שמירה על **Pixel Perfect**, כדי לוודא שהוא תואם את העיצוב הכללי של האתר ומציע חוויית משתמש ברורה ונוחה. ניתן לשלב אלמנטים נוספים, כמו כפתור לשליחת ההודעה עם אפקט מעבר עכבר, כדי לשפר את האינטראקטיביות.
בחלק התחתון של הדף, ניצור סקשן שמציג את רשימת הסניפים או פרטי יצירת קשר נוספים, כמו מספרי טלפון, כתובות, וקישורים למפות. סקשן זה יעוצב בצורה מינימליסטית ונקייה, כדי להבטיח קריאות ונגישות. כל פרט ייושר בצורה מדויקת בעזרת CSS, תוך הקפדה על רספונסיביות והתאמה למסכים שונים. דף "צרו קשר" המוגמר יהיה מקצועי, אינטואיטיבי, וימשוך לקוחות לפנות בקלות, תוך שילוב פונקציונליות ועיצוב מוקפד.