0:05
بسم الله الرحمن الرحيم والصلاه والسلام
0:08
على اشرف المرسلين سيدنا محمد النهارده ان
0:11
شاء الله هنتكلم عن السيمانتكس او العناصر
0:14
المنطقيه لغه الاتش تي ام ال في الاصدار
0:17
الخامس جابت لنا عناصر منطقيه اسمها معبر
0:20
عنها احسن بكتير من الديف خليي اشوف فين
0:25
المشكله الاول قبل ما اشوف العناصر دي
0:27
مميزاتها ايه لو دخلنا على تصميم زي ده
0:31
التصميم ده عباره عن مقالات على اليمين
0:33
وعلى الشمال في سايد بار في المعلومات
0:35
اللي انتوا شايفينها دي هدخل على الديف
0:38
الرئيسي اسمه كوم مين اللي ماسك كل
0:40
العناصر دي جواه في كونتينر عامل برض
0:43
كونتينر للعناصر دي كلها جوه الكونتينر ده
0:46
في الرو اللي هو الصف الصف ده بيكون فيه
0:49
اعمده والكلام ده جوه الصف ده في الصف
0:53
اللي على اليمين او العمود اللي على
0:55
اليمين كل ام دي مانيه خد بالك انا عديت
0:57
على كام ديف لحد دلوقتي انزل تحت شويه
1:00
هتلاقي ان انت عندك في الكونتينر نفسه
1:03
اللي فيه المقالات كلها جوه الكونتينر ده
1:05
في كل مقال لوحده ادي مقال وادي الثاني
1:08
وادي الثالث وهكذا نفتح المقال جوه المقال
1:11
في صوره بعد الصوره في الديف اللي فيه
1:14
توبيك ديتا اللي هي البيانات اللي انت
1:16
شايفها تحت دي نفتح التوبك داتا تحت
1:19
هتلاقي فيه الاكسبت اللي هو الجزء المختصر
1:25
والانفوشي في تايم وفيوز وممكن تفتح
1:29
الفيوز كمان تلاقي ديفات الى ما شاء الله
1:32
شايف كميه الدفات الكتيره اللي معموله دي
1:35
العناصر بتاعتنا دي ديفج وفج وديف الموضوع
1:38
غير منطقي في الاتش تي ام ال الاصدار
1:41
الخامس جابوا لنا عناصر اكث منطقيه عناصر
1:45
ليها اسم يعني بدل الديف عندك عناصر كتير
1:48
بلوك المنتس ليهم اسم معبر العنصر مثلا
1:52
اللي فوق خالص ده ده عباره عن ديف انا
1:54
مديله مثلا كلاس اسمه هيدر ايا كان يعني
1:58
ايه هو العنصر ده في في بداله المنت اسمه
2:01
هيدر هو اسم النت هيدر يعني تكتب كده
2:05
بالظبط بالضبط بالضبط كده ادي الهيدر
2:08
بتاعنا اهو ده هيدر اوف ويب سايت هيد اوف
2:12
ويب سايت عندك تحت الهيدر ده في
2:15
النافيجيشن بار النافيجيشن بار ده اللي هو
2:18
في اي موقع يا جماعه في الكلام اللي انت
2:19
شايفه ده اللي هي اللينكات اللي الشخص
2:21
بيتصفح منها الموقع ده اسمه نافيجيشن بار
2:24
كنا الاول بنعمل ايه ديف كلاس اسمه مثلا
2:27
ديف كلاس بيساوي نافيجشن او ناف او اي
2:31
حاجه دلوقتي بقى عندك عنصر سمك المنت اسمه
2:34
ناف ناف من نافيجيشن بقى عندك العمليه
2:38
دلوقتي بقت منطقيه وتحط بقى جواه اللينكات
2:41
بتاعتك بقى لينك لينك لينك بديك بس مثال
2:44
مش اكتر ده النافيجيشن فبقى عندي هيدر
2:47
بيوريني الهيد بتاع الموقع وتحته
2:49
النافيجيشن بعد كده المحتوى بتاع الموقع
2:53
بتاعي كله المحتوى بتاع الموقع بتاعي كله
2:55
ده بيتحط في حاجه اسمها سكشن بقى عندي
2:58
سكشن من الموقع جزء بدل ما كان ديف ديف دف
3:02
طيب انت عندك على اليمين جزء وعلى الشمال
3:05
جزء على اليمين ده ممكن يكون سكشن برض
3:08
سكشن على اليمين وعلى الشمال حاجه اسمها
3:11
اي سايد الاي سايد ده يا جماعه اللي هو
3:14
السايد بار اللي هو عندنا هنا الجزء اللي
3:17
على الشمال ده يعني انا ممكن الجزء اللي
3:19
على الشمال ده بدل ما هو كده كميه ديفات
3:22
جوه بعض اللي هو ده اقدر اخليه عباره عن
3:25
اي سايد واستغنى عن كميه الكلاس اللي انا
3:28
عمال اكتبها دي سايد بار وكو مش عارف ايه
3:31
العنصر ده هيبقى اسمه كده اي سايد بس اللي
3:34
هو السايد بار وطبعا لازم تقفله بنفس
3:37
القفله يعني هنا عندك اي سايد وتقفله هنا
3:40
بالاي سايد بالشكل ده طبعا انا مش مهم
3:43
عندي القفله انا بوريكم بس الفكره اهو بقى
3:46
عندي اي سايد وبعدين هنا سلاش اي سايد بدل
3:50
بقى ما تمسك الكو سيد بار ده يبقى عندك
3:52
كلاس بقى تقعد تنسك بالسي اس اس كل اللي
3:55
عليك ان انت تيجي تقول له اي سايد وتنسك
4:00
تيجي بقى عند الجزء بتاع المقال بدل ما
4:03
تمسك كل مقال تديله ديف وتديله ك توبيك
4:06
بوكس تقدر تسميه ارتيكل يعني الديف ده
4:10
نفسه يبقى عنصر اسمه ارتيكل يعني بقى عندك
4:14
جميع العناصر بتسميتها عشان تخليك تستغنى
4:17
عن قصه الكلاس الكتير جدا والفات الكتير
4:20
جدا اللي جوه بعض اللي انت مش فاهم
4:22
ترتيبها وليه وعشان ايه طيب تعالوا مع بعض
4:25
كده نبص على الصوره دي اللي هتفهم الفكره
4:27
اكتر قبل ما نقفل الفيديو هنا عن عند في
4:29
الاتش تي ام ال ف كاتبلك لوست افلا ايدي
4:33
عندك هنا العنصر اللي فوق ديف اي دي هيدر
4:35
او ديف كلاس هيدر ديف كلاس كونتنت هنا
4:38
البوست بتاعتنا اللي هي المقال اللي احنا
4:39
اتفقنا عليه ديف اي دي بوست هنا ديف اي دي
4:42
سايد بار هنا بوست هنا بوست هنا فوتر هنا
4:46
بقى في السمكس عندك العناصر باسمها السليم
4:49
عندك هنا هيدر اسمه هيدر ده نافيجيشن او
4:53
اي سايد لو انت عامل ده سايد بار عندك هنا
4:56
ارتكل ارتكل ارتكل ودي ممكن تبقى مين او
5:00
على حسب الفكره بتاعتك وهنا العنصر اسمه
5:03
فوتر مش محتاج تديله ديف كلاس فوتر العنصر
5:07
اصلا اسمه فوتر يعني انت عندك فوتر تحت
5:09
خالص هنا هتقول لله فوتر بالشكل ده دي
5:13
العناصر بتاعتنا جميع العناصر اللي انت
5:15
شايفها دي بلوك المنت يعني لو حطيت فيها
5:18
اي كلام هتلاقيهم تحت بعض عادي ده الهيدر
5:22
بلوك المنت ده النافيجيشن بلوك المنت ده
5:24
السيكشن المفروض في النص اللي هنحط فيه
5:26
عناصر بس انا سايبه فاضي وده الفوتر بلوك
5:30
كده انت عملت الصفحه اللي انت اتعلمت
5:32
تعملها قبل كده لكن اش تي ام ال 5 سم او
5:36
سيمك المنت يعني العناصر كلها بقت منطقيه
5:39
واللي هيقراها هيعرف العنصر ده بيعبر عن
5:42
ايه مستحيل ان حد يمسك العنصر اسمه هيدر
5:45
وما يعرفش ايه الهيدر ده ناف يعني
5:47
نافيجيشن مووضوع منتهي هنا الارتكل هتكتبه
5:51
معروف انه ارتكل سكشن جزء من الموقع
5:53
بالمناسبه يا جماعه دي عناصر زيها زي
5:56
الديف بالظبط ما تخليهاش تخوفك وتقول ايه
5:58
ده ايه العناصر الغريبه دي دي لا دي عناصر
6:00
زيها زي الديف وتقدر تديلها كلاس وتقدر
6:03
تديلها الاتربيوت بتاعتنا مافيش مشكله
6:06
خالص خالص خالص يعني اق تقدر كده تحط في
6:09
بالك ان ده ديف بس باسم معبر بس ليس الا
6:14
يا رب يا جماعه الدرس يكون بسيط وسهل
6:16
وعجبكم واشوفكم ان شاء الله مع درس جديد
