הוספת תמונה למוצר

תמלול ההרצאה: הוספת תמונה למוצר

הטקסט המלא של הדקות הראשונות בהרצאה «הוספת תמונה למוצר» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:03

   בואו טיפה נעשיר את ה-UI בקצת יותר צבעים ותמונות. דבר ראשון, ניגש ונייצר לעצמנו tr אנחנו רוצים nth of type נגדיר אותו כ-even יש לנו כאן background color ניקח light green בואו ניקח את זה ואותו הדבר עבור עוד, וניקח לייט פרין פה, נראה איך זה משפיע על הטבלה שלנו.

2. 01:00

   כמו שאתם רואים אני לא מגיע כל כך מתחום העיצוב, את זה אנחנו רוצים טיפה לשנות נניח לאיזה אפור או משהו אחר, זה אומר שאנחנו רוצים את t-head בתוכו יש לנו t-r, First Child, Background Color, Light Gray נניח.

3. 01:33

   All right, אז הנה יש לנו את הטבלה עם טיפת צבעים, אנחנו רוצים להוסיף כאן את התמונות של המוצרים של Northwind. אוקיי, זה אומר שאנחנו צריכים את התמונות של Northwind.

4. 01:49

   לנורת'ווינד אין תמונות של מוצרים. אז מה שעשיתי פעם היו לי איזה שעתיים פנויות, ומה שעשיתי זה חיפשתי בגוגל את כל התמונות של המוצרים של נורת'ווינד והנה יש לנו אותם עכשיו כאן.

5. 02:12

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

6. 02:29

   רימוב ובואו נעשה משהו אחר בואו נפתח פה בתוך images product ונעשה קונטרול A, עכשיו יש לנו את כל המוצרים כאשר כל מוצר זה הקוד כל התמונה זה הקוד עצמו של המוצר אוקיי אז הנה יש לנו את התמונה הראשונה הוא אמור להציג לי אותה הוא לא מציג לי פיין וכל תמונה היא פשוט השם שלה