HTML

 

קורס בניית אתרים - Html & Css – שנה א

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

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

קפיצה לשיעורי הקורס

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

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

 

נושאי הלימוד

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

 

כל התכנים בקורס ייושמו בתרגול מעשי בעורך הקוד תוך שימת דגש על כתיבת קוד תקני.

ציון 

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

עבודת אמצע סמסטר                                       20%

עבודת סוף סמסטר                                         30% 

  

עבודה שתוגש באיחור- ציון מופחת.
אי הגשת עבודה – ציון שלילי.

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

בהצלחה ולימודים מהנים :)
פנינה

 


 

 

 

שיעור 12 - 08/06/26

בשיעור זה נדבר על יצירת אנימציות בcss.

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

קישור לקבצי השיעור ומצגות


 

דרישות הגשת סוף סמסטר

תאריך ההגשה בהתאם ללוח הבחינות, כמובן בהתאם לצורך תינתן הארכת זמן.


 

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

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

שימו לב למטלת הבית שיש להגיש, הסבר בסוף השיעור.

קישור לקבצי השיעור ומצגות


 

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

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

קישור לקבצי השיעור ומצגות


 

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

נדבר על מאפיין overflow, על שיטת בניה float, ונבנה יחד מספר 'מגזינים'.

קישור לקבצי השיעור ומצגות


 

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

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

קישור לקבצי השיעור ומצגות


 

שיעור 2 - 23/03/26

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

קישור לקבצי השיעור ומצגות


 

שיעור 1 - 16/03/26

בשיעור זה נעשה חזרה קצרה ונתחיל לבנות יחד אתר חדש. 
בהקלטה נראית עבודה עם עורך notepad++ אבל אתם מוזמנים לעבוד כרגיל עם vs code העדכנית יותר.

קישור לקבצי השיעור ומצגות