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