HTML

 

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

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

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

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

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

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

 

נושאי הלימוד

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

 

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

ציון 

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

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

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

  

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

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

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

 


 

 

1. מבוא לבניית אתרים

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

בהקלטה רואים עבודה בעורך notepad++ אך אנחנו נעבוד בעורך vs code.


2. תגיות בסיס והמשך עבודה נכונה

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

בהקלטה רואים עבודה בעורך notepad++ אך אנחנו נעבוד בעורך vs code.