סמל אתר המכללה לשיווק דיגיטלי

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

בהכשרה זו נלמד כיצד לבנות אתרים בפלטפורמת WordPress. הקורס מתאים למי שרוצה לעסוק בתחום בניית האתרים באופן מקצועי ולבעלי עסקים שרוצים לדעת כיצד לבנות את אתר האינטרנט שלהם בעצמם מבלי להיות תלויים בגורם חיצוני. בקורס נלמד לבנות דפי נחיתה (Landing Page), אתרי תדמית (Brand), אתרי תוכן (Blog) וחנויות אינטרנטיות (eCommerce) ברמה הגבוהה ביותר בהשוואה לכל הכשרה אחרת הקיימת בישראל. בקורס נלמד לפתח אתר בשילוב שימוש בתוספים, תבניות וקוד (Html and Css).

5/5

קורס בניית אתרים במכללה לשיווק דיגיטלי

הקורס מועבר באופן מקוון – כל סטודנט שנרשם להכשרה מקבל שם משתמש וסיסמה משלו שאיתם הוא יוכל לגשת לאזור התוכן המוגן וליהנות מתכנים עדכניים ומתעדכנים, להצטרף לקבוצת הוואטסאפ של הקורס, ליהנות מתמיכה ומענה על שאלות ולמעשה לגשת מתי שרק ירצה, כמה פעמים וכמה זמן שירצה, וכך להתמקצע באופן יסודי בבניית אתרי WordPress ואף לדעת להתנהל באופן עצמאי מבלי להיות תלותי.

קורס בניית אתרים
5/5
חוליאן טרומפר - המכללה לשיווק דיגיטלי

נעים מאוד, אני חוליאן טרומפר

ואני המרצה של קורס בניית אתרים

מומחה לשיווק דיגיטלי בעל עסק לבניית אתרים וקידום אתרים

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

כמה דוגמאות מהאתרים שהסטודנטים שלנו בנו במהלך הקורס;

אתר eCommerce למכירת ריהוט

מפתח: גיא אביזמיל
למד בקורס לבניית אתרים.
עברו לאתר

אתר eCommerce למכירת מתנות

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

אתר תדמית לגלריית אומנויות

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

אתר קטלוג להזמנה סיטונאית

מפתחת: אורי תורג'מן
למדה בקורס לבניית אתרים.
עברו לאתר

אתר תדמית לניקוי ספות

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

אתר אפיליאציה ותוכן - דובאי

מפתח: עופר בצלאל
למד בקורס לבניית אתרים.
עברו לאתר

אתר eCommerce למכירת בירה

מפתח: עומר טל
למד בקורס לבניית אתרים.
עברו לאתר

אתר eCommerce לחנות חיות

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

אתר קטלוג למעצבת בגדים

מפתח: גיא אופיר
למד בקורס לבניית אתרים.
עברו לאתר

שיטת ההדרכה הייחודית שלנו בקורס לבניית אתרים

שימו לב – על מנת לאפשר לכם ללמוד באופן חוויתי, מקצועי ופרקטי, כל סטודנט בקורס יבנה ביחד איתי אתר אינטרנט כבר מיחידת הלימוד הראשונה שלב אחר שלב.  אנחנו נבצע את תהליך הבנייה ממש מהתחלה; החל מהסברים על איך האינטרנט בכלל עובד, מהם שרתי אחסון ומהי וורדפרס? לאחר מכן נראה כיצד להגדיר את המערכת באופן מקצועי תוך מתן דגשי SEO, ונלמד לבנות אתר אינטרנט מקצועי לרבות עיצוב וחווית משתמש.

סילבוס הקורס:

יחידה 01: מבוא ל-WordPress

יחידה 02: מבוא לאלמנטור

יחידה 03 - בניית דפי נחיתה

יחידה 04 - בניית אתר One-pager

יחידה 05 - רספונסיביות

יחידה 06 - סדנת עיצוב אתרים וחווית משתמש

יחידה 07 - אתר בהתאמה אישית

יחידה 08 - בניית אתר תדמית

יחידה 09 - Call To Action

יחידה 10 - טופס יצירת קשר

יחידה 11 - פופ אפ

קורס בניית אתרים - הסילבוס המלא;

יחידה 01:
היכרות עם WP + פיתוח עמוד נחיתה

  1. מה זה WordPress?

  • מה זה קוד פתוח?
  • מה זה הפצה באופן חופשי ורישיון ציבורי?
  • מה ההבדל בין WordPress.com ל-WordPress.org?
  • דוגמאות לאתרים שנבנו ב-WordPress בארץ ובעולם.
  • איך יודעים באיזה פלטפורמה נבנה האתר?
  • איזה סוגי אתרים ניתן לבנות באמצעות WordPress?
  • מהן היתרונות המרכזיים של WordPress?
  • מהם החסרונות של WordPress?
  • כיצד מקבלים אתר תרגול אישי לטובת תרגול הקורס?

 

2. איך האינטרנט עובד?

  • כיצד הדפדפן שלנו מציג את האתר שאנחנו מחפשים?
  • איך מקבלים כתובת IP?
  • מה צריך כדי להתקין וורדפרס?
  • איך אפשר לדעת איזו חבילת אחסון אנחנו צריכים?

 

 3. התחברות לשרת אחסון

  • פנייה לשרת אחסון
  • בחירת חבילת אחסון
  • רכישת חבילת אחסון

 

 4. התקנת אפליקציית וורדפרס בשרת האחסון

  • הוספת אתר חדש בשרת האחסון
  • כיצד מתקינים סאב דומיין?
  • התקנת אפליקציית וורדפרס בשרת האחסון
  • התחברות לממשק הניהול של אתר הוורדפרס שלנו

 

5. איך ניגשים לבקאנד של האתר שלנו

  • מה זה הבקאנד של האתר?
  • מי חשוף הבקאנד?
  • מה קורה כאשר מנסים לגשת לבקאנד גולשים שהם לא מנהלים את האתר?

 

 6. שדרוגים

  • למה חשוב לוח הבקרה >> ראשי?
  • מה מכילה לשונית שדרוגים?
  • מה המשמעות של גרסת וורדפרס?
  • מי אחראי על עדכוני וורדפרס?
  • למה יש את האפשרות לעדכן את וורדפרס, התוספים ואת התבניות?
  • מתי כדאי לנו לשדרג תוספים?
  • איך מומלץ לבצע עדכונים?
  • מתי מומלץ לבצע עדכונים?

 

7. פוסטים, מדיה עמודים ותגובות

  • מה מרכזת לשונית תגובות?
  • אילו יכולות עריכה יש לנו תחת תגובות?
  • מה מרכזת לשונית מדיה?
  • מה ההבדל בין עמודים לפוסטים באתרי וורדפרס?
  • כיצד מוחקים ומשחזרים עמודים בוורדפרס?
  • אילו תכנים נכיל תחת “עמודים”?
  • אילו תכנים נכיל תחת “פוסטים”?
  • למה כדאי לסדר תכנים עם קטגוריות?

 

8. תבניות

  • למה מתייחסת לשונית עיצוב?
  • מהו ה-Frontend של האתר?
  • איך נחשפים ל-Frintend של האתר?
  • מהי תבנית וורדפרס ולמה היא משמשת?
  • אילו תבניות יש כרגע באתר שלנו?
  • כיצד מוסיפים תבנית וורדפרס חדשה?
  • עיון בספריית תוספי תבניות וורדפרס.
  • מה ההבדל בין תבניות הוורדפרס?
  • בחירת תבנית לאתר הוורדפרס שלנו.

 

9. תבנית בת

  • איך מגיעים לערכית הקוד של התבנית?
  • למה וורדפרס מציע לנו לעשות שימוש בתבנית בת?
  • מהי תבנית הבת?
  • מה ההבדל בין תבנית בת לתבנית אם?
  • היתרונות של שימוש בתבנית הבת.
  • איך מתקינים תבנית בת?
  • הורדת תבנית למחשב והעלאת תבנית לאתר באופן ידני.
  •  מחיקת תבניות עודפות באתר.

 

10. תוספים

  • אילו תוספים יש לנו באתר?
  • מחיקת תוספים.
  • הוספת תוספים חדשים.
  • מתי נרצה לעשות שימוש בתוספים?
  • מה החסרונות בשימוש בתוספים?

 

11. משתמשים

  • הוספת משתמשים חדשים לאתר.
  • עריכת הפרופיל האישי של המשתמש שלנו.

 

12. הגדרות כלליות

  • למה לא נוגעים אף פעם בכתובת של וורדפרס וכתובת האתר של וורדפרס תחת הגדרות?
  • הגדרות שם האתר, תיאור, אימייל הנהלת האתר, שפת המערכת, אזור הזמן, מבנה התאריך והשעה.
  • הגדרת שפת האתר כאשר רוצים לבנות אתר בשפה שונה (למשל באנגלית).

 

13. הגדרת עמוד הבית

  • איך נראה עמוד הבית של האתר שלנו כרגע?
  • יצירת עמוד חדש – “עמוד הבית”.
  • הגדרת “עמוד הבית” בפועל כעמוד הראשי של האתר.
  • האם אפשר להגדיר את אותו העמוד עם שני סטטוסים שונים? (רמז – לא!)
  • באילו מקרים אי אפשר להגדיר עמוד כלשהו לעמוד הבית?

 

14. הסתרת האתר מגוגל

  • איך מסתירים את האתר מהאינדקס של גוגל?
  • בקשה ממנוי החיפוש לא לאנדקס את האתר.
  • מה כוללת ומה לא כוללת הבקשה לאי אינדוקס האתר בגוגל?

 

15. הגדרת מבנה קישורים

  • מהו מבנה הקישורים הסטנדרטי של וורדפרס ולמה אנחנו לא רוצים אותו?
  • שינוי במנה הקישורים הפשוט ל”מזהה פוסט”.

יחידה 02:
מבוא לאלמנטור

16. עריכת עמוד באמצעות אלמנטור

  • מה זה אלמנטור?
  • איך מפעילים עריכה באמצעות אלמנטור?
  • מה אלמנטור מציע לנו?
  • מהם וידג’טים?

 

17. הכירות עם אלמנטור

  • הכירות עם הגדרות עמוד באמצעות אלמנטור
  • הכירות עם אפשרויות פריסת העמוד באמצעות אלמנטור.
  • הכירות עם חלונית הניווט של אלמנטור.
  • הכירות עם היסטוריית השינויים של אלמנטור.
  • הכירות עם אפשרות העריכה הרספונסיבית עם אלמנטור.
  • הכירות עם חלון התצוגה המקדימה.
  • כיצד משחררים עדכון שינויים שעשינו בעמוד?
  • הכירות עם לשונית הסתרת פאנל האלמנטים של אלמנטור
  • השפעת פאנל האלמנטים על תצוגת העמוד (ייחס רוחב פריסה).
  • טופס חיפוש וידג’טים של אלמנטור.
  • הכירות עם תפריט האלמנטים של האלמנטור ותפריט ההמבורגר של אלמנטור.
  • כיצד יוצאים בחזרה ללוח הבקרה מתוך מצב העריכה באלמנטור?

 

18. היררכית הבנייה באלמנטור

  • מהם אזורים?
  • מהם עמודות?
  • מהם וידג’טים?
  • כיצד מכילים עמודות בתוך אזורים?
  • כיצד מכילים וידג’טים בתוך עמודות?

 

19. הכלת אלמנטים באופן אופקי ואנכי בתוך עמודה

  • איך מכילים וידג’ט לצד וידג’ט ולא רק אחד מעלה ומתחת לשני?
  • פתרון פשוט באמצעות שימוש ב-2 עמודות.
  • משחק עם גודל העמודות.
  • הוספת וידג’ט “אזור פנימי” – הכלת אזור פנימי מתוך עמודה לטובת יישום אופקי של אלמנטים.

 

20. מוכנים? מתחילים לבנות ולעצב דף נחיתה!

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

 

21. התקנת אלמנטור פרו

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

יחידה 03:
בניית דפי נחיתה

22. מהם דפי נחיתה?

  • ממה מורכב אתר תדמית?
  • מהו דף נחיתה?
  • מה מטרת דפי הנחיתה?
  • איזה תוכן כדאי שדף הנחיתה שלנו יכיל?
  • מהו משפך שיווקי?
  • דוגמאות ליציקת תוכן לפי שיטת המשפך השיווקי.

 

23. מתחילים לבנות דף נחיתה!

  • איך ניגשים לפיתוח דף נחיתה חדש?
  • בחינה ויזואלית של הפרויקט.
  • הגדרת פריסת העמוד לאלמנטור קאנבס.
  • מהו טקסט אלטרנטיבי לתמונה?
  • יצירת שברית שורה לכותרת באמצעות html.
  • מה זה html, css ו-js?
  • למה אנחנו צריכים להכיר שפות Front end על אף שאנחנו משתמשים באלמנטור?
  • הדבקת טקסט לאתר ללא העיצוב המקורי שלו.
24. חקירה מעמיקה של תוכן וסגנון אזורים ואלמנטים
  • היכרות עם אפשרויות פריסת האזור: רוחב התוכן, ריווח בין עמודות, גובה האזור, ויישור אנכי.
  • מה ההבדלים בין סוגי האפשרויות השונות לבחירת מידות גודל? (px, em, vw וכו’…)
  • עריכת סגנון האזור (עיצוב הרקע של האזור).
  • הגדרת תגיד HTML לכותרות (H1, H2, H3 וכו’…)
  • סגנון הכותרת (צבע, פונטים, טיפוגרפיה, הצללה ושילוב).
  • סגנון עורך הטקסט (שינוי הצבע של המילים בתוך הטקסט, יצירת אות פתיח, סידור מבנה עמודות, טיפוגרפיה ועוד).
  • סגנון התמונה (משחק עם גודל התמונה, יצירת אפקטים ופילטרים רגילים או בעת מעבר עכבר, הכלת מסגרת ועוד).

 

25. הגדרות גלובליות

  • הגדרות פריסת אזור גלובלית.
  • הגדרות טיפוגרפיה גלובלית.
  • הגדרת לוגו וסמל אתר.

 

26. הוספת טופס יצירת קשר

  • ניתוח ויזואלי של האזור השני וזיהויו.
  • הוספה מהירה של אזור חדש.
  • ערכית שדות טופס יצירת הקשר.
  • עריכת פריסת שדות טופס יצירת הקשר.
  • הגדרת סוגי שדות טופס יצירת הקשר.
  • הגדרת שדה חובה / לא חובה בטופס יצירת הקשר.
  • הסתרת תווית שדה.
  • עריכת כפתור שליחת טופס יצירת קשר.

 

27. הגדרות טופס יצירת קשר

  • לאן ה”ליד” שמגיע מטופס יצירת הקשר בכלל נשלח?
  • הגדרת מען לטופס יצירת הקשר.
  • הגדרת ההודעה שיקבל המען.
  • למה המיילים שלנו מגיעים לתיקיית ספאם?
  • תיקון בעיית ספאם לפי הצורך.
  • עריכת הודעת “הצלחה” ו-“כישלון” לאחר שליחת טופס יצירת קשר.

 

28. ניתוח ויזואלי של סקשן שלישי

  • איך מתקדמים בעיצוב דף הנחיתה?
  • ביצוע ניתוח ויזואלי של הסקשן השלישי.

 

29. עיצוב עמודות עם אזור פנימי

  • שימוש בוידג’ט אזור פנימי.
  • קיצורי דרך – שכפול אלמנטים מוכנים, עמודות ואזורים.
  • הכירות עם וידג’ט “אייקון”.
  • כיצד מחפשים אלמנטים באופן מהיר?
  • אישור אנכי של אלמנטים בתוך אזור פנימי.

 

30. אתגר אזור שלישי

  • באתגר נתחלק ל-2 רמות:
    אם אתה מרגיש בשל לעשות תהליכים בעצמך ללא עזרה – אתה שייך לרמה 1. אם תרצה לקבל רמזים לפני היציאה לדרך, אתה ברמה 2.

 

31. יצירת אזור 3 ביחד

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

 

32. אלמנט מפריד ואלמנט רשימת אייקונים

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

 

33. עיצוב אלמנט רשימת אייקונים

  • כיצד ליצור ריווח בין פריטים ברשימת האייקונים?
  • הזחת טקסט (הרחקת הטקסט) מהאייקון לתוכן של כל פריט ברשימת האייקונים.
  • עיצוב האייקון – גודל, צבע ומעבר עכבר.
  • בעיה! לא ניתן להגשים את עריכת המפריד כפי שמתבקש באפיון. מה עושים? הכירו את לשונית “מתקדם”!

 

34. קופסת CSS

  • אילו אלמנטים יש תחת לשונית מתקדם?
  • מהם שוליים חיצוניים ופנימיים ואיך זה קשור ל-CSS?
  • כיצד ניגשים לבחון קוד של אתר?
  • כיצד בוחרים אלמנט ספציפי בקוד לטובת בדיקתו?
  • כיצד קופסת ה-CSS משפיעה על האלמנטים באתר?
  • על מה משפיעה העריכה של שוליים חיצוניים?
  • על מה משפיעה העריכה של שוליים פנימיים?
  • האם מגע בקוד האתר דרך בדיקה ברמת הדפדפן יכולה להזיק לאתר? (רמז – לא)

 

35. שוליים פנימיים ושוליים חיצוניים

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

 

36. עיצוב אלמנטים באמצעות שוליים

  • איך יודעים לאיזה שוליים צריך להתייחס כאשר עורכים אלמנט?
  • עריכת שוליים שם אזור
  • למה שלא נשתמש בוידג’ט “מרווח” כדי ליצור את המרווח הרצוי?
  • בניית אתר עם קוד נקי על ידי אי שימוש בוידג’טים מיותרים ובכך לשפר את זמני הטעינה של האתר.

 

37. עיצוב כרטיסיות

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

 

38. ספויילר וסכמת FAQ

  • ניתוח ויזואלי של סקשן חדש.
  • הוספת וידג’ט ספויילר.
  • אילו פריטים מכיל ספויילר?
  • הוספת פריטים עבור ספויילר.
  • שליטה בכותרת, תיאור והאייקון של הספויילר.
  • כיצד גוגל תתייחס להעתקת תכנים מאתר קיים לאתר שלכם?
  • הוספת מדיה לתוך תוכן הספויילר.
  • עיצוב וסגנון הספויילר.
  • כיצד מצמצמים את וידג’ט הספויילר?
  • דגש SEO עבור אלמנט הספויילר.
  • מהי סכמת FAQ?
  • כיצד סכמת FAQ תורמת לקידום האורגני?
  • כיצד יוצרים סכמת FAQ באלמנטור באמצעות הספויילר?

 

39. קרוסלת מדיה

  • ניתוח ויזואלי של הסקשן האחרון באתר.
  • שכפול אזורים והעתקתם לסקשנים אחרים באתר.
  • שכתוב ועריכת וידג’טים מחדש לפי הנדרש באפיון.
  • הוספת קרוסלת מדיה לדף הנחיתה.

 

40. הכירות מעמיקה עם קרוסלת המדיה

  • כיצד מכילים פריטים חדשים בקרוסלת מדיה?
  • שליטה נראות הויזואלית של קרוסלת המדיה.
  • יצירת קרוסלת מדיה Slide show.
  • יצירת קרוסלת מדיה Coverflow.
  • אפקטי מעבר של קרוסלת המדיה.
  • שליטה בגובה וברוחב של המדיה בקרוסלה.
  • הכירות עם אפקט Cube (קוביית תלת מימד).

 

41. כלים שימושיים ליצירת גרפיקה לאתר

  • הכירות עם אתר Placeit ליצירת מוקאפים.
  • הכירות עם אתר Pixabay המאגד מיליוני תמונות לשימוש חופשי ומסחרי.
  • כיצד יודעים מהם תנאי השימוש באתר המספק מאגר תכנים?
  • הכירות עם קאנבה – אתר לעריכות גרפיות.
  • עריכת גודל תמונה לפי מיימדים מותאמים אישית.
  • יצירת מוקאפ לדוגמה באמצעות Placeit?

 

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

  • חיפוש מוקאפ בהתאם לצורך שלנו.
  • איך מזהים תמונה רגילה ותמונה בעלת רקע שקוף?
  • כיצד מוצאים מוקאפים חינמיים?
  • כיצד אפשר לצלם מסך מחשב?
  • כיצד ניתן לצלם מסך של טלפון נייד מתוך המחשב שלנו?
  • עריכת המוקאפים המקצועיים.
  • העלאת המוקפאים לאתר והצגתם בקרוסלת מדיה.

יחידה 04:
בניית אתר One-page

43. אתר One-page

  • מה ההבדלים הטכניים בין דפי נחיתה לאתרי One-page?
  • מה ההבדל בקונספט בין דפי נחיתה לאתר One-page?
  • מה המטרה של דף נחיתה?
  • מה המטרה של אתר One-page?
  • האם דף הנחיתה שבנינו בקורס מזכיר אתר One-page?

 

44. תזכורת | יש לברר שדרוגים ועדכונים

  • תזכורת: יש לבצע בדיקת שדרוגים זמינים.
  • איך חוזרים ל-Backend של וורדפרס?
  • בדיקת עדכונים זמינים.
  • ביצוע שדרוגים.
  • מתי נבצע שדרוגים?
  • מה התנאי לביצוע שדרוגים?
  • האם יכול להיות נזק כתוצאה משדרוגים?

 

45. פריסת עמוד כברירת מחדל

  • אילו הגדרות ביצענו בעת יצירת עמוד הנחיתה שלנו והאם הן עדיין רלוונטיות לאור הרצון שלנו לבנות אתר One-page?
  • כיצד יוצרים עמוד עם הגדרות פריסה ברירת מחדל?
  • כיצד ממירים עמוד שהוגדרת עם פריסת “אלמנטור קאנבס” בחזרה לפריסת ברירת מחדל?
  • למה העיצוב של ה-Header באתר נראה כפי שהוא נראה?

 

46. יצירת Header

  • איך ניגשים לבצע עריכה עבור ה-Header?
  • הוספת טמפלט עבור Header.
  • כיצד עורכים Header ללא שימוש בעיצוב מוכן?
  • איך יוצרים משתמש ב”אלמנטור”?
  • אילו אלמנטים ה-Header צריך להכיל?
  • הוספת אזור חדש ועמודות עבור ה-Header.
  • הכל לוגו אתר ותפריט ניווט ב-Header.
  • כיצד יוצרים תפריט ניווט?
  • מערכת הצגת הטמפלט (תנאים להצגה).
  • כיצד מציגים את ה-Header בכל האתר?

 

47. הגדרת לוגו אתר

  • עיצוב לוגו חובבני למטרות תרגול.
  • הגדרת לוגו האתר.
  • כיצד ניגשים לעריכת ה-Header? הכירו דרכי קיצור ומעבר מהיר ל-Header, ל-Body ולהגדרות האתר.
  • מהיכן מגיעים השוליים שעוטפים את הלוגו?

 

48. מתן CSS ID עבור האזורים השונים באתר

  • מהו תפריט ניווט של אתר One-page?
  • מהם קישור עוגן?
  • מהו ID?
  • מה הקשר בין ID, קישורי עוגן ותפריט ניווט באתר One-page?
  • אפיון האזורים באתר לטובת הגדרת ID.
  • מתן CSS ID ייחודי לכל אזור רלוונטי באתר.

 

49. יצירת תפריט ניווט מבוסס קישורי עוגן

  • מה ההבדל בין תפריט קלאסי לתפריט קישורי עוגן?
  • אילו סוגי פריטים ניתן להכיל בתפריט הניווט?
  • הוספת קישורי עוגן באמצעות CSS ID עבור תפריט הניווט.
  • כיצד ניתן לערוך את התפריט לאחר שהוא נוצר? (להסיר או לתקן פריטים).
  • בדיקת QA (תקינות) לתפריט הניווט שלנו.

 

50. אופטימיזצית Header

  • כיצד ניגשים לעריכת ה-Header דרך ה-Backend של וורדפרס?
  • כיצד ניגשים לערכית ה-Header דרך ה-Frontend?
  • כיצד ניגשים לערכית ה-Header מתוך מצב עריכה באלמנטור?
  • יישור האלמנטים ב-Header ברמה האנכית.
  • אילו בעיות יכולות להיות שימנעו מהתכנים ב-Header לשבת באופן מדויק ברמה האנכית?
  • יצירת תפריט “דביק” שנגלל לאורך כל המסך.
  • עיצוב סגנון לאזור ה-Header.
  • עיצוב סגנון תפריט ניווט
  • נתקלנו בבאג! כיצד מתמודדים עם באגים באתר?

יחידה 05:
רספונסיביות - התאמת האתר למסכים בגדלים שונים

51. מהי רספונסיביות?

  • מה זה רספונסיביות?
  • למה חשוב לשים דגש על רספונסיביות?
  • איך בוחנים את ציון חווית הגלישה בטלפונים ניידים מנקודת המבט של גוג?
  • מאיזה סוגי שגיאות גוגל תתריע כשמדובר בנוחות שימוש בניידים?
  • איך אפשר לבחון באופן ויזואלי את האתר שלנו דרך תצוגת ניידים?

 

52. הגדרות רספונסיביות להידר

  • בחינת רספונסיביות של האתר דרך מסכי מובייל.
  • מעבר לעבודת עריכה בסוגי מסכים שונים באלמנטור.
  • מהי נקודת השבירה?
  • עריכת נקודת השבירה במובייל וטאבלט.
  • כיצד מגדירים עריכה שתשפיע רק על סוג מסך מסוים (מובייל, טאבלט או דסקטופ בנפרד).
  • הגדרת רוחב עמודות ב-Header.
  • היפוך עמודות במובייל ובטאבלט ללא השפעה על מיקום העמודות בדסקטופ.
  • הסתרת אלמנטים מהאתר לפי סוג מסך.
  • הצמדת תפריט ההמבורגר לצד ימין.
  • פריסת תוכן תפריט ההמבורגר ברוחב מלא.

 

53. התאמת האזור הראשון לטלפונים וטאבלטים

  • בדיקת רספונסיביות של האזור הראשון באתר דרך האינספקט של כרום.
  • יצירת שוליים פנימיים עבור מצב רספונסיבי.
  • עריכת טיפוגרפיה לטובת רספונסיביות.

 

54. הצגת אלמנטים שונים בסוגי מסכים שונים

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

 

55. סיום התאמות רספונסיביות לאתר

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

 

56. תיקון גלישת מסך במובייל

  • זיהוי תקלת גלישת מסך במובייל.
  • ממה גורם תקלת גלישת מסך במובייל?
  • כיצד מתקנים את גלישת המסך במובייל?
  • כיצד מאתרים את האלמנט שיוצר את הבאג?
  • כיצד מוודאים מיהו האלמנט הסורר?
  • כיצד מתקנים את התקלה כאשר לא מצליחים לאתר בהצלחה את האלמנט הסורר?
  • תרגיל בית!

 

57. רספונסיביות אתר חלק שני – גדלי מסכי מחשב שונים

  • איך האתר שלנו נראה במסכי מחשב בעלי גודל רוחב שונה?
  • למה שולי המסך נראים באופן שונה בין מחשב למחשב?

 

58. שימוש באפליקציה חיצונית לבחינת רספונסיביות אתר

  • הכירו את responsively.app – אפליקציה בקוד פתוח לבדיקה סימולטנית של סוגי מסכים שונים לבחינת רספונסיביות
  • הורדת Responsively למחשב
  • התקנת Responsively
  • הכירות עם Responsively
  • הגדרת התצוגה של Responsively
  • יצירה של גדלי מסך מותאמים אישית לבחינה דרך Responsively

 

59. רספונסיביות מלאה למסכי דסקטופ

  • מה ההבדל בין PX, EN, REM VW?
  • יצירת תכנים דינמיים באמצעות VH
  • הגדרת פריסת האזורים כפריסה מלאה
  • הגדרת שוליים דינמיים על ידי מתן שול פנימי מצד ימין ושמאל באמצעות אחוזים
  • בדיקת רספונסיביות חוזרת במסכי מחשב שונים
  • התאמה חוזר של מסכי מובייל וטאבלט
  • למה במובייל ובטאבלט לא משנה אם נעבוד בסטנדרט דינמי לעומת מסכי מחשב?
  • האם התאמת האתר באופן מוחלט היא באמת מומלצת?

יחידה 06:
סדנת עיצוב אתרים וחווית משתמש

60. עיצוב אתרים וחווית משתמש
 
  • מה הקשר בין עיצוב האתר וחווית המשתמש ליחס הנטישה של הגולשים?
  • דוגמה לעיצובים שלא מעבירים נכון את המסר
  • מהם היסודות לעיצוב אתרים וחווית משתמש?

 

61. פונטים

  • מה זה טיפוגרפיה?
  • מהו פונט?
  • מהם סוגי הפונטים הקיימים?
  • מתי כדאי לעשות שימוש בפונט ממשפחת סריף בבניית אתרים?
  • מתי לא כדי לעשות שימוש בפונט ממשפחת סריף בבניית אתרים?
  • מתי כדאי לעשות שימוש בפונט ממשפחת סן-סריף?
  • פונטים מיוחדים – למה הם משמשים?
  • איך להשתמש בפונטים בעת עיצוב האתר ועיצוב וחווית המשתמש?
  • מה לא לעשות בפונטים בעת עיצוב אתר ועיצוב חווית משתמש?
  • באילו פונטים עבריים אלמנטור משתמשת?
  • איכן ניתן למצוא פונטים בחינם ופונטים בתשלום להתקנה באתר?

62. פונטים מותאמים אישית

  • איך מורידים פונטים בחינם למחשב?
  • איך מעלים את הפונטים לאתר דרך אלמנטור?
  • איך מעלים את הפונטים לאתר דרך וורדפרס?
  • איך להשתמש בפונטים בעת עריכת האתר?

 

63. גודל, משקל, רווח בין אותיות וגובה השורה

  • אחידות ושפה עיצובית
  • שמירה על קו עיצובי אחד בעניין הגדלים והמשקלים של הפונטים
  • מה לא לעשות עם הגדלים והמשקלים של הפונטים?
  • סטנדרט תקין לגובה שורה
  • סטנדרט תקין לרווח שבין האותיות

 

64. צבעים

  • איך הצבעים תורמים לנו לעיצוב האתר וחווית המשתמש?
  • איך בוחרים את הצבעים לאתר?

 

65. תאוריית הצבעים

  • מהי תאוריית הצבעים?
  • אילו מסרים שיווקיים ניתן להבעיר באמצעות צבעים?
  • דוגמאות לשימוש בצעים להעברת מסרים
  • כיצד יש לחלק את הצבעים באתר?

 

66. שילוב צבעים

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

 

67. דגשים בשילוב צבעים

  • כדי להימנע מעומס צבעים באתר
  • עיצוב תוך שימוש בניגודיות 
  • מה הקשר בין ניגודיות להנגשת אתרים?
  • איך אפשר למדוד מהו ציון ההנגשה של האתר?
  • עיצוב תוך המנעות מצבעים בעלי אפקט ויברציה
  • שימוש בצבעים אוניברסליים על מנת להעביר פידבקים לגולשים

 

68. קומפוזיציה

  • מהי קומפוזיציה?
  • Proximity
  • White Space
  • Alignment
  • Hierarchy
  • Repetition

 

69. אלמנטים

  • קווים: מה המטרה של הקווים, מה הסוגים שלהם ודוגמאות לשימוש בקווים.
  • צורות: אילו סוגי צורות יש לנו ובאיזה סוג להתשמש? דוגמאות
  • צורות תחת מימדיות: מהם המטרות של צורות תלת מימדיות? דוגמאות

 

70. טקסטורה

  • מה זה טקסטורה?
  • מה התפקיד של טקסטורה?
  • איך טקסטורה באה ליידי ביטוי בעיצוב אתרים?
  • איך מיישמים טקסטורה בעיצוב האתר?
  • איך הטקסטורה קשורה לחווית משתמש?
  • דוגמאות למספר טקסטורות והשימוש שלהם

 

71. איזון

  • מה זה איזון ומה הקשר שלו לעיצוב וחווית משתמש?
  • ממה איזון יכול להיות מושפע?
  • שיטות לשליטה באיזון האתר
  • דוגמא לאיזון

 

שיעור אקסטרה! מיתוג ושפה מיתוגית

יחידה 07:
בניית אתר תדמית

72. תזכורת לעדכון תוספים, תבניות וכו’

  • חזרה על ביצוע שדרוגים
  • איך קורה שיש לנו תבניות חדשות לשדרוג, על אף שבכלל לא התקנו את אותם התבניות?
  • למה לא כדאי לבצע שדרוג באתר חי, וכאשר צריך – איך לעשות את זה בבטחה?

73. מה זה אתר תדמית? איך בונים אתר תדמית?

  • מה ההבדל בין אתר One-page לאתר תדמית?
  • מהם עמודים טכנים?
  • מהו השוני המהותי בין אתרי תדמית לאתר One-page?
  • מהם ההבדלים באופן הארגון של התוכן בין אתר תדמית לאתר One-page?
  • אילו סוגי פריטים ניתן להזין בתפריט הניווט?
  • עשרת השלבים לבניית אתר תדמית

74. כיצד מוחקים תוכן ועמודים

  • מחיקה של עמודים מיותרים
  • שחזור עמודים שנמחקו בטעות
  • כיצד משכפלים עמודים באתר?
  • הגדרת עמודים כעמודי טיוטה
  • מחיקת תוכן שלם מתוך עמוד קיים

75. הוספת עמודים לאתר

  • הוספת עמודים חדשים לאתר: אודות, שירותים, תיק עבודות, יצירת קשר

76. יצירת תפריט ניווט

  • כיצד  מוחקים תפריט קיים?
  • כיצד מוסיפים תפריט חדש?
  • הגדרות תפריט ניווט
  • הוספת פריטים לתפריט
  • סידור הפריטים בתפריט

77. יצירת Header

  • כיצד מוחקים הידר קיים?
  • הוספת הידר חדש
  • הוספת אלמנטים להידר: לוגו אתר, תפריט ניווט ו-וידג’ט חיפוש
  • רספונסיביות מתקדמת להידר

78. סידור לשוניות בתפריט ניווט

  • למה צריך לעשות סדר בפריטים שבתפריט?
  • איך נקבע הסדר של הפריטים בתפריט?
  • כיצד משנים את סדר הפריטים בתפריט?
  • יצירת תתי פריטים בתפריט

79. יצירת פוטר

  • יצירת טמפלט לפוטר
  • הוספת חתימה (קרדיט למפתח) בפוטר
  • הגדרת פתיחת קישור בטאב חדש
  • הענקת תנאי לתצוגת הפוטר

80. איך עורכים בשנית את ההידר והפוטר?

  • כיצד ניתן לחזור שוב להידר או לפוטר כדי לבצע בהם עריכות?

81. הוספת תוכן לעמודים מבוסס טמפלט

  • יצירת תוכן ועמודים חדשים מעוצבים בשבריר השנייה – הכירו את הטמפלטים של אלמנטור
  • אילו סוגי טמפלטים יש?
  • איך נידע באיזה טמפלט כדאי לנו לבחור?
  • האם יש מניע מלבחור טמלפט כלשהו?
  • הוספת תוכן מעוצב באמצעות טמפלטים בעמודי האתר
  • כיצד מסתירים את כותרת העמוד? (שמקורה בתבנית הוורדפרס)

82. אם יש טמפלים אז למה עשינו את מה שעשינו עד כה?

83. מה זה שגיאה 404?

  • מה זה דף 404?
  • איך מגיעים לדף 404?

84. עיצוב עמוד 404

  • הוספת טמפלט לעמוד 404
  • התאמות לטמפלט של עמוד 404
  • מניעת נטישה מעמוד 404
  • גיור עמוד 404

85. מהו עמוד תוצאות חיפוש

  • איך וידג’ט החיפוש עובד?
  • מה מיוחד ב-url של עמודי החיפוש?
  • מאיפה נגזר עיצוב ברירת המחדל של עמוד תוצאות החיפוש?

86. הגדרת טמפלט לעמוד תוצאות חיפוש

  • הוספת טמפלט לעמוד תוצאות החיפוש
  • היכרות ראשונית עם ערכים דינמיים באלמנטור
  • מה ההבדל בין כותרת רגילה לכותרת דינמית?
  • איך עובד הנושא של תוכן דינמי?
  • מתי תנאי להצגת עמוד תוצאות חיפוש

87 – מה מקור הבאג בתוצאות החיפוש של אלמנטור

  • איתור מקום הבאג בעמוד תוצאות החיפוש
  • איך “לעקוף” א הבאג אם אנחנו לא רוצים להתעסק בקוד?

88 – שחרור אפשרות הסתרת כותרת בעמודים

 

89 – הסתרת כותרת עמודים באמצעות CSS

  • ממה מורכב קוד CSS?
  • דגימת ערך CSS של כל אלמנט באתר
  • האם הקלאס שמצאנו דומה בכל אתר הוורדפרס?
  • הטמעת קוד CSS באתר וורדפרס
  • כתיבת הקוד שיסתיר את כל כותרות האתר באופן גלובלי
  • תיקון הבאג כתוצאה מהשימוש בקוד

 

90 – עיצוב עמוד תוצאות חיפוש חלק א’

  • עיצוב כרטיסיות תוכן תוצאות החיפוש
  • איך יכול להיות שגם על אף שבארכיון תוצאות החיפוש מוגדרת הצגת תמונה ראשית, עדיין יש תוצאות שאין להם כאלו?

 

*שיעור זהב!* תרגול מחרוזות ב-WordPress

91 – עיצוב עמוד תוצאות חיפוש חלק ב’

  • הגדרת אורך המקטע של תיאור תוצאות החיפוש
  • שליטה במידע מובנה נוסף כמו תאריך עליית התוכן, כותב התוכן וכו’
  • הגדרת נראות מרווח בין תוספי המידע
  • הגדרת כפתור “קרא עוד” בתוצאות החיפוש
  • שליטה ב”עימוד” תוצאות החיפוש
  • הגדרת הגלבת תכנים להצגה בעמוד תוצאות החיפוש
  • שליטה בסגנון העיצוב של תוכן תוצאות החיפוש

 

92 – גיור טמפלט לעברית

  • למה התוכן של הטמפלט לא מושפע מההגדרות הגלובליות שלנו?
  • מה כולל תהליך גיור תוכן?

 

93 – בדיקת גיור טמפלט

יחידה 08:
עיצוב בהתאמה אישית

94 – עיצוב בהתאמה אישית

  • משימת כיתה – ביצוע התאמות צבע לאתר

 

95 – התאמה אישית של האזור הראשון

  • ביצוע התאמות צבע לאתר תוך שימוש בצבע מוגדר מראש
  • עריכת צבעי הרקע בהתאמה אישית
  • עריכת צבע הכפתורים בהתאמה אישית

 

96 – התאמה אישית של האזור השני

  • התאמת סגנון כפתורים וכותרות באמצעות העתקה והדבקת עיצוב
  • התאמה אישית של שכבת רקע

 

97 – הכנת ההידר לטובת התאמה אישית

  • גישה לעריכת ההידר שדרך ערכית עמוד, וכך צפייה מקבילה בערכית ההידר + צפיה בתוכן ה-body

 

98 – סגנון תפריט ניווט

  • אילו אפשרות עריכה של לתפריט הניווט במובייל? 
  • ההבדלים בין ה-Main manu, Dropdown ו-Toggle button
  • ההבדלים בין מצב Normal, Hover ו-Active
  • עריכת Pointer בתפריט הניווט
  • בחירת סוג Pointer בהתאם לאווירת האתר
  • ערכית סגנון ה-Main manu

 

99 – התאמה אישית של האזור השלישי

  • שיפור ויזואלי של האזור בהתאם לשיקולים שלנו: צימצום רווחים, צימצום שוליים ותיקון פרופורציות

 

100 – איך אפשר לערוך תמונות או אייקונים שהטמפלט בחר עבורנו

 

101 – ספריית אייקונים חיצונית – פלאט אייקון

  • היכרות עם Flaticon – ספריית איקונים עשירה
  • איך לפלטר תוצאות חיפוש בסיפרייה?
  • איך אפשר לערוך את האייקון?
  • הורדת האייקון מהספרייה למחשב

 

102 – השלמת עריכה של האזור השלישי

  • החלפת התמונות של הטמפלט בתמונות מקוריות שהורדנו מ-Flaticon
  • עריכת כרטיסיות

 

103 – התאמה אישית של האזור הרביעי באתר

  • היכרות עם וידג’ט הנעה לפעולה (Call To Action)
  • עריכת וידג’ט הנעה לפעולה

 

104 – התאמה אישית של האזור החמישי באתר

  • היכרות עם קרוסלת המלצות
  • התאמה אישית של קרוסלת המלצות
  • גיור קרוסלת המלצות

 

105 – סיום התאמה אישית של הטמפלט

  • היכרות עם קרוסלת תמונות
  • התאמה אישית של קרוסלת התמונות

 

יחידה 09:
Call To Action

106 – מה זה CTA?

 

107 – דוגמאות לכפתורי התקשרות מיידית

 

108 – הגדרת כפתור חיוג מהיר באתר

  • חילוץ האלמנטים מוידג’ט “תיבת תמונה”
  • עריכת האלמנטים בהתאם לכפתורי הקריאה לפעולה הלרוונטים שלנו
  • הכירות את התגיות הדינמיות; אפשרות ליצירת תכנים דינמיים
  • הגדרת כפתור לחיץ לחיוג טלפוני ישיר מהאתר
  • הגדרת כותרת לחיצה לחיוג טלפוני ישיר מהאתר

 

109 – הגדרת כפתור ניווט לכתובת העסק

  • אופציה ניווט א’: כפתור ניווט דרך אפליקצית Waze
  • אופציה ניווט ב’: כפתור ניווט דרך גוגל מפות

 

110 – הגדרת כפתור מייל שליחה מהיר

  • יצירת תגית דינמית ליצירת קשר באמצעות אימייל
  • הגדרת כתובת האימייל הנכונה
  • הגדרת הכותרת שהפונה ירשום לנו באופן אוטומטי
  • הגדרת התוכן של המייל שהפונה ירשום לנו באופן אוטומטי

 

111 – איך נוסף הכפתור הצף באתר?

  • חקירה של הכפתור הצף שהתווסף בטמפלט
  • ביקרת על אופן הבניה של הכפתור
  • הסרה של הכפתור מכל עמוד לעמוד לטובת שיפור שלו

 

112 – הגדרת כפתור מהיר לשיחת וואטסאפ

  • איפה כדאי להציב את הכפתור הצף?
  • אפיון מקדים של הכפתור
  • הוספת כפתור מהיר לשליחת וואטסאפ
  • סגנון כפתור וואטסאפ
  • הגדרת הכפתור כדביק, וכך ליצור את אפקט הכפתור הצף
  • הוספת תגית דינמית לשליחת הודעת וואטסאפ בעת הקלקה על הכפתור

יחידה 10:
טופס יצירת קשר

113 – מה נלמד ביחידה הקרובה?

114 – היכרות עם טופס יצירת קשר

115 – צ’אק בוקס בטופס יצירת קשר

116 – שליחת קבצים דרך טופס יצירת קשר

117 – הגדרת ריקפצ’ה – הגנה מפני ספאם בטופס יצירת קשר

118 – טופס מרובה שלבים

119 – יצירת עמוד “תודה רבה”

120 – הפנייה אוטומטית לעמוד תודה רבה לאחר שליחת טופס יצירת קשר

121 – מה זה שרשור פרמטרים דינמיים דרך כתובת URL 

122 – נוסחה לשרשור פרמטרים דינמיים דרך כתובת URL

123 – יצירת שרשור פרמטרים בטופס יצירת קשר לעמוד תודה רבה

124 – שימוש ראשון בפרמטר משורשר מכתובת ה-URL

125 – סיום שרשור פרמטרים

126 – הסתרת עמוד תודה רבה מהתוצאות בגוגל

127 – שמירת לידים של טופס יצירת קשר באלמנטור

יחידה 11: פופ-אפ

127 – יצירת פופאפ ושמירה ללא הפעלת טריגר

128 – הגדרות פופאפ

129 – הגדרות פופאפ מתקדמות

130 – אופן הלמידה של יחידת הפופאפ

131 – הפעלת פופאפ בהופעה מיידית

132 – הפעלת פופאפ לפני יציאה מהאתר

133 – דגשים בעניין תוכן ועיצוב הפופאפ

134 – הפעלת פופאפ בלחיצה על כפתורים, אייקונים ותמונות

135 – יצירת פופ אפ אישור תנאי שימוש באתר

136 – הפעלת פופאפ בתום שליחה של טופס יצירת קשר

137 – הוספת פופאפ כפריט בתפריט הניווט באתר

138 – שימושים מקוריים בפופאפ אפ חלק א’ – הקלקה למידע נוסף

139 – שימושים מקוריים בפופאפ חלק ב’ -פופאפ שפותח אפשרויות להתקשרות מיידית

 

יחידה 12: אתרי תוכן

140 – מהם אתרי תוכן

141 – הוספת קטגוריות חדשות לאתר

142 – יצירת פוסטים חדשים ושיוכם לקטגוריות

143 – בדיקת תוכן פוסטים לקראת שיעור עיצוב טמפלטים

144 – מה הבעיה שיש כרגע עם הפוסטים

145 – יצירת טמפלת עבור הפוסטים

146 – גיור והתאמת סגנון לטמפלט פוסטים

147 – איך חוזרים לעריכת טמלפט הפוסטים ועורכים אותו מחדש

148 – אופטימיזצית טמפלט פוסטים חלק א’

149 – אופטימיזצית טמפלט פוסטים חלק ב’ – וידג’ט תוכן העניינים

150 – אופטימיזצית טמפלט פוסטים חלק ג – הוספת אלמנט אודות ומסגרות אלמנטים קשורים באמצעות הצללה

151 – אופטימיזצית טמפלט פוסטים חלק ד – עיצוב וסגנון הטמפלט

152 – אופטימיזצית טמפלט חלק ה – הוספת קריאה לפעולה בטמפלט הפוסטים

153 – הוספת וידג’ט תגובות לפוסטים

154 – הטמעת עמוד פייסבוק עסקי ואפשרות שליחת הודעה מהירה בכל עמודי הפוסטים

155 – הוספת אפשרות מתן ביקורת (דירוג כוכבים) לכרטיסיית גוגל לעסק שלי

156 – טופס הרשמה לניוזטלר

157 – הוספת מאמרים נוספים כהצעה לתוכן קריאה נוסף

158 – הוספת טמפלט לעמוד ארכיון

היחס האישי

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

מטרות הקורס:

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

פיתוח עמודי נחיתה
5/5
פיתוח אתרי תדמית
5/5
פיתוח בלוג תכנים
5/5
פיתוח חנויות וירטואליות
5/5
תעודה קורס בניית אתרים המכללה לשיווק דיגיטלי

היתרונות המרכזיים של הקורס בניית אתרים שלנו;

investment

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

fill_forms

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

social_girl

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

all the data

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

online_media

הקורס כולל לימודי קוד וגישה לספריית קוד מוכנה לטובת שימוש בזמן הקורס ושימוש עתידי של הסטודנטים 

design_sprint

בוגרי הקורס אשר יעמדו בדרישותיו יהיו זכאים לתעודה אישית לראיה

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

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

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

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

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

למי הקורס לבניית אתרים מתאים?

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

אשר מעוניינים להקים אתר עבור עצמם ואף לדעת כיצד לנהל ולקדם אותו בלי להיות תלוי בחברה צד ג’
קורס בניית אתרים

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

המעוניינים להרחיב את סל השירותים והיכולות שלהם על ידי היכרות עם “הצד השני” ואף לקחת את האחריות על פיתוח וניהול האתר
קורס בניית אתרים

שלמדו לבד איך לבנות אתרים, כבר התחילו לעסוק בזה בפועל, אבל מרגישים שהם צריכים “גב” ולחדד דברים, להיות במקום שבו אפשר לשאול שאלות ולהתייעץ עם קולגות
קורס בניית אתרים

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

מה כולל הקורס הדיגיטלי לבניית אתרים?

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

ריכוז מידע חשוב אודות קורס בניית אתרים

מחיר הקורס הינו 2,000 ש”ח. אופן התשלום הוא בכרטיס אשראי דרך האתר וניתן לבצע חלוקה לתשלומים.

הקורס כבר ערוך ומוכן מראש – כך שעם הרשמתכם, אתם תקבלו מיד גישה לקורס ותוכלו להיכנס אליו תמיד דרך כפתור “כניסת סטודנטים” שמחכה לכם בתפריט הניווט באתר

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

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

תודה שהצטרפת לרשימת הדיוור!

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

רק רגע

יכול להיות שויתרת מהר מדי על המקצוע הבא שלך?

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

קורס שיווק דיגיטלי

ההרשמה לקורס שיווק דיגיטלי מעניקה גישה משולבת להכשרות המתקדמות של:

מחיר הקורסים 8,000 ש"ח

מחיר הקורס המשולב: 6,500 ש”ח בלבד!

למידע נוסף והרשמה יש ליצור קישור בטלפון או בוואטסאפ:

קורס עיצוב גרפי

ההרשמה לקורס עיצוב גרפי מעניקה גישה משולבת להכשרות המתקדמות של:

מחיר הקורס המשולב: 2,700 ש"ח

למידע נוסף והרשמה יש ליצור קישור בטלפון או בוואטסאפ:

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

הקורס לעיצוב גרפי בתהליך הפקה ויהיה פתוח להרשמה בהמשך

תרצו להיות הראשונים שיקבלו עדכון ברגע שזה יקרה?

השאירו את הפרטים שלכם בטופס הבא ואנו נדאג לעדכן אתכם מיד כשהקורס יהיה זמין להרשמה!

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

התחל שיחה בוואטסאפ
צריכים עזרה?
היי! מתלבט האם הקורס לבניית אתרים מתאים לך? רוצה להירשם וצריך עזרה? יש לך שאלה כלשהי...? בכיף - לכל עניין אפשר לפנות אליי לשיחה ישירה בוואטסאפ >>