תקשורת חזותית

רוצה עוד פרטים!

DHTML רכיבי ממשק - סמסטר ב

קורס רכיבי ממשק אינטראקטיביים

מרצה: פנינה אלקבץ

מייל ליצירת קשר: [email protected]

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

נושאי הלימוד

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


שיעור 12 - חלק 1 - 08/06/2026

שימו לב יש 2 חלקים לשיעור זה, בחלק השני - דרישות עבודת סוף סמסטר.

בשיעור זה נדבר על אפשרויות יצירה בAI, רכיבים שונים בתוך אלמנטור
וכלי הai site planner שבונה לנו אתר שלם מבריף ועד מפת אתר, וויירפריימס ואתר בנוי מלא בתוך דקות.

קישור לקבצי השיעור

 

שיעור 12 - חלק 2 - 08/06/2026

בחלק זה נשתמש בכלי Angie של אלמנטור, ליצירת ווידג'טים ודברים מיוחדים מאפס בAI.

שימו לב - בסוף ההקלטה יש הסברים על עבודת סוף סמסטר.

קישור לקבצי השיעור

 

שיעור 11 - 01/06/2026

בשיעור זה נדבר על יצירת חוויות בהובר, אנימציות לוטי וsvg בגלילה, והטמעת מודל תלת מימדי באתר.
אבדוק שעשיתם יחד עם ההקלטה.

קישור לקבצי השיעור

 

שיעור 5 - 20/04/2026

בשיעור זה נמשיך לבנות יחד את הסינגל-פייג' שלנו.

יש מטלה להגשה בסיום השיעור.

קישור לקבצי השיעור


שיעור 4 - 13/04/2026

בשיעור זה נבנה יחד סינגל-פייג', נדבר על התכנון, התוכן והבניה הטכנית שלו.

יש מטלה להגשה בסיום השיעור.

קישור לקבצי השיעור


שיעור 3 - 30/03/2026

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

יש מטלה להגשה בסיום השיעור.

קישור לקבצי השיעור


שיעור 2

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

יש מטלה להגשה בסיום השיעור.

קישור לקבצי השיעור


שיעור 1 - מבוא לCSS GRID

בשיעור זה נכיר את שיטת הבניה גריד - בקוד css. 
זהו שיעור מבוא להבנת העבודה עם הגדרות גריד, לאחר מכן נתמקד ביישום ביצירת גרידים מעניינים באלמנטור.
(בהקלטה העבודה עם עורך קוד נוטפאד++, אתם יכולים כמובן להשתמש בעורך vs code העדכני)

יש להגיש את התרגילים שעשינו יחד בשיעור.

קישור לקבצי השיעור