0:09 اهلا بيك في كورس تعلم اتش تي ام ال من الصفر انا محمد عبد السميع وانت بتتفرج على اوكتو كود لو جينا نقول هل ينفع جسم الانسان يكون من غير عضم بالضبط لا وكذلك صفحات الويب ما ينفعش تكون من غير اتش تي ام ال فاتش تي ام ال هو الهيكل الاساسي لصفحات الويب والهيكل ده اللي هو المحتوى زي النصوص والصور والفيديوهات وغيره من المحتويات المختلفه والاتش تي ام ال هو اختصار لهايبر تكست مارك ب لانجوج وهايبر تكست بتعني ان الصفحات الويب تحتوي على روابط بتسمح لي اني اتنقل بين اماكن مختلفه في صفحه الويب او صفحات ويب تانيه مختلفه اما ماركب لانجوتش فهي لغه توصيفا بقدر اقول بيها للكمبيوتر او البراوزر اللي هو المتصفح يعني ايه اللي عايزه يظهر بالضبط للمستخدم وشكله عامل ازاي الاتش تي
0:55 ام ال ليه اصدارات مختلفه من اول اتش تي ام ال بلس مرورا بش تي ام ال 2 وث لحد اخر اصدار وهو اتش تي ام ال 5 وهو ده الاصدار المحبس للتعامل معاه دلوقتي عشان اقدر اكتب اش تي ام ال واعمل صفحات ويب فانا محتاج لتكست ايديتور او محرر نصوص محرر النصوص ده زي النود باد والنود باد بلس وفي اس كود وغيره كتير من محررات النصوص ولكن افضلهم واحسنهم في التعامل هو الفي اس كود فيلا بينا نبدا ننزل ونشط بال الفي اس كود هنروح لجوجل كروم ونكتب فيه في اس كود هيظل لنا في السيرش الاولاني كده الفي اس كود او الصفحه الرسميه للفي اس كود وهو كود فيجوال studo دو ك بعد ما فتحت معايا البيدج هلاقي هنا هو في ثلاث نسخ مختلفه
1:40 للفي اس كود وهنا لو انت بتشتغل على نظام تشغيل مختلف زي ماك او اس او ويندوز او لينكس هتقدر تنزل النسخه الخاصه بالاوبر سيستم الخاص بيه وهتدوس داونلود بعد ما ينزل معاك هيكون ظاهر معاك ايكون ال انستليشن زي كده فتبدا ان انت تكليك عليه دبل كليك وتدوس هنات ان انت بتوافق على الاجري بتاعه الفي اس كود وتدوس نكست وتتاكد كويس جدا ان انت عامل تشيك هنا على كل الاوبشنز ديت وبعد كده تدوس نكست كست وتعمل انستول دلوقتي الفي اس كود خلص التسطيب بتاعه دلوقتي هنعمل هنا ان تشيك وندوس فينش يلا بينا نبدا ننشئ اول فولدر خاص بينا هنكتب هنا مثلا اتش تي ام ال وده الفولدر اللي احنا نشتغل عليه وهنا جوه
2:26 هنبدا ان احنا نعمل رايت كليك وندوس اوبن وز الفي اس كود هنلاقي ان الفي اس كود فتح الفولدر اللي هو اسمه اتش تي ام ال ومدينا كذا اوبشن اول اوبشن ان انا انشئ فايل جديد او ان انشئ فولدر جديد فيلا بينا ننشئ فايل جديد وهنسمع دوت اش تي ام بس او دوت اش تي ام ال الاتنين شغالين معانا عادي مافيش مشكله واندكس هو ده اسم الفايل بتاعنا ممكن نسميه اي حاجه برضو ولكن ده الاستاندرد بتاعنا انا كده دلوقتي انشات صفحه اتش تي ام ال ودلوقتي لو احنا رجعنا للفولدر الخاص بينا هنلاقي فعلا في هنا هوت فايل اتش تي ام ال وجاهز ابدا ان انا افتحه في البراوزر بتاعي وعلشان نقدر نكتب اتش تي
3:11 ام ال محتاجين نعرف حاجتين مهمين التاجز والاتر بيوت التاج هو اللي بيوصف العنصر بيفهم البراوزر او المتصفح ايه اللي انا عايزه يظهر بالظبط زي مثلا لو انا عايز يظهر عنوان رئيسي للصفحه بتاعتي فانا ساعتها كون محتاج اكتب اتش و بالطريقه ديت والاتش 1 زي ما انتم شايفين كده هو عباره عن اسم تاج بيبدا في الاول خالص بعلامه اصغر من وبعد كده اسم التاج بتاعي اللي هو العنوان الرئيسي اللي هو اتش 1 وبعد كده علامه اكبر من وبعد كده هنلاقي في نفس التاج ده بالظبط في الاخر خالص ولكن في حاجه زياده هي الانجل سلاش ديت طيب ايه الفرق ما بين التو تاجز دولت التاج الاولاني ده اسمه الاوبن تاج وده بيعرفني بدايه المحتوى بتاع العنوان بتاعي اما
3:59 التاج الثاني ده فده الكلوز تاج وده بيعرفني نهايه العنوان بتاعي وفي النص هنا بكتب العنوان او المحتوى بتاعي فتعالوا نقول ان احنا هنكتب ماي فيرست ويب بيج فدلوقتي انا لو رحت للمتصفح هلاقيه ظاهر لي ماي فيرست ويب بيج كعنوان رئيسي فتعالوا نعمل كده ادي اهوت الفايل بتاعنا تعالوا نفتحه في البراوزر دلوقتي المحتوى بتاعي اللي انا قلت له ان هو عنوان رئيسي ظهر في الموقع هنا كده احنا اتعرفنا على التاج طيب امال ايه هو الاتربيوت تعالوا نقول ان انا عايز اكتب نفس الجمله دي بس بالعربي اللي هي اول صفحه وبلاي مثلا بالطريقه دي تعالوا نشوف البراوزر او المتصفح ظهرها لي ازاي دلوقتي اهوت هعمل ريفريش هنا هلاقي ان هو كاتب لي اول صفحه
4:45 ويب مكتوبه من الشمال لليمين وانا معروف ان العربي بيبدا من اليمين للشمال يعني المفروض اول صفحه ويب دي تكون الناحيه الثانيه على اليمين مش على الشمال فكل اللي انا عايز اوضحه للمتصفح هنا ان انا بكتب عربي لان هو مش عارف ده دلوقتي طيب اعمل ايه اضيف اتربيوت والتربو هنا بيضيف معلومه جديده للتاج بتاعي ده فبدل ما هو كان عنوان بس لا هيكون عنوان والاتجاه بتاعه من اليمين للشمال طيب فالاتجاه هو الدايركشن واختصارها داير وهنا هو محتاج فالو او قيمه ف القيمه بتاعتي هي من اليمين للشمال اللي هي رايت و ليفت رايت تو ليفت هي اختصار لي ار تي ال اللي هي رايت تو ليفت دلوقتي انا لو رحت للبراز وعملت ريفريش هلاقيه فعلا جاب لي الكلام
5:32 بتاعي او العنوان بتاعي من اليمين للشمال كده احنا اعرفنا على التاج والاتي وت ابدا انشئ اول صفحه ويب ليك واشوفك الحلقه الجايه ان شاء الله شكرا للمشاهده والسلام عليكم ورحمه الله وبركاته