שיעורים לצפייה בחינם:

שיעור מספר 1
שיעור מספר 2
שיעור מספר 3
שיעור מספר 4

היכרות עם שפת הHTML

טוען וידאו...

תרגול חינם מבוא ל-HTML

קורס מבוא ל-HTML

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

מבוא לאינטרנט

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

מבוא ל-HTML

  • היכרות עם שפת הHTML
    • 1.ExerciseAnswers/20180709-11072293הורד.jpg
      1
      2
      3
      4
    • 2=1;
  • היכרות עם גרסאות שונות של HTML
  • כיצד בנוי קובץ HTML?
  • התקנה ועבודה עם תוכנת Notpad++
  • מהן תגיות הבסיס ב- HTML?
  • יצירת קובצי תבנית

תגיות מלל

  • כיצד מוצגים רווחים בקוד בדף HTML ?
  • שימוש בתגית פסקה (P Tag)
  • הגדרת יישור פסקה (P Tag Align)
  • קביעת כיוון המלל מימין לשמאל (Dir=Direction)
  • תגיות ריווח ושבירת שורה
  • עיצוב מלל באמצעות קבוצת תגיות הביטוי
  • עיצוב מלל באמצעות תגיות מקבוצת הפונט
  • כיצד נגדיר תגיות כותרת?
  • שימוש בתגית "ללא מאפייני עיצוב" (Pre Tag)
  • עיצוב הממלל באמצעות תגית הפונט (Font Tag)
  • מהן תגיות הרשימה? (Ul, Or, Dl)

תגיות תמונה

  • שימוש בתמונה כרקע לדף HTML
  • שימוש בתגית תמונה (Img Tag)
  • יישור מלל ביחס לתמונה
  • שבירת שורות מסביב לתמונה

תגיות קישור

  • תגית לינק/קישור ומאפייניה (A Tag)
  • כתובת יחסית וכתובת אבסולוטית בתוך קישור
  • לינקים לעוגנים
  • יצירת לינק מתמונה

מבוא ל-CSS בסיסי

  • היכרות עם שפת ה-CSS
  • כיצד בנוי קוד CSS
  • מהם 3 סוגי הסגנונות ב-CSS
  • 3 הדרכים ליצירת גליונות עיצוב ב-CSS
  • מעבר על ההיררכיה של הסגנונות
  • עבודה עם סגנון מסוג CLASS
  • עבודה עם סגנון סגנון מסוג TAG
  • עבודה עם סגנון מסוג ID

טבלאות

  • היכרות עם תגית טבלה ומאפייניה (Table Tag)
  • איחוד ופיצול תאים בטבלה
  • עבודה עם תאים, שורות וריווחים
  • עיצוב טבלה ב-CSS

טפסים

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

מסגרות

  • מרכיבי טופס ה"צור קשר" בשפת ה-HTML
  • יצירת טופס ושדות טקסט
  • יצירת רכיבים לבחירה מרובה או בודדת
  • יצירת רכיבי טופס נוספים
  • כפתורים לשליחה/איפוס הטופס

בנית דף אינטרנט פשוט בדיבים - הדגמה מלאה

  • תפקידם של המסגרות (Frames)
  • ביטול גבולות ויכולות שינוי של מסגרות
  • מסגרת מסוג IFRAME

העלאת האתר לרשת

  • מעבר על דף האינטרנט המוגמר
  • מהו מבנה הדף - Wireframe
  • יצירת מבנה הדף ב-HTML
  • עיצובי DIV ראשיים
  • כיצד נייצר את הרקע לאתר?
  • עיצוב הבאנר העליון באתר
  • עיצוב התפריט הראשי באתר
  • יצירת שורת חיפוש התוכן באתר
  • בנית תוכן עליון חלק 1 (בניית DIV מרכזי)
  • בנית תוכן עליון חלק 2 (הזנת תכנים)
  • בנית בר צדדי חלק 1
  • בנית בר צדדי חלק 2
  • בנית תפריט הלשוניות (טאבים) חלק 1
  • בנית תפריט הלשוניות (טאבים) חלק 2
  • בניה ויצירת סגנון הסגיר (Footer)

סיכום הקורס

  • דברי סיכום