מה שצריך לדעת כדי ללמוד HTML ו CSS + מבחר קורסים מומלצים

עודכן לאחרונה בתאריך 4 אוגוסט 2020

הקדמה

מה זה HTML ו CSS?

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

CSS הוא גיליון העיצוב של אתרי אינטרנט, הוא זה המכתיב איך יראה דף ה HTML.

הדמיון בין בניית בית לבין בניית אתר:

HTML הוא שלד הבסיס – יסודות המבנה.

CSS הוא הנראות\התצוגה של הבית, העיצוב פנים והעיצוב חוץ, והוא אף מסדר את יסודות הבניין והחללים השונים.

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

אתר רספונסיבי מה זה?

(כדאי לקרוא את ההקדמה )

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

תכונה זו של אתר אינטרנט נקראת – אתר רספונסיבי (Responsive) – אתר גמיש.

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

למה ללמוד HTML?

  1. אם יש לכם בלוג או אתר אינטרנט, HTML ו CSS הם השלד והמראה העיצובי של האתר. מבלי לדעת אותם לא תוכלו לבצע שינויים אפילו הקטנים ביותר, כגון יותר מקום, הוספת תמונה, מקום, סידור העמוד, שינוי פונטים וגדלי פונטים, ולמעשה כל מה שמצריך נגיעות של מתכנת תוכלו לעשות אם תדעו HTML ו CSS.
  2. תוכלו לבנות אתר אינטרנט בעצמכם.
  3. מחפשים עבודה מהבית? מתכנת צד-לקוח יכול לעבוד מהבית כשכיר\עצמאי
  4. HTML ו CSS אלו הן הבסיס של כל מתכנת צד-לקוח (מתכנת פרונט אנד). ביחד עם JAVASCRIPT יש לכם כרטיס כניסה להיי-טק עם מקצוע מבוקש בשוק בשכר גבוה.(ראו Front End)
  5. HTML ו CSS זה כיף וקל ללימוד.
  6. HTML ו CSS הם תחילת הדרך בלימוד בנייה ותכנות אתרים.

איך מתחילים ללמוד HTML? (עצות רגע לפני שמתחילים)

קודם תלמדו את מבנה הדפים של HTML, לאחר מכן את התגיות, ולאחר מכן איך מעצבים עם CSS דפי אינטרנט. מומלץ לקחת קורסים שבהם יש התנסות מעשית בבניה והקמה של כמה אתרי אינטרנט שונים, עיצוב אתר ביחד עם המרצה כאשר הוא מסביר וכותבים ביחד קוד זה דרך טובה ללימוד HTML. (בקורס וידאו המומלץ בכתבה אתם תבנו כמה אתרים)

איך ללמוד html? (עצות לשלב הלמידה המעשי)

לימוד HTML הוא לא קשה, כל אחד יכול ללמוד. בהתחלה אולי תרגישו שזה כבד עליכם כי יש לזכור את המבנה, לזכור הרבה תגיות. התחושה הזאת עלולה להתגבר כאשר תמשיכו ללמוד את גיליונות העיצוב של עמודי אינטרנט CSS.

HTML ו CSS פשוט מאוד ליישם – ככול שתכתבו יותר קוד תהיו מנוסים יותר:

אל תחששו – הסירו דאגה מלבכם! הכל נרכש, לאחר כמה כתיבות של דפי אינטרנט זה נכנס לזיכרון. ברגע שכותבים קוד HTML פעם אחר פעם (רק ככה לומדים) זה נכנס למה שנקרא “זיכרון שריר”. ואתם תופתעו איך פתאום אתם זוכרים תגיות ומאפיינים של CSS. זה יחזק אתכם, עם הזמן יהיה לכם מצבור שאתם כבר זוכרים בראש. וזה רק ימשיך ויתחזק וירוץ משם. אבל הכי חשוב לדעת – לכתוב קוד HTML ו CSS שוב ושוב ולהתאמן – רק ככה לומדים קוד, ועם הזמן אתם תוכלו לבנות ולעצב אתרים ברמה גבוהה וללמוד נושאים יותר מתקדמים ב CSS. כן זה אפשרי!

ומה עושים כשנתקעים…

  • אם לא זוכרים או לא יודעים איך עושים משהו אפשר לחפש בגוגל.
  • כל קורס שאתם לומדים רשמו לכם סיכום בשפה שלכם ובדרך הבנה הייחודית שלכם. כך שבמידה ושכחתם איך משהו פועל, או איך עושים משהו מסוים – תוכלו לחזור אל הדברים שכתובים בשפה שלכם.

קורסי לימוד HTML & CSS

למתחילים

מדריכים חינמיים איכותיים באנגלית כולל התנסות מעשית ושאלות תרגול תמצאו ב w3schools.com

האתר w3schools מצוין גם לשימוש כ'מילון' ל HTML ו CSS.

בעברית תוכלו ללמוד באתר webmaster.org.il


קורס וידאו מבוא ל HTML בעברית (חינם)

משרד התעסוקה ממן לקהל הרחב קורס מבוא ב HTML בין 6 שעות הכולל את הבסיס ל HTML עם CSS. לאחר מעבר קצר על הקורס מדובר בקורס בסיסי אשר יקנה לכם את יסודות ה HTML עם CSS. חלק קטן של הקורס מתעסק בשימוש מיושן של CSS למיקום אלמנטים בדף שכבר לא מומלץ לשימוש כיום אך גם זה חשוב לדעת מה השתמשו בעבר – לא מסובך להתעדכן על הדרך הטובה והעדיפה יותר כיום. (ראו קורסים למתקדמים).

בקורס ישנו תרגול – קבצי הקורס לתרגול זמינים להורדה מאתר הקורס.

לקורס משרד התעסוקה מבוא ל HTML

למתקדמים

לאחר שלמדתם את הבסיס של HTML ו CSS מומלץ לשמור או לחזור אלינו כדי להמשיך ללמוד עם קורסים למתקדמים. (מומלצים מניסיון)


ערוצי Youtube מומלצים ללימוד CSS (מתקדמים)

dcode – יוטובר אוסטרלי נחמד שמעביר את הידע שלו בצורה קלה להבנה ועם הרבה אהבה לתחום. בערוץ תמצאו בעיקר JS אבל גם CSS שמתאים למתקדמים. לדוגמה תפריט נפתח CSS בלבד.

Kevin Powell – יוטובר קנדי שמתרכז בחלקו העיצובי של פיתוח צד-לקוח עם עצות, טיפים ומדריכים ב CSS. כולל מדריכי יצירת עיצובים מ – 0. לדוגמה יצירת עיצוב אי-סימטרי רספונסבי עם HTML ו CSS


קורס מקיף למתחילים לימוד HTML5 & CSS3 (בתשלום)

אם אתם מחפשים ללמוד HTML מהתחלה הקורס הבא הוא עבורכם.

פרטי הקורס

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

איפה לומדים

הקורס זמין לרכישה במרכז הלימוד של Fiverr שנקרא Learn. בקרו בעמוד הקורס להתרשם. יש לכם 30 יום להתחרט ולקבל את כספכם בחזרה במידה והחלטתם מכל סיבה שהיא שהקורס לא בשבילכם.

מחיר הקורס

נכון לכתיבת שורות אלו המחיר הוא $23

מעבר לקורס להתרשם לחצו כאן

למה דווקא הקורס הזה מומלץ:

  • לימוד HTML מהבסיס של HTML.
  • קורס מקיף בין 16 שעות שילמד אתכם את כל מה שצריך בקורס אחד.
  • הוא באנגלית ורצוי מאוד ללמוד באנגלית את התחום. הכתיבה של HTML ו CSS באנגלית וכדאי שהלימוד יעשה באותה שפה. בנוסף באנגלית יש מגוון עצום של מדריכים ברשת וכדי להיכנס לתחום צריך לדעת אנגלית.
  • מחיר הקורס זול מאוד.
  • במהלך הקורס תבצעו כמה פרויקטים בו תתנסו בכתיבת קוד.
  • 30 יום החזר כספי אם אתם לא מרוצים \ לא רוצים להמשיך.
  • גישה ללא מגבלה, מכל מקום.
  • מרצה עם ניסיון .

למדתם ואהבתם, חזרו וספרו לנו בתגובות – נשמח לשמוע את חוות הדעת שלכם!

שאלות? השאירו תגובה ונחזור אליכם בהקדם!

Be the first to comment on "מה שצריך לדעת כדי ללמוד HTML ו CSS + מבחר קורסים מומלצים"

תגובות לכתבה

כתובת האימייל שלך לא תפורסם.


*