Videos · וידאו
Web Basics — HTML & CSS · יסודות האינטרנט — HTML & CSS
Pick a topic to watch. · בחר נושא לצפייה.
21 video lessons · 21 שיעורי וידאו
2:20
הדף האינטרנט הראשון שלך
כל דף שהפעלת מעולם הוא קובץ שמישהו כתב. לא צויר, לא עוצב באפליקציה - כתוב, ותוכל לכתוב אחד בעצמך בחמישית…
2:28
כותרות
עמוד המורכב מפרקים כולם בגודל זהה הוא קיר טקסט, והקורא מתרסק עליו. כותרות הן האמצעי באמצעותם הקורא מוצא …
2:07
Bold, italic, break
עד עכשיו תג (Tag) עטף בלוק שלם: שורה זו היא פסקה, שורה זו היא כותרת. הנה משהו חדש — תג שעוטף רק מילה אחת ב…
2:17
רשימות
כתוב שלושה פריטים כשלושה פרקים, והדפדפן לא יודע שהם שייכים יחד. אמור list, והוא עושה זאת. רשימה לוקחת שנ…
2:31
קישורים
הכל שכתבת עד עכשיו יושב בעמוד אחד ונשאר שם. תג אחד הופך את זה לחלק מהאינטרנט. תג הקישור הוא a, קיצור של …
2:25
תמונות
תג אמר לדפדפן מה משהו הוא. תג זה צריך להגיד לו היכן ללכת ולקבל אותו, וזה דורש סוג חדש של מידע. כדי להציב…
2:18
דף רשת אמיתי
עד כה כתבת חתיכות של דף. דף אמיתי משלב אותן במסגרת, והוא אותו מסגרת בעיקר בכל אתר ברשת, ולכן שווה…
2:29
תגיות ומיפוי
עד עכשיו כל תג היה שכנו של התג הקודם. דפים אמיתיים מכניסים תגים בתוך תגים, והרגע שהם עושים זאת, הסדר מתח…
2:17
טבלאות
זהו התג שסטודנטים טועים בו הכי הרבה, ותמיד מאותה סיבה: הם מנחשים את הסדר במקום לקרוא אותו. טבלה צריכה של…
2:08
צורות
הכל שעשית עד כן מיועד לקריאה. טופס שונה: זה דבר שמשתמש בו מבקר. כתוב קלט עם סוג טקסט ותקבל קופסה אמיתית…
2:19
קטעים וכיתות
דפים קטנים בסדר כערימת תגי HTML. גדולים יותר לא — מבקר רואה כותרת, אחר כך תוכן, ואז הערה בתחתית, ואם ה-H…
2:21
ה-CSS הראשון שלך
באמצע הקורס מגיע שפה שנייה. HTML אומר מה כל דבר הוא — זהו פסקה, זה כותרת. CSS אומר איך זה נראה — זה…
2:18
בוחרים
בשיעור האחרון הבוחר שלך היה שם תג, שינה כל פרצוגרף בדף. זה לרוב הרבה מדי. יש עוד שניים. כתוב שם עם נקודה ב…
2:19
צבעים
צבע הוא הנקודה שבה דף מפסיק להיראות כמו עבודה ביתית. זה גם הנקודה שבה מתחיל בוחר שנים עשר מהם והדף מתפור…
2:16
עיצוב טקסט
בשיעור השני, הדפדפן בחר עבורך את גודלי הכותרות. כעת תוכל לבחור אותם בעצמך, באמצעות font-size, הנמדד בפיק…
2:27
מודל הקופסה
שני אלמנטים מסרבים לשבת היכן שתרצה, ואין מה שאתה מקליד יכול לתקן זאת. ברוב המוחלט של המקרים, זוהי הסיבה.…
2:17
שוליים (Margin)
שוליים הם המרחק מחוץ לקופסה, והנה הדבר לגביהם: בקופסה שאין סביבה שום דבר, השוליים לא משנים דבר שניתן לרא…
2:16
תצוגה
צפיית בזה מאז השיעור השלישי מבלי שיש לו שם. כמה אלמנטים לוקחים שורה שלמה לעצמם ומשתרעים על פני הדף: div, …
2:09
רוחב ומיקום במרכז
הנה דבר שאולי לא שמת לב: קופסת בלוק רחבה כבר כמו העמוד. היא כזו מאז — פשוט לא ראית את הקצוות ללא…
1:58
Flexbox
הכל שבנית עד כן ערום למטה, כי זה מה שקופסאות בלוק עושות. אבל תפריט ניווט, שורת כרטיסיות, סרט כלים — אלה …
2:19
כרטיס הפרופיל שלך
השיעור האחרון, והוא פרויקט במקום רעיון חדש. אתה בונה כרטיס פרופיל: תמונה למעלה, שם בצבע שתבחר, ושורה אחת…