Full Transcript

·YouTLDR

Learn HTML In Arabic 2021 - #21 - Layout With Semantic Elements

4:33ArabicTranscribed Jul 14, 2026
0:06

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

0:08

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

0:11

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

0:14

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

0:15

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

0:18

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

0:22

انت عملته قبل كده مش هنغير فيه اي حاجه

0:24

الا بس العناصر يعني المحتوى هيكون هو هو

0:27

باذن الله عندك كلاس هيدر ده ممكن كله كده

0:31

على بعضه تبدله بتاج اسمه هيدر طبعا يا

0:35

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

0:37

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

0:40

والسكشن والحاجات اللي احنا نستخدمها دي

0:42

كلها ده مش معناه ان الديف اتلغى او ان

0:44

مالوش لازمه في بعض الحالات هتلاقي نفسك

0:46

بتستخدم ديف عادي جدا الحاجه الثانيه وهي

0:49

الاهم انه استخدامك للهيدر ده مش معناه ان

0:52

الموضوع خلص ان مافيش كلاسس حتى الهيدر

0:54

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

0:57

خالص ليه لانه في عناصر كتير ممكن تحط

1:00

فيها الهيدر ده الهيدر ده مش هيدر الموقع

1:03

فقط ممكن يكون عندك سكشن جواه هيدر يعني

1:07

الهيدر بتاع السكشن ده فساعتها حتى

1:10

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

1:12

تميز الهدرز عن بعضها لكن الفكره ان انت

1:15

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

1:18

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

1:22

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

1:25

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

1:27

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

1:31

فممكن تحوله لنايف ويبقى الموضوع خلص يبقى

1:34

في ناف واحد بس في الموقع اللي هو

1:36

النافيجيشن بور ايه بيكون فيه اللينكات

1:38

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

1:41

الكونتنت ده ممكن يكون سكشن بالشكل ده

1:45

عنصر السكشن وجواه طبعا بقى صور وكلام

1:48

وحاجات كتير جدا السايد بار ما بيكونش غير

1:51

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

1:53

اللي هو اسمه اي سايد اللي هو الجزء

1:56

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

1:59

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

2:03

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

2:06

من واحد طيب نيجي جوه السكشن المفروض يبقى

2:09

عندنا سكشن معين ف مثلا مجموعه كلمات او

2:13

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

2:16

مثلا زي ما شفنا مثلا في موقع امازون لو

2:19

انت مثلا عندك مدونه بتكتب مقالات او حاجه

2:22

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

2:25

بالشكل

2:27

ده كل الحاجات دي يا شباب عشان بس تكونوا

2:31

عارفين عناصر بلوك زيها زي الديف بالظبط

2:34

لكن تسميتها اكتر منطقيه لو بصيت على

2:37

الشكل اللي قدامك ده هتلاحظ انه اصلا بصوا

2:40

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

2:43

النافيجيشن موجود السكشن الارتكل الاي

2:46

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

2:49

فطبعا كل حاجه هنا حتى الصوره في العادي

2:52

كان الناس بتحط صوره وتحط تحتها براجراف

2:54

كده وتكتب عليه مثلا كابشن اوف ذا ايج

2:58

مثلا اللي هو مثلا عنوان الصوره عايز تكتب

3:00

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

3:03

فعشان تجمعهم مع بعض وتقدر تنسق بسي اس اس

3:06

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

3:08

ايه بتحطهم جوه ديف مش احنا اتفقنا على

3:10

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

3:13

ككونتر وتبدا بقى تنسق الديف وتحط له

3:15

خلفيه او تحرك الصوره بالكبش بتاعها على

3:18

جنب دلوقتي الموضوع بقى اكتر منطقيه وما

3:20

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

3:23

اسمها فيجر الفيجر ده تقدر تحط فيه صوره

3:26

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

3:29

بيكون حاجه اسمها فيج كابشن او فيجر كابشن

3:34

اللي هو الكابشن بتاع الفيجر بتاعك يبقى

3:36

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

3:39

وبرده عندي عنصر منطقي اسمه فيجر بحرك بيه

3:42

بقى كله واديله خلفيه واعمل فيه اللي انا

3:44

عايزه كله من غير اي مشكله لاحظوا يا شباب

3:47

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

3:49

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

3:52

فان شاء الله لما تيجي تعمل تصميم كده

3:54

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

3:58

جواه ديف اللي جواه ديف اللي وديف وكل

4:00

القصص دي فتقدر ان انت تستخدم مثلا ارتكل

4:03

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

4:06

والجزء اللي في النص وممكن تستخدم سكشن جو

4:09

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

4:11

الفظيع اللي انت بتشوفه في الف مش هتخش في

4:14

الترتيب الشجري الكتير اللي ممكن يوصل ل

4:16

10 و11 و1 ليفل جو بعض دول يا رب يا جماعه

4:20

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

4:23

الله مع فيديو جديد والسلام

4:28

عليكم ‏l

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