אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: בניית הדף
- סאב דומיין, התקנת אתר והגדרות (26:35)
- Hero Section (29:59)
- סקשן אודות (27:51)
- סקשן מונה, השירותים שלנו ויתרונות (28:32)
- סקשן מנהל המרפאה והמחירים שלנו (28:38)
- בניית הדף (26:02)
- דף אופציה וחיבור אל Header (25:53)
- CCT להמלצות ויצירת Listing תואם (28:35)
- סקשן שאלות ותשובות (28:02)
- מערכת קביעת פגישות חלק 1 (28:28)
- מערכת קביעת פגישות חלק 2 (28:25)
- חיבורי לינקים והקמת דפים כלליים (30:44)
- התאמה למובייל חלק 1 (27:35)
- התאמה למובייל חלק 2 (28:15)
- בדיקת ושיפור ביצועים (28:45)
- Footer (30:46)
- לימוד Image Accordion (28:08)
- סקשן המחירים (27:43)
- יצירת מפה דינמית (28:34)
נו..? איך היה השיעור?
מה נלמד בשיעור הזה?
- נתחיל לבנות את הHero Section שלנו
- נשתמש במיקומים אבסולוטיים כדי לייצר אפקט של שכבות בין הקונטיינרים
וקצת יותר בפירוט...
בשיעור זה נתמקד בבניית **Hero Section**, החלק הראשון והבולט ביותר בדף הנחיתה של דנטליס. ה-Hero Section מהווה את הרושם הראשוני שהאתר יוצר על המבקרים ולכן חשוב לעצבו בצורה מושכת ויזואלית, תוך שמירה על פונקציונליות. נתחיל בבניית המבנה הבסיסי של הסקשן, הכולל טקסטים, תמונות, וכפתורים, המותאמים לשפה העיצובית של האתר.
כדי להוסיף עומק ועניין עיצובי, נשתמש ב**מיקומים אבסולוטיים** ב-CSS ליצירת אפקט של שכבות בין הקונטיינרים השונים. טכניקה זו מאפשרת למקם אלמנטים בצורה חופשית יותר, כך שחלקם ייראו כ"מרחפים" מעל אחרים. נשתמש בכלים אלו בצורה מדויקת כדי להבטיח שהעיצוב נשאר נקי ומסודר, ושכל האלמנטים ממוקמים במקומות הנכונים, גם בתצוגה רספונסיבית.
שיעור זה מעניק הבנה מעשית של עבודה עם מיקומים אבסולוטיים ושכבות, ומספק כלים ליצירת Hero Section מקצועי ומושך כחלק מבניית דף הנחיתה לדנטליס.