קורס מבוא ל-HTML

בואו להתמקצע ולהיות מומחים בבניית אתרים

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

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

שיעור מספר 1
שיעור מספר 2
שיעור מספר 3
שיעור מספר 4
טוען וידאו...

תרגול חינם מבוא ל-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)

סיכום הקורס

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