קורס בניית אתרים בחינם

נכיר, ונראה איזה אתר תדמית נבנה יחד לאורך הקורס.

מה זה בעצם אתר אינטרנט ואיך הוא עולה לאוויר: הסבר פשוט על דומיין, אחסון ופלטפורמה.

רוכשים שטח אחסון לאתר בחברת יופרס, שמצטיינת במהירות, בתמיכה ובאבטחה. אל תשכחו את קוד הקופון שלכם:

מתקינים וורדפרס על שרת האחסון, בוחרים תבנית שאיתה נעבוד, ומנקים ומתאימים את המערכת לפיתוח.

יוצרים את העמודים הראשונים של האתר ומתקינים את אלמנטור, התוסף שמאפשר לבנות עמודים בצורה ויזואלית.

כדי להתקדם בבניית האתר נצטרך את אלמנטור פרו. הנה הקישור לרכישה:

בוחרים פונטים וצבעים גלובליים באלמנטור לפני שמתחילים לעבוד, מעלים מדיה לאתר ולומדים להעלות קבצי SVG גם כשוורדפרס לא מאפשרת.

בונים תפריט ניווט ומציגים אותו בהדר, ובונים יחד הדר ופוטר (החלק העליון והתחתון של האתר).

מגיעים לחלק הכי כיפי בקורס: בונים ומעצבים יחד עמוד בית שלם באלמנטור ואלמנטור פרו. קודי הCSS מהשיעור מחכים לכם כאן להעתקה:

selector svg{
    animation: rotate 20s linear infinite;
}

@-webkit-keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

selector .swiper-wrapper {
    transition-timing-function: linear;
}

.elementor-image-carousel .swiper-slide img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.elementor-image-carousel .swiper-slide:hover img {
    filter: grayscale(0%);
}

בונים עמוד אודות ועמוד תיק עבודות, לומדים להעתיק אזורים בין עמודים כדי לעבוד מהר, ומכירים את קישורי העוגן באלמנטור: קישור בתפריט שמוביל לאזור באותו עמוד, במקום לעמוד אחר.

מכירים את טופס יצירת הקשר של אלמנטור פרו ואת האפשרויות השונות שלו.

רוכשים דומיין ומפנים אותו לאחסון ביופרס. את הדומיין רוכשים בmynames.co.il.

לומדים לעדכן את התוספים והתבניות באתר בצורה נכונה.

מוסיפים לאתר הוורדפרס את הבאנר של החטופים.

מוסיפים לאתר בר גלילה מעוצב שמשלים את החוויה.