[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.27,0:00:01.90,Default,,0000,0000,0000,,דיברנו על ארנבים
Dialogue: 0,0:00:01.90,0:00:05.80,Default,,0000,0000,0000,,עד עכשיו, תיארנו אותם בHTML עם פסקאות  ועם רשימות  או 
Dialogue: 0,0:00:05.80,0:00:09.23,Default,,0000,0000,0000,,אבל יכולנו פשוט לשים תמונה שלהם באתר
Dialogue: 0,0:00:09.23,0:00:12.06,Default,,0000,0000,0000,,אך למעשה יכולנו להראות איך ארנב נראה
Dialogue: 0,0:00:12.40,0:00:16.15,Default,,0000,0000,0000,,למעשה כדי להכניס תמונה באתר אנו משתמשים בתג 
Dialogue: 0,0:00:16.15,0:00:19.47,Default,,0000,0000,0000,,שאתם יכולים לנחש מגיע מהמילה image (תמונה)
Dialogue: 0,0:00:19.47,0:00:22.70,Default,,0000,0000,0000,,אם אנו סתם נרשום "image" , לא נראה שום דבר
Dialogue: 0,0:00:22.70,0:00:23.97,Default,,0000,0000,0000,,למה לא ?
Dialogue: 0,0:00:23.97,0:00:27.51,Default,,0000,0000,0000,,ובכן, לא אמרנו לדפדפן איזו תמונה להציג.
Dialogue: 0,0:00:27.51,0:00:29.28,Default,,0000,0000,0000,,יש מיליוני תמונות באינטרנט.
Dialogue: 0,0:00:29.28,0:00:31.95,Default,,0000,0000,0000,,ואנחנו בוודאות לא רוצים לבחור תמונה באופן אקראי.
Dialogue: 0,0:00:31.95,0:00:34.66,Default,,0000,0000,0000,,כי יכול להיות שתיבחר תמונה לא ראויה שלא נרצה אותה.
Dialogue: 0,0:00:34.70,0:00:37.77,Default,,0000,0000,0000,,וזאת בעצם תהיה תמונה שונה ממה שרצינו.
Dialogue: 0,0:00:37.77,0:00:40.92,Default,,0000,0000,0000,,אנו צריכים להגיד לדפדפן את הקישור (URL) אל התמונה
Dialogue: 0,0:00:40.94,0:00:43.07,Default,,0000,0000,0000,,הקישור זה מה שמוצג בראש הדף
Dialogue: 0,0:00:43.07,0:00:44.77,Default,,0000,0000,0000,,של הדפדפן במקום שנקרא "כתובת" (address)
Dialogue: 0,0:00:44.77,0:00:46.87,Default,,0000,0000,0000,,וזה בעצם מה שזה. זוהי כתובת.
Dialogue: 0,0:00:46.87,0:00:49.30,Default,,0000,0000,0000,,זוהי דרך למצוא משאבים מסוימים ברשת האינטרנט.
Dialogue: 0,0:00:50.48,0:00:52.41,Default,,0000,0000,0000,,וזה אומר שניתן להכניס תמונה רק אם
Dialogue: 0,0:00:52.41,0:00:54.55,Default,,0000,0000,0000,,היא בכלל נמצאת באיזו שהיא כתובת באינטרנט
Dialogue: 0,0:00:54.55,0:00:57.60,Default,,0000,0000,0000,,אי אפשר כך סתם להכניס תמונות שנמצאות רק במחשב שלנו.
Dialogue: 0,0:00:58.23,0:01:00.77,Default,,0000,0000,0000,,יש הרבה דרכים למצוא תמונות באינטרנט
Dialogue: 0,0:01:00.77,0:01:03.14,Default,,0000,0000,0000,,אבל אנו עושים זאת פשוט יותר באקדמיה כאן עבורך.
Dialogue: 0,0:01:03.14,0:01:06.04,Default,,0000,0000,0000,,על ידי "בוחר תמונות" (image picker) מתוך אוסף תמונות
Dialogue: 0,0:01:06.25,0:01:07.97,Default,,0000,0000,0000,,כדי שבוחר התמונות יופעל אנו צריכים להוסיף
Dialogue: 0,0:01:07.97,0:01:10.74,Default,,0000,0000,0000,,תכונה (attribute) לתג של התמונה(image)
Dialogue: 0,0:01:10.74,0:01:12.80,Default,,0000,0000,0000,,תכונה זה עוד קצת מידע
Dialogue: 0,0:01:12.80,0:01:14.77,Default,,0000,0000,0000,,על תכונות התמונה וזוהי בעצם
Dialogue: 0,0:01:14.77,0:01:17.11,Default,,0000,0000,0000,,התכונה הראשונה שאנו ראינו עד עכשיו
Dialogue: 0,0:01:17.74,0:01:19.71,Default,,0000,0000,0000,,כדי לאמור לדפדפן את הקישור לתמונה (URL) אנחנו
Dialogue: 0,0:01:19.71,0:01:22.94,Default,,0000,0000,0000,,צריכים להוסיף תכונה של שם(name) ומקור(source)
Dialogue: 0,0:01:22.94,0:01:26.49,Default,,0000,0000,0000,,ואז נוסיף רווח ואחרי כן נכתוב src
Dialogue: 0,0:01:28.34,0:01:30.87,Default,,0000,0000,0000,,כעת, זה מייצג מקור (source) אבל זה מאוד חשוב.
Dialogue: 0,0:01:30.87,0:01:32.73,Default,,0000,0000,0000,,אבל צריך לכתוב זאת src בגלל שהדפדפן
Dialogue: 0,0:01:32.73,0:01:35.33,Default,,0000,0000,0000,,יתעלם מזה אם נטעה בכתיבה
Dialogue: 0,0:01:35.73,0:01:38.70,Default,,0000,0000,0000,,כעת אני צריכה להוסיף סימן שוויון כך שאוכל
Dialogue: 0,0:01:38.70,0:01:41.40,Default,,0000,0000,0000,,להגיד לדפדפן מהי ערך התכונה
Dialogue: 0,0:01:41.40,0:01:44.92,Default,,0000,0000,0000,,ועכשיו אוסיף מירכאות (") והעורך
Dialogue: 0,0:01:44.92,0:01:47.29,Default,,0000,0000,0000,,ישלים באופן אוטומטי את המירכאות בסוף
Dialogue: 0,0:01:47.29,0:01:51.05,Default,,0000,0000,0000,,כלומר תכונות הן תמיד מוקפות במירכאות משני הצדדים - בהתחלה ובסוף
Dialogue: 0,0:01:51.84,0:01:55.83,Default,,0000,0000,0000,,אוקיי, עכשיו באופן רגיל זה המקום שאנו מתחילים להכניס את הURL
Dialogue: 0,0:01:55.83,0:01:57.60,Default,,0000,0000,0000,,אבל כאן, באקדמיית קהאן, זה הזמן שבו
Dialogue: 0,0:01:57.60,0:02:00.14,Default,,0000,0000,0000,,בוחר התמונות (image picker) יופיע מולנו.
Dialogue: 0,0:02:00.14,0:02:04.02,Default,,0000,0000,0000,,כעת נבחר תמונה , אני רוצה תמונה של ארנב
Dialogue: 0,0:02:04.02,0:02:06.63,Default,,0000,0000,0000,,אז נבחר את אזור החיות ונבחר את
Dialogue: 0,0:02:06.63,0:02:08.87,Default,,0000,0000,0000,,הארנב המקסים ביותר ונלחץ על okay
Dialogue: 0,0:02:10.24,0:02:13.09,Default,,0000,0000,0000,,האם אתם רואים איך יש כתובת URL בתוך המירכאות כעת ?
Dialogue: 0,0:02:13.09,0:02:16.30,Default,,0000,0000,0000,,והאם אתם רואים שה URL מתחיל עם http?
Dialogue: 0,0:02:16.30,0:02:17.67,Default,,0000,0000,0000,,וכך אנו יודעים שזה מצביע לאיזושהיא
Dialogue: 0,0:02:17.67,0:02:19.67,Default,,0000,0000,0000,,תמונה שנמצאת איפה שהוא באינטרנט
Dialogue: 0,0:02:19.67,0:02:22.13,Default,,0000,0000,0000,,הי, תיראו, יש ארנב באתר שלי.
Dialogue: 0,0:02:23.23,0:02:26.23,Default,,0000,0000,0000,,אבל מה יקרה אם השרת (server) שמחזיק את התמונה נפל
Dialogue: 0,0:02:26.23,0:02:28.13,Default,,0000,0000,0000,,ואז הדפדפן לא יוכל לטעון ממנו את התמונה ?
Dialogue: 0,0:02:28.13,0:02:31.09,Default,,0000,0000,0000,,איך המשתמשים יוכלו לדעת איך התמונה הנפלאה נראית?
Dialogue: 0,0:02:31.09,0:02:33.40,Default,,0000,0000,0000,,הם לא ייראו כלום ויתהו לגבי שאר
Dialogue: 0,0:02:33.40,0:02:35.37,Default,,0000,0000,0000,,החיים שלהם מה הם פיספסו
Dialogue: 0,0:02:35.87,0:02:39.43,Default,,0000,0000,0000,,זוהי הסיבה שבתג img יש גם תכונה (attribute) נוספת שנקראת alt
Dialogue: 0,0:02:39.43,0:02:41.07,Default,,0000,0000,0000,,בתכונה זו משתמשים כדי להגיד לדפדפנים
Dialogue: 0,0:02:41.07,0:02:44.11,Default,,0000,0000,0000,,מה הטקסט האלטרנטיבי כשתמונה לא יכולה להופיע
Dialogue: 0,0:02:44.11,0:02:46.58,Default,,0000,0000,0000,,כדי להוסיף תכונה נוספת אנו מוסיפים רווח (space)
Dialogue: 0,0:02:46.58,0:02:49.51,Default,,0000,0000,0000,,אחרי המרכאות הסופיות של התכונה הקודמת
Dialogue: 0,0:02:49.51,0:02:53.64,Default,,0000,0000,0000,,ואז נכתוב alt שווה למרכאות
Dialogue: 0,0:02:53.64,0:02:57.25,Default,,0000,0000,0000,,ובתוך המרכאות נכתוב טקסט שייתן
Dialogue: 0,0:02:57.25,0:02:58.92,Default,,0000,0000,0000,,מידע משמעותי על התמונה למשל
Dialogue: 0,0:02:58.92,0:03:03.75,Default,,0000,0000,0000,,"ארנב עם אוזניים שמוטות באסם"
Dialogue: 0,0:03:04.86,0:03:07.20,Default,,0000,0000,0000,,זה יכול גם לעזור לאנשים שצופים בדפי אינטרנט
Dialogue: 0,0:03:07.20,0:03:09.80,Default,,0000,0000,0000,,אבל למעשה לא רואים אותם כמו עיוורים
Dialogue: 0,0:03:09.80,0:03:11.50,Default,,0000,0000,0000,,הם יכולים להשתמש באפליקציה שנקראת "מקריא מסך"
Dialogue: 0,0:03:11.50,0:03:13.61,Default,,0000,0000,0000,,שהיא תקריא את התוכן של המסך בקול רם עבורם
Dialogue: 0,0:03:13.61,0:03:15.70,Default,,0000,0000,0000,,והיא תתאר כל תג עבורם
Dialogue: 0,0:03:15.70,0:03:18.48,Default,,0000,0000,0000,,וכשהיא תפגוש את תג התמונה (img) היא תקריא את הטקסט שכתוב בתכונה alt
Dialogue: 0,0:03:18.48,0:03:21.34,Default,,0000,0000,0000,,כי העיוור לא יכול לראות את התמונות
Dialogue: 0,0:03:21.34,0:03:24.32,Default,,0000,0000,0000,,ולכן אתם צריכים תמיד ,תמיד לשים את תכונת הalt
Dialogue: 0,0:03:24.32,0:03:28.08,Default,,0000,0000,0000,,כך שכל העולם יוכל לחוות את דף האינטרנט שלכם
Dialogue: 0,0:03:28.90,0:03:31.23,Default,,0000,0000,0000,,אוקיי, אז בחזרה לתמונה שאנו כן יכולים לראות
Dialogue: 0,0:03:31.23,0:03:32.89,Default,,0000,0000,0000,,היא קצת גדולה אז
Dialogue: 0,0:03:32.89,0:03:34.26,Default,,0000,0000,0000,,בואו נשנה לה קצת את הגודל
Dialogue: 0,0:03:34.26,0:03:36.21,Default,,0000,0000,0000,,אנו יכולים לעשות זאת עם עוד תכונות (attribute)
Dialogue: 0,0:03:37.04,0:03:38.96,Default,,0000,0000,0000,,עם התכונות רוחב (width) או גובה (height)
Dialogue: 0,0:03:38.96,0:03:43.16,Default,,0000,0000,0000,,בואו נגדיר שהרוחב שווה ל100
Dialogue: 0,0:03:43.98,0:03:47.17,Default,,0000,0000,0000,,וכעת רוחב התמונה שווה ל100 פיקסלים
Dialogue: 0,0:03:47.17,0:03:49.42,Default,,0000,0000,0000,,זה קצת קטן
Dialogue: 0,0:03:49.42,0:03:51.35,Default,,0000,0000,0000,,בואו נכניס את הסמן בפנים
Dialogue: 0,0:03:51.35,0:03:53.90,Default,,0000,0000,0000,,ונגדיל את המספרים כך שהתמונה תגדל
Dialogue: 0,0:03:54.02,0:03:56.57,Default,,0000,0000,0000,,אוקיי, זה נראה עכשיו כבר יותר טוב
Dialogue: 0,0:03:56.57,0:03:58.60,Default,,0000,0000,0000,,ועכשיו בואו נשים גם את הגובה (height)
Dialogue: 0,0:03:58.60,0:04:00.94,Default,,0000,0000,0000,,בואו ונגדיר שהגובה שווה ל ל50
Dialogue: 0,0:04:00.94,0:04:02.61,Default,,0000,0000,0000,,וואו
Dialogue: 0,0:04:02.61,0:04:05.40,Default,,0000,0000,0000,,מעכנו את הארנב, מסכנון
Dialogue: 0,0:04:05.40,0:04:08.76,Default,,0000,0000,0000,,וזוהי הסיבה שבדרך כלל משנים רק את
Dialogue: 0,0:04:08.76,0:04:10.97,Default,,0000,0000,0000,,הגובה או רק את הרוחב אבל לא את שניהם ביחד
Dialogue: 0,0:04:10.97,0:04:13.27,Default,,0000,0000,0000,,בגלל שאתם עלולים להשתמש בגדלים לא נכונים
Dialogue: 0,0:04:13.27,0:04:16.80,Default,,0000,0000,0000,,ותמעכו את הארנבונים שלכם,אז אני אומרת תנו לדפדפן
Dialogue: 0,0:04:16.80,0:04:20.88,Default,,0000,0000,0000,,לבצע את החישוב ולהחליט מהם שאר המימדים
Dialogue: 0,0:04:20.88,0:04:22.50,Default,,0000,0000,0000,,אז אני הולכת למחוק את הגובה
Dialogue: 0,0:04:22.50,0:04:25.27,Default,,0000,0000,0000,,וכעת כשהתחלתם להציג תמונות, תתחילו לחשוב
Dialogue: 0,0:04:25.27,0:04:27.97,Default,,0000,0000,0000,,איך לצרף את כל התגים שלמדתם אל תיבת כלים
Dialogue: 0,0:04:27.97,0:04:32.97,Default,,0000,0000,0000,,רשימות עם תמונות ועם פסקאות ועם 10 החיות המשונות ביותר
Dialogue: 0,0:04:33.30,0:04:35.83,Default,,0000,0000,0000,,רק אל תשימו יותר מדי תמונות באתר שלכם
Dialogue: 0,0:04:35.83,0:04:37.58,Default,,0000,0000,0000,,מכיון שהאדם שמסתכל על האתר שלכם
Dialogue: 0,0:04:37.58,0:04:40.01,Default,,0000,0000,0000,,יצטרך להמתין עד שכל התמונות ייטענו
Dialogue: 0,0:04:40.01,0:04:42.94,Default,,0000,0000,0000,,בכל זאת אפשר לעשות להרבה כיף.