Full Transcript

·YouTLDR

Learn HTML In Arabic 2021 - #13 - Image And Deal With Paths

6:49ArabicTranscribed Jul 14, 2026
0:05

بسم الله الرحمن الرحيم والصلاه والسلام

0:08

على اشرف المرسلين سيدنا محمد النهارده ان

0:11

شاء الله هنتعلم مع بعض ازاي نستدعي صوره

0:14

في الصفحه

0:15

بتاعتنا استدعاء الصوره محتاج ان انت

0:18

تتعلم فكره التعامل مع المسارات لو اعلمنا

0:20

التعامل مع المسارات هتفيدنا في المستقبل

0:22

لما نستدعي ملف سي اس اس او ملف جافا

0:25

سكريبت او اوديو او فيديو او اي فايلز انت

0:27

محتاج تستدعيها في الابلكيشن بتاعك طيب

0:31

اول حاجه نتعلمها هي التاج بتاعتنا التاج

0:34

بتاع الصوره هي ايج تاج هتلاقي الامج تاج

0:37

بتطلعلك حاجتين زي ما جربنا في الفيديو

0:39

بتاع الاتربيوت السورس بتاع الصوره والت

0:43

اللي هو الرنت تكست لو جينا هنا كتبنا كده

0:46

تعليق بالشكل ده وجيت كتبتلك سورس بتساوي

0:50

سورس وجيت كتبتلك الت بتساوي الترنت تست

0:55

يعني ايه الكلام ده دلوقتي السورس يا

0:57

جماعه هو المكان اللي فيه الصوره بتاعتك

1:00

اسهل حاجه في الدنيا هو استدعاء صوره من

1:03

مكان او موقع خارجي لو جينا هنا مثلا على

1:06

موقع زي الاكاديميه هنا وجيت فتحت الصوره

1:08

دي في صفحه جديده ادي الصوره بتاعتي هقدر

1:10

اخدها هنا بسهوله جدا واضيفها هنا وخلاص

1:13

صلى الله وبارك والصوره بقت موجوده

1:16

والموضوع خلص بالشكل ده طيب ده كلام عظيم

1:19

ده بالنسبه للصوره الموجوده في مكان بره

1:23

احنا عايزين نستدعي صوره موجوده عندي في

1:26

التصميم بتاعي او في البنيه بتاعه التصميم

1:29

بتاعي يعني يعني مش عايز ابعد او اطلع بره

1:31

الموقع طيب هناخد صوره اني تحتها ونبدا

1:34

نشوف هنست دعي الصوره ازاي هنا هو طالب

1:38

منك دلوقتي مكان الصوره صفحه الاتش تي ام

1:41

ال بتاعتنا دي فين موجوده هنا في الفولدر

1:43

اللي اسمه بوكس تور طب والصوره اهي موجوده

1:46

جنبها هناخد الصوره عشان هي جنبها مباشره

1:49

وهضيع هنا خلص الموضوع والصوره بقت موجوده

1:53

وهتلاقي الصورتين تحت بعض بكل هيافه

1:56

وسهوله طيب ايه اللي بيحصل مع الناس من

1:58

مشاكل انه بيكون الشخص الامتداد بتاع

2:02

الصوره ده مش موجود عنده فايه اللي بيحصل

2:04

ساعتها بيكتب امتداد غلط طيب خليني اقوللك

2:07

عشان تكون محترف هندوس على زرار الت

2:10

وهنيجي عند القائمه بتاعه فيو دي وهقول له

2:13

اوبشنز وهاجي هنا في خانه اسمها فيو وهقول

2:17

له هنا الهايد اكستنشنز فور نون فايل تايب

2:21

هلغي علامه صح من عليها ليه لانه العلامه

2:24

دي لو علمت عليها او الخيار ده لو علمت

2:26

عليه هيلغي الامتداد بتاعه الملفات

2:29

المعروفه بص كده معايا شايفين لغى

2:31

الامتداد فانت ممكن ما تكونش عارف الصوره

2:33

دي امتدادها ايه فالصح ان انت تظهر

2:35

الامتداد عشان الصوره تبقى قدامك

2:37

بالامتداد بتاعها بنفس اسمها وتضيفها هنا

2:40

وتظهر معاك بدون اي مشكله طيب ده كلام

2:44

عظيم طيب لو الصوره بتاعتي دي جوه فولدر

2:47

الفولدر اسمه ايه عندي فولدر هنا اسمه

2:50

ايجز وحاطط الصوره جواه طيب ده كلام عظيم

2:53

الفولدر ده انت بتفتحه ازاي بفتحه بدبل

2:56

كليك كده صح طيب الدبل كليك دي هنا كده

2:59

هتيجي ت تقول له ادي ايجز سلاش كده انت

3:02

اكنك بالضبط دوست دبل كليك طيب دخلت جوه

3:06

الاجز هتلاقي جواها اصلا لما تيجي تنزل

3:08

اضافات ان شاء الله على الفيجوال استوديو

3:10

بص كتب لك ايه دي الصوره الموجوده جوه

3:12

دلوقتي هنا استدعينا خلاص الحمد لله عظيم

3:16

طب جوه الايجيس انا مقسم المنتجات بتاعتي

3:18

لكذا حاجه الهوم بيدج لوحدها وصفحه

3:21

الكاتيجوري لوحدها وهكذا الصوره دلوقتي

3:23

بقت في الهوم بصوا مش موجوده طيب استدعها

3:27

ازاي يبقى هدخل على الاجز بعدين هدخل على

3:30

الهوم بعدين سلاش بعدين الصوره بتاعتي

3:33

خلاص جبت الصوره والحمد لله ما عنديش

3:35

مشكله خالص ده كده انت بتقدر تدخل على

3:38

الفولدر ده كلام عظيم جدا طب انا عايز بقى

3:42

نسخه ثاني من الصوره دي هتكون بره الفولدر

3:45

اللي انا فيه ده شيء مش منطقي بس انا عايز

3:48

اعلمه لك دلوقتي يا شباب انا هاخد الصوره

3:50

دي نسخه منها وهطلع بره خالص هنا يعني بره

3:54

الفولدر بتاع البوك ستور مش موجوده دلوقتي

3:57

دي موجوده بره انت هنا في الويندوز يه

4:00

عشان ترجع بتقول له باك او بتطلع لفوق سنه

4:02

صح السنه دي بنعملها ازاي هنا بتقول له

4:05

دوت دوت سلاش كده هو طلعني بره بصوا يا

4:08

شباب هو جايب لي ايه جايب لي الفولدر

4:10

بتاعتي اهي والصوره اهي دوس عليها كده

4:12

استدعتها كده بقى عندي لاث صور تحت بعض

4:15

اهم عشان استدع ايهم كلهم بالطريقه

4:18

السليمه التعامل مع المسارات يبقى سلاش

4:21

ادخل جوه سلاش ادخل جوه وهكذا لكن عايز

4:24

تطلع خطوه بره دوت دوت سلاش بيطلعك خطوه

4:27

بره يعني ده مش منطقي زي قلت لك ان مش

4:30

معقوله تحط ملفات المشروع بره المكان اللي

4:33

انت فيه طيب ده كلام عظيم ستدعي صوره تاني

4:37

لكن هبوز

4:39

اسمها بالشكل ده ما عنديش انا صوره اسمها

4:42

اي اس اي اس دي او خلينا نقول له مثلا

4:45

ميسن ايج ما عنديش صوره اسمها ميسن ايمج

4:49

دي اول حاجه محتاج تتعلمها وانت شغال في

4:51

الموقع هتلاقي في ايرور ظاهر هنا كده لو

4:53

رحت على الكونسول بتاع المتصفح بتاع جوجل

4:56

كروم هيقول لك على الايرور اللي انت

4:58

بتواجهها في الصفحه دي حاجه هن تعلمها في

5:00

الكورسات الجايه كلها باذن الله وهفضل

5:02

اكرر المعلومه دي عشان تركز فيها هنا

5:04

بيقوللك ايرور فايل نوت فاوند مافيش ملف

5:08

اسمه ميسن ايج دي مش موجود فبينه ك عشان

5:10

تشوف مكانه طيب الملف ده لو مش موجود انا

5:14

اقدر عن طريق الاترنيت تكست اكتب كلمه انه

5:17

الملف ده كان عباره عن لوجو لوجو تستين

5:20

مثلا لوجو تستين دي ليه بكتبها ده الترنت

5:23

تكست لو لسبب ما او لاي مشكله الصوره ما

5:26

ظهرتش او حصل اي حاجه تمنعها من الظهور

5:28

الالتر كست ده بيبان طب لو الصوره ظهرت

5:32

خلاص الموضوع انتهى هنا ل نت شو مش هيبان

5:37

لان الترنت تكست اسمه الترنت نص بديل لكن

5:41

مش هيبان لو الصوره موجوده خلاص لكن لو مش

5:44

موجوده هيبدا الباشا ده يبان طيب كده

5:47

اعرفنا يا شباب على الصور وازاي نستدعيها

5:50

والخواص بتاعتها كلها والكلام ده عندنا

5:52

اتنين اتربيوت خاصين بالصوره اسمهم تيتس

5:54

وهاي لا ينصح ان انت يعني تستخدمهم احنا

5:57

بنستخدم الكلام ده بالسي اس اس افضل اضل

6:00

بس انا هوريكم الفكره ممكن اجي اقول له ان

6:02

الويتس بتاع الصوره 100 بيكسل هيروح مصغر

6:05

لي الصوره الاولى شايفين يا شباب اول صوره

6:07

صغرها لي عشان انا حطيت الويتس بتاعها 100

6:10

وممكن اقول له 200 او 300 عشان نشوفها

6:12

بالشكل ده الافضل جدا ان ان شاء الله لما

6:15

تدخل تتعلم السي اس اس ان انت تكست حجم

6:18

الصوره بالسي اس اس مش بالاتش تي ام ال

6:22

يعني يفضل لحد ما تتعلم وتكرر بنفسك باذن

6:25

الله عموما الويتس والهاي موجودين وان شاء

6:28

الله لما نتعمق في اسا نتعلم يعني ايه

6:30

بيكسل ويعني ايه مسافات ويعني ايه

6:32

دايمنشنز وابعاد والكلام ده كله هنا مش

6:35

محتاج منك غير ان انت تعرف ان في ت وهات

6:38

تقدر تستعملهم في العنصر بتاع الصوره

6:41

بالشكل ده يا رب يا جماعه الدرس يكون بسيط

6:43

وسهل وعجبكم واشوفكم ان شاء الله في درس

6:45

جديد والسلام عليكم

More transcripts

Explore other videos transcribed with YouTLDR.

Get the TLDR of any YouTube video

Transcribe, summarize, and repurpose videos in 125+ languages — free, no signup required.

Try YouTLDR Free