HTML

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

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

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

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

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

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

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

נושאי הלימוד

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

 

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

ציון

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

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

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

 

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

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

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

 


 

 

שיעור 2

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

  • רשימות מסוגים שונים
  • תמונות ופורמטי תמונה
  • לינקים (קישורים)

 

לינק לתיקיית חומרי הלימוד לפי שיעורים

מדריך הסבר ליצירת תיקיית ZIP ופתיחה שלה

שיעור 1

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

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

 

לבעלי מערכת הפעלה מקינטוש (אפל) - אפשר להוריד את עורך הקוד brackets, שעובד בצורה דומה.

מדריך הסבר ליצירת תיקיית ZIP ופתיחה שלה

לינק לתיקיית חומרי הלימוד לפי שיעורים