اهلا بك في اول كورس لنا على القناه كورس الاتش تي ام ال انا محمد الكاشف والقناه ديت عاملها علشان اشارك فيها معك خبرتي في مجال البرمجه وخاصه مجال الويب في الكورس دوت هنتعلم اساسيات الاتش تي ام ال وهنطبق عملي على كل اللي احنا تعلمناه بحيث انك انت تعمل موقع شخص بنفسك الموقع دوت عباره عن سي في صورتك وفي اسمك وفيه بتاعك بتشتغل ايه وفي سكشن نبذه عنك سنك والايميل بتاعك ورقم تليفونك وصفحات السوشيال ميديا بتاعتك وعاملين سيكشن تاني للديوكيشن انت كنت بتدرس في جامعه ايه والمدرسه اللي انت كنت فيها ايه هي وفي برضو سكشن تاني عاملين للمهارات بتاعتك ايه هي المهارات اللي انت بتتميز بيها وسيكشن تاني عاملينه اللي هوايات بتاعتك ايه هي واخر سيكشن خالص وهو الكونتاكت بحيث نعدله عايز يبعت لك رساله تكتب اسمك وتكتب ايميل ممكن نكتب كدهوت تست ات جيميل ونكتب اي باسورد ونكتب مثلا هاي ونبدا نعمل سند والرساله ديت هتوصل للايميل بتاعك بحيث ان يطلع لك فورمات كده اهوت وهتدوس ان انت وهنرجع بتاعنا تاني عادي ونخش على الايميل فهتلاقي ان في فرن اتبعتت الفورم ديت فيها الاسم بتاعك والايميل بتاعك اللي هو الجيميل دوت كوم والباسورد كنا كاتبين اي حاجه والماسج اللي هي هاي وطبعا دوت بعد ما نخلصه هنرفعه على النت مجانا طيب في البدايه كده احنا عايزين نعرف هو ايه هو اختصار لكلمه وده عباره عن النصوص والعناوين والصور اللي انت بتحطها في الويب سايت يعني احنا مثلا لو جينا دخلنا على موقع بتاعي اللي هو محمد الكاشف دوت كوم هتلاقي التيكست ديت والعنوان دوت والايكونز اللي موجوده هنا كدهوت والزرار اللي موجود هنا والصوره ديت كل دوت هتلاقيه معمول بالاتش تي ام ال طيب ده بقى الاتش تي ام ال بس احنا لو عملنا الموقع بتاعنا باستخدام الاتش تي ام ال بس هيكون شكله وحش جدا فعشان كده بنستخدم حاجه تانيه مع الاتش تي وهي السي اس اس دوت وظيفته ان هو يخلي شكل الويب سايت بتاعك شكله احسن شويه ازاي بقى السي اس اس بيخلي شكل الويب سايت بتاعك احسن يعني انت فاكر مثلا لما جينا كتبنا الكود بالاتش تي ام ال الصوره ديت كانت مكانها هنا لا الصوره ديت كانت مكانها تحت هنا كدهوت احنا بقى خدنا مكانها من هنا وخليناه جنب اللي موجود هنا وعلشان نعمل دوت استخدمنا علشان خاطر نخلي مكانها هنا هو ده غير بقى ان العنوان دوت كان حجمه صغير واحنا خلينا حجمه اكبر والتايتل اللي موجود هنا كدهوت كان لونه اسود فاحنا خلينا لونه اخضر والايكونز اللي موجوده هنا كدهوت شايف ده كله كل دوت معمول بالسي اس اس ولونا الايكونز برضو فده كده بقى نبذه بسيطه عن الاتش تي ام ال والس اس طيب اللي احنا هنعمله بقى ان احنا هنتعلم اساسيات الاتش تي ام ال بعد كده هتطبق اللي انت اتعلمته في الاساسيات اللي احنا اتعلمناها ديت في انك تعمل ويب سايت بنفسك والهدف من طريقه ان احنا نطبق هو ان انت في النص فاللي هو ما تبقاش قاعد عمال تتعلم مصطلحات كتيره كده اهوت وانت مش عارف هتستخدم المصطلحات دي ازاي او هتنفذها ازاي فلو انت دايت اول مره تتعلم فيها اي كورس اونلاين فانا عامل فيديو للفيديو دوت مدته ثلاث دقايق بشارك فيها معك الاخطاء اللي انا عملتها في البرمجه في بدايه تعلمي خلتني ارجع اذاكر اللي انا اتعلمته ده تاني من الاول لان انا كنت بذاكر غلط هسيب لك الفيديو في الاي اللي فوق وفي اول لينك في الديسكريبشن علشان تشوفوا قبل ما نبدا سوا في الكورس ولو انت جديد على القناه ما تنساش تدعم المحتوى بلايك وتعمل للقناه علشان يظهر لك كل جديد احنا بننزله بس كده ويلا بينا اول حاجه هنيجي نعملها وهي اننا هنزل الاي دي اي دوت هو اختصار لكلمه انتجيه الديفلوب وده بيبقى عباره عن محرر الاكواد اللي انت بتكتب فيه الكود فاحنا لو جينا هنا بدانا نكتب اللي احنا هنستخدمه اللي هو الفيديو الاستوديو كود هنيجي ندوس على اول لينك وتبدا ان انت تنزله سواء الجهاز بتاعك ويندوز او لينكس او ماك وطبعا احنا عندنا اكتر من اي دي اي عندنا زي السبلايم بس انا طبعا يعني بفضل الفيديو الاستوديو كود فبعد ما ننزل الفيديو الاستوديو كود هنيجي هنا كدهوت هنعمل فولدر جديد الفولدر دوت انا هسميه html كورس وهاخد الفولدر ده كده هحفظه هنا كدهوت علشان خاطر يبقى باين عندنا كدهوت بعد كده هنيجي نفتح الفيديو الاستوديو كود هيبقى شكله عامل كده اهوت هنيجي نفتح فايل وبعد كده هنختار open فولدر الفولدر دوت هيبقى الاتش تي ام ال كورس اللي احنا اخترناه وبعد كده هندوس على اوبن بعد ما فتحنا الفولدر بتاعنا هنا كدهوت هنيجي نعمل فايل جديد الفايل دوت هنسميه فايل دوت اتش تي ام ال طبعا اسم الفايل دوت انت تقدر تسميه اي اسم انت عايزه بس ابعد ان انت تسميه مثلا بالعربي او ان انت ما تحطش مسافات يعني مثلا ممكن تكتب اهوت لو انت عايز تحط مسافات ما بين الكلام ممكن ندوس كدهوت على بعد كده نختار واكتب واحد اتنين اي حاجه انت عايزها بعد كلمه فايل بنحط دوت html وده معناه ان الكود اللي احنا هنكتبه جوه الفايل دوت ده كود خاص بالاتش تي ام ال وده بتشوفه طبعا برضو يعني لو انت عندك بي دي اف بتلاقي مثلا اسم الفايل وتحط علامه الاصغر من وعلامه الاكبر من في الاخر هنا كدهوت انما الكلوز بتاعك بتكتب برضو الاتش تي ام ال زي ما هي وبتحط علامه الاكبر من والاكبر من وما بينهم كدهوت علامه السلاش جوه الاتش تي ام ال عندنا حاجتين اول حاجه وهي الهيد تاني حاجه عندنا البادي كل حاجه بتبقى موجوده جوه الهيد مش بتبقى ظاهره في الموقع بتاعنا زي مثلا العنوان دوت لو جيت بصيت هتلاقي ان مكتوب فايل دوت اتش تي ام ال احنا ممكن نشيل الفايل دوت ونكتب مثلا تايت المعين فهنيجي نكتب كدهوت دوت اتش تي ام ال تاج له اوبن ولكلوستاج هنكتب جواه مثلا اسمنا محمد الكاشف كده اهوت بعد كده نيجي نعمل فهتلاقي اتكتب هنا اهوت محمد الكاشف فالحاجات اللي بتبقى جوه الهيد زي ما قلنا ما لهاش دعوه خالص بالمحتوى اللي بيبقى جوه الويب سايت في حاجه كمان بنكتبها جوه الهيد زي الميتا لو جيت لاحظت هتلاقي ان الميته دي احنا عندنا بعض الاتش تي ام التاج لها وفي بعضهم برضو ما لهمش close والميتا ديت واحده من التاجز اللي ملهاش كلوز بنكتب جواها اسمه دوت احنا بنستخدمه علشان خاطر الترميز بتاع اللغه يعني اليو تي اف 8 اللي جوه بتاعه بيستخدم علشان خاطر انك تقدر تكتب عربي وانجلش جوه الويب سايت بتاعك في عندنا اسمه هنيجي نكتب متى كده اهوت ده البرجراف اللي بتلاقيه تحت عنوان الويب سايت يعني مثلا لو جينا كتبنا كده اهوت احنا عايزين نكتب باي لاب توب مثلا فهتلاقي ان دوت التايتل ده العنوان بتاع الويب سايت الديسكريبشن بقى هو الكلام اللي موجود تحت الويب سايت ده فاحنا بنكتب جوه الديسكربشن دوت الوصف بتاع مثلا الويب سايت بما اننا بنعمل مثلا موقع شخصي احنا ممكن نكتب في الديسكريبشن ماي نيم از محمد الكاشف ايام فرونت اند ويب ديفيل والميتا مهم جدا علشان خاطر محركات البحث بيساعد ان هو يعلي الرانك بتاعك او ترتيبك في الجوجل سيرش عندنا حاجه تانيه جوه الهيد غير الميته وهي الستايل ده تقدر تكتب ما بين الاستايل دوت كود بالسي اس اس الكود ده طبعا مش هيظهر في الصفحه لاننا اتفقنا ان اي حاجه ما بين الهيد مش بتظهر في المحتوى بتاع الصفحه في عندنا بعد كده html تاج اسمه اللينك اللينك دوت انت ممكن تعمل فايل جديد بعد غير الاتش تي ام ال دوت ممكن نعمل مثلا ستايل دوت سي اس اس ده فايل الكود اللي هيتنفس جواه بالسي اس لان انا عاملين الاكستنشن بتاعه سي اس اس فاحنا ممكن نعمل لينك للفايل دوت جوه الاتش تي ام ال بيننا نكتب كلمه كده هو ده ما بين الكود بتاع والكود بتاع السي اس اس دي كده اهم الحاجات اللي انت محتاج تعرفها في هنيجي بقى ندخل على البودي دوت قلنا المحتوى اللي بيبقى موجود جوه الويب سايت يعني احنا مثلا لو جينا كتبنا hello كده اهوت وعملنا سيف ورحنا وعملنا كده هتلاقي كلمه hello قبل ما نكمل بقى احنا في اكستنشن عايزين ننزله على الفيديو الاستوديو كود اسمه لو جيت لاحظت ان احنا بعد ما بنخلص كتابه الكود لازم نعمل علشان نعمل ابديت او يعمل تحديث للمحتوى اللي موجود جوه الصفحه ديت فاحنا نيجي نخش كدهوت على الايقون بتاع الاكستنشنز ديت هندوس عليها وهنيجي نعمل سيرش على لايف سيرفر هتلاقي اول واحد ده كده اهوت هتيجي تدوس على وبعد كده هنرجع للفايل بتاعنا تاني هنيجي نقفل دي كده اهوت وهنقفل دي هندوس كليك يمين وهنكتب open فهتلاقي الفايل اتفتح معك كدهوت وده وظيفته زي ما قلنا ان احنا اول ما نعمل سيف للكود اللي هنا اهوت هيعمل على طول ابديت للمحتوى من غير ما ندوس على طيب احنا بقى عندنا اكثر من كذا علشان نستدعي اخر من الاتش تي ام ال احنا بنيجي فوق كلمه الاتش تي ام ال دي كده اهوت هنعمل وده معناه ان انت استدعيت في الصفحه بتاعتك ديت اخر من اللي هو اتش تي ام ال 5 تعالوا بقى نعرف اول تاج معنا في البادي وهو الهيدنج الهيدنج دوت هو العناوين اللي بتبقى موجوده في الموقع بتاعنا واحنا عندنا ست مستويات من الهيدنج في عندنا اول حاجه وهي الاتش وان ممكن نكتب جواها كدهوت اسمنا محمد الكاشف اللي هو العنوان الاساسي وهنيجي ندوس على شيفت بعد كده اوبشن بعد كده هننزل تحت كده بحيث نعمل للسطر ده وهنيجي هنا كدهوت هنيجي نكتب اتش تو وبعد كده اتش ثري اتش فور اتش 5 اتش 6 تعالوا نعمل كده سيف ونشوف شكلها على الويب سايت عامل ازاي لو جيت لاحظت معنا هتلاقي ان الاتش وان دوت هو اكبر خط فيهم واتش 6 هو اصغر حاجه فيهم والهيدنج دوت يعتبر الترتيب الشجري للعناوين يعني احنا مثلا ما ينفعش يبقى عندنا في الصفحه الواحده اكتر من اتش 1 هو اتش وان واحد بس يعني احنا لو عجينا مثلا عملنا اكتر من اتش 1 في الويب سايت بتاعنا الكود مش هيتنفذ لا هيتنفذ عادي بس المشكله ان لو جيت عملت اكتر من في الصفحه الواحده دوت هيضر محركات البحث مش هيساعد في ان الموقع بتاعك يتصدر محركات البحث طيب تعالوا نفهم اكتر عن العناوين ديت هنا مثلا دخلنا على الموقع بتاعنا فهتلاقي ان الاسم دوت هو اتش وان ما فيش غيره في الصفحه بتاعتنا لو جينا دوسنا على هتلاقي الكود بتاع الويب سايت بتاعنا هنيجي ندوس على الزرار السهم ده كدهوت وندوس هنا اهوت هتلاقي ان دوت اتش 1 لو جينا نزلت تحت كده شويه هتلاقي اباوت ميت ده برضو لو جينا عملنا لها سلكت كده هتلاقي ان هي اتش تو هنيجي ننزل تحت شويه للعنوان اللي تحت السيكشن دوت لو جينا دوسنا هنا برضو وعملنا للعنوان هتلاقي ان العنوان دوت اتش ثري وهكذا بقى كل ما تفضل تنزل في العناوين في نفس السيكشن هتفضل بقى تحط كتش فور اتش 5 اتش 6 وده بالنسبه للعناوين طب انا دلوقتي عندي مشكله انا عايز اوصل لحد اتش مثلا 5 ولا حاجه والمشكله ان اتش 5 دوت حجمه صغير اعمل ايه بقى احنا قلنا ان الحجم ده نقدر ان احنا نعدله باستخدام يعني ممكن الاتش سكس يبقى حجمه اكبر من اه عادي جدا ده ممكن نقدر نعمله لو جيت بصينا كده اهوت على الاتش 6 ممكن نيجي نعمل ستايل ونكتب مثلا الفونت سايز حجم الاتش 6 ده 55 بيكسل وهنا عملنا سيف هنيجي نرجع كده بص شايف حجمه عامل ازاي اكبر من فاللي تفهمه هو ان انت مثلا ما تجيش تستخدم الاتش ثري عشان خاطر الحجم بتاعها احنا نقدر نتحكم في الحجم زي ما احنا عايزين بس احنا بنركز جدا على الاستراكشر او على الهيكل بتاع الهيدنج وفي حاجه كمان لازم تكون عارفها وهو ان احنا مثلا في السيكشن دوت مي ديت معموله بالاتش تو ما ينفعش يبقى الابوت معموله مثلا بالاتش فور واحنا مكبرين الفونت بتاعها ونيجي مثلا على دوت او على اللي احنا عاملينه بالهيدنج دوت يبقى مثلا حاجه اعلى منها فلازم يبقى اول دوت هو اعلى حاجه اللي هو مثلا اتش تو ويفضل بقى كل اما نفضل ننزل في السيكشن هيبقى اقل منه لو جيت بقى دخلت في سكشن ثاني ممكن ترجع تكتب اتش 2 تاني عادي مش مشكله بس طول ما انت في نفس السيكشن يبقى لازم تبدا باكبر حاجه وتفضل تنزل تدريجي كدهوت لحد اما توصل لاصغر في الكومنت كده اهوت هتكتب مثلا كومنت واحد وكومنت اتنين وهكذا لا في طريقه افضل من كده خالص وهي ان انت تدوس كدهوت الانتر بعد كده تدوس هنا هوت انتر برضو وتبدا تكتب اكتر من سطر في نفس الكومنت نكتب مثلا كومنت تو كومنت 3 وهكذا الاتش تي ام تاج اللي هنتكلم عليه بعد كده هو البرجراف تعالى كده هوت نحط الكومنت زي ما هو كده اهوت ونيجي نكتب الباراغروف دوت هو بيمثل النص اللي بيبقى موجود جوه الموقع بتاعنا زي الجزء ده كدهوت كل ده مكتوب بالبرجراف فتعالى هنا كده عندنا نشيل دي كده ونكتب في البراجراف عندنا حرف البي ده اللي بيمثل البراجراف هكتب مثلا ايام ونعمل كده هوت للفايل بتاعنا هتلاقي ان البرجراف اتحط عندنا كدهوت لو جيت بصيت معي كدهوت بتاع البرجراف دوت لو جينا مثلا من هنا هوت عند كلمه هنا فضلنا نحط مسافات كدهوت او ننزل كدهوت سطور وعملنا سيف هتلاقي ان المسافات ديت مش بتتسجل في الموقع بتاعنا لو جينا بصينا كده اهوت وجينا بصينا على الكود هتلاقي ان المسافات نفسها ما اتحطتش او ما تسجلتش في الموقع بتاعنا فلو انت بقى عايز مثلا من اول كلمه كده اهوت تبدا تحط مثلا سطر جديد فهنيجي كده اهوت عندنا في الكود وهنرجع تاني كدهوت كده وهنيجي من اول هنيجي نكتب كدهوت بي ار بي ار دوت اختصار لكلمه وده معناه ان انت اول ما توصل لحد هنا اهوت من الكلام نزل لي الكلام ده كده سطر تحت تاني فهتلاقيه كدهوت نزل الكود بتاعك من اول هنا هوت سطر تاني كده في حاجه بقى عايزك تعرفها كويس جدا هي الفرق ما بين البرجراف والتيكست العاديه يعني احنا مثلا اللي يخلينا مثلا نكتب برجراف كده هوت طب ما انا ممكن اكتب مثلا التكست دي كده اهوت هاخدها كده كنترول سي واعمل لها كنترول في واكتبها عادي جدا من غير ما يحصل اي حاجه ولو جينا بصيت هتلاقي التيكست موجوده هنا تاني الفرق عندنا في حاجتين اول حاجه احنا بنستخدم زي البراجراف ومش بنستخدم التيكست العاديه عشان خاطر لما نيجي نشتغل بعد كده في هنقدر ان احنا نعدل على البراجراف ده انما العاديه احنا مش هنعرف نعمل لها سيليكت اصلا او مش هنعرف نختارها علشان نقدر ان احنا نعدل عليها لو جيت هنا مثلا كدهوت في الانسبيكت وجينا اخترنا هتلاقي كده اهوت عارف تختار البرجراف هتشوف هنا اهوت كدهوت دوت الستايل بتاع البراجراف انما التيكست العاديه انت مش هتعرف تعملها عشان خاطر تعدل عليها عايز مثلا تكبر الفونت او تصغره او تغير لونه او اي حاجه من كده فمش هتعرف ان انت تستخدم الكلام دوت او كل المميزات ديت باستخدام التيكست لازم نستخدم التاج بتاع البرجراف في حاجه تانيه الفرق ما بين التيكست وما بين البراجراف هي ان البراجراف دوت بلوك يعني ايه بلوك على البراجراف هتلاقي ان هو كاتب لك ان هو في يعني ايه ان هو بياخد العرض كله بتاع الموقع بحيث ان انت لو جيت كتبت اي حاجه تحتيه زي ما احنا كدهوت كاتبين التيكست دي كده هتلاقيها نازله تحتيه على طول انما التيكست دوت ان لاين اللاين يعني لو جيت كتبت مثلا تيكست تحتيها هننزل اهو سطر اهو هنكتب مثلا تيكس hello كده اهو ونعمل هتلاقي ان كلمه دخلت جنبيها ليه دخل الجانبيها علشان خاطر هي اللاين اللاين دوت لو جيت كتبت حاجه تحتيها هتخش جنبيها على طول انما البلوك لو جيت كتبت البرجراف هتلاقيه واخد عرض الويب سايت كله طب انا عندي لك بقى سؤال هل بقى اللي فوق ده بلوك ولا ان لاين اكيد هيبقى بلوك ليه لاننا لما جينا كتبنا برجراف تحت كده اهوت نزل للسطر اللي بعده فلو جينا عملنا سلكت للهيدنج كده هتلاقيه واخد عرض الموقع كله وطبعا بتاع الاتش 1 بلوك ده بقى الفرق ما بين التيكست العاديه وما بين البرجراف عشان كده يفضل جدا ان انت ما تفضلش تكتب دوت عاديه وانك انت تحطها في البراجراف تاكد اهوت هنيجي بعد كده نتكلم على شويه حاجات بتبقى جوه البرجراف بنستخدمها يعني مثلا لو احنا عايزين نخلي كلمه سترونج ديت عايزين نخليها مثلا يعني كلمه عريضه فهنيجي نكتب كدهوت حرف البي هنحط كدهوت هنيجي نعمل وهننزل كده اهوت نحط بتاع حرف البي كدهوت ونعمل سيف هتلاقي كدهوت كلمه معمول لها بولد كدهوت في حاجه كمان عندنا وهي الايطاليك دوت لو احنا عايزين نخلي الكلمه مايله شويه فممكن نشيل البي ار ديت كدهوت ونشيل المسافه مثلا اللي هنا دي والمسافه ديت المسافه ديت عشان خاطر بس الشكل يبقى تمام وننزل كدهوت تاني بدل البي ديت هنشيلها ونحط اي اي ديت هتخلي كلمه هيخليها مايله شويه لو جينا بصينا كدهوت هتلاقي ان كلمه مايله تعال نحط مثلا مسافات هنا كده علشان خاطر ايه كلام ما يبقاش لازق في بعضه كده لو انت عايز مثلا تخلي كلمه الويب دي كده عايزين مثلا نخلي تحتيها سطر فهنيجي ندخل على ان هو نكتب حرف اليو ونشيل دي كدهوت بنحطها هنا كده ونعمل فهتلاقي ان كلمه ويب اتحطت تحتيها وفيه نوت مسافه هنيجي نشيلها حاضر اهو هنشيل المسافه دي كده المسافه دي كده هتلاقي اتحطت تحت الكلمه بالزبط كده في بعد كده بنستخدمها دايما في يعني مثلا لو جيت دخلت على امازون بتلاقي مثلا ايه ان هو يحط لك مثلا ان سعر حاجه معينه مثلا ب 4000 جنيه ويقول لك دي عليها خصم فهخليها لك مثلا 3800 فهنيجي نكتب كدهوت مثلا جواه 4000 ونحط كلمه ديل كده اهوت نحطها ما بين الاربع تلاف كده بنكتب جنبيها 3000 800 ونحط مثلا هنا هوت اللي هو مثلا الجي بي وهنا هوت اي جي بي فنعمل مثلا سيف هتلاقي كدهوت عمل لك 4000 جنيه وحطيت لك مثلا 3800 تعال نعمل كومنت عشان نخلي بس الدنيا واضحه كدهوت قدامك احنا قلنا البي ديت علشان خاطر نخلي التيكست بولد والاي علشان خاطر نخلي التيكست يعني تكون مايله كدهوت واليو علشان خاطر تبقى اندر لاين اندر لاين تبقى فيها سطر تحتيها والدل علشان خاطر لو هنحط الداش على التيكست معينه اختصار لكلمه ديليت عندنا بعد كده دي بتستخدمها اكتر في الاس يو بي اللي هي الكابيتال ديت بنستخدمها علشان خاطر في المسمتك لما نيجي مثلا نعمل ولا حاجه واثنين اس خمسه نكتب مثلا تو بعد كدهوت هنشيل المسافه دي مثلا كده ونكتب مثلا 5 نيجي نعمل سيف فهتلاقي كده هوت مكتوب تو باور فايف عندنا برضو اللي هو اس يو بيستخدمها اكتر في زي مثلا محلول الميه اللي هو اتش تو او هنيجي نكتب السي يو بي سمول كده ونكتب التو بعد كدهوت ونعمل كدهوت هتلاقي كده هوت ان بص الاتش بعد كده التو نزلت لتحت بعد كده حطينا الاو عادي جدا في عندنا بعد كده اسمه دوت بنحطه ما بين البرجراف كده اهوت علشان خاطر لو احنا عايزين نعمل مثلا ايديت لجزء معين من البرجراف يعني مثلا ممكن نحط كده هوت سبان هنا كده وعلى اللي فوق ديت هنا كده تمام وممكن مثلا ايه نعدل على اللون مثلا بتاع كلمه دوت زي مثلا هتلاقيني عاملها هنا كده اهو اللي هو ايه محمد الكاشف حاطط محمد الكشف ديت ما بين سبان وملون التيكست ديت ملونها باللون الاخضر فديت وظيفه الاسبان ممكن احنا برضو كدهوت نقوم ايه ملونينها باللون الاخضر نعمل مثلا كده ستايل دبل جرين هنعمل سيف كده هتلاقي بص اتلونت باللون الاخضر انت عامل الجزء بسيط خالص من البراجراف كله اللي بعد كده وهو الاتش ار الاتش ار دوت اختصار لكلمه هريزنتال وده بيخليك تعمل سطر كدهوت عشان مثلا تفصل سكشن ما بين السيكشن التاني فدي نكتب كده اتش ار ونعمل سيف هتلاقي كدهوت سطر اتعمل كدهوت على عرض الموقع بتاعك كله وطبعا ده هنستخدمه كتير في الموقع بتاعنا علشان خاطر علشان خاطر نفصل ما بين اكتر من كذا سيكشن اخر حاجه بقى هنتكلم فيها بالنسبه للبرجراف وهي الان انت تزداد مثلا زي علامه الكوبي رايت اللي بتلاقيها في اخر الويب سايت عندنا هنا اهوت احنا حاطينها في الاخر خالص حطينا علامه الكوبرايت اللي هي ديت كدهوت تمام لو جيت كده عملت سيرش على [موسيقى] [موسيقى] خش عندنا كدهوت هتلاقي علامه الكوبيدات موجوده ممكن نكتب مثلا تحت كده 5 ونكتب علامه اليورو اي يو ار اهو بعد كده ونعمل فهتلاقي كدهوت علامه اليورو اتعملت جنب فدات انت ممكن طبعا يعني لو في حاجه احتجتها هتلاقي ان هي موجوده هنا كدهوت فتقدر تاخد اسم وتحطها في الويب سايت هنيجي بقى بعد كده نتعلم اللينكس تعال كده اهوت نشيل الكود اللي احنا كتمناه دوت هنسيب بس ونشيل برضو الكومنت ده كده اهو حرف الايه هو الحرف اللي بيرمز عندنا لللينك هو اختصار لكلمه انكر تاج فهننزل تحت كده هوت ممكن نعمل كومنت علشان نعمل كومنت من غير بقى ما ندوس علامه الاصغر من بعد كده ممكن ندوس على طول على الكنترول او الكومنت بعد كده علامه السلاش او حرف الزهر هتلاقي الكومنت اتعمل لك كدهوت هنيجي نكتب هنا اهوت اللينكس وننزل تحت هنيجي ندوس على ايه كده اهوت دوت الحرف اللي بيمثل اللينك هتلاقي ان في ظهر لنا كده هوت اسمه الاتشرف الاتش اف هو المكان اللي انت بتدخل جواه اللينك فهنيجي مثلا كدهوت ممكن نقفل ده كده ونكتب مثلا فيسبوك هناخد اللينك بتاع الفيسبوك بتاعنا ونعمل كوبي ونيجي هنا اهوت نحط اللينك بتاع الفيسبوك وهنيجي بقى نكتب التيكست ده هي الكلمه اللي هتظهر في الموقع بتاعنا نيجي نكتب مثلا فيسبوك كده اهو ونعمل سيف ونقفل بقى دي كده اهو ممكن نسيب دول نخش كدهوت على شكل بتاعنا هنعمل هتلاقي ان لو جينا عملنا كليك على اللينك ده كده اهوت هياخدنا على صفحه الفيسبوك بتاعتنا تعالوا نعمل كمان كمان لينك مثلا هنعمل مثلا لينك لجوجل جوجل جوجل دوت كوم ونكتب هنا اهوت جوجل طبعا انت هنا لو كتبت اي حاجه هو ده اللي هيظهر قلنا اللي هتظهر فلو جينا بصينا كده هتلاقي في حرف الجي بس هنا طبعا هنكتب جوجل كدهوت ونعمل ولو جيت لاحظت حاجه هتلاقي ان اللينك دوت يعني ايه قلنا ان لاين يعني انت لو جيت كتبت حاجه تحتيه بتيجي جنبه انما البلوك بياخد عرض الموقع كله حلو قوي احنا بقى عايزين لما نيجي مثلا ندوس على اللينك ده كدهوت ما يفتحش اللينك جوه الموقع بنفسه انا عايز يعمل يفتح صفحه جديده ويخش لي فيها على اللينك فهرجع هنا كدهوت وهنستخدم تاني هنا اهوت اسمه ايه اسمه تارجت بعد كده هكتب اهوت وبعد كده هكتب اندر سكور بلانك ده كده معناه ان انت لما تيجي تفتح اللينك كدهوت تاني هتلاقيه عمل لك نيو تاب عشان يفتح لك الويب سايت بتاعك او الويب سايت اللي انت مدخله جوه اللينك وهتلاقي ان الصفحه بتاعتنا موجوده زي ما هي كده اهوت في استخدامات تانيه عندنا لللينك وهي ان انت ممكن تعمل لينك للصفحه تانيه للصفحه ديت موجوده جوه الويب سايت يعني مثلا لو جينا كده اهوت عملنا صفحه جديده الصفحه ديت اسمها مثلا كونتاكت وهنيجي ناخد الكود اللي جوه الفايل دوت اتش تي ام ال هناخد كله كوبي ندوس على كنترول ايه عشان نعمل كل حاجه بعد كده كنترول سي بعد كده هنا اهوت كنترول في ودي كده اهوت صفحه تانيه جوه الموقع بتاعنا هنيجي مثلا نقفل دي كده اهوت ونشيل بقى كل المحتوى اللي جوه دوت ممكن مثلا نعمل ديت مكتوب فيها مثلا ايه ممكن نعمل مثلا برجراف كده اهوت نكتب فيه يو كان مسج مي ثرو وهنكتب بقى لينك جوه البرجراف عادي جدا وهنحط مثلا البروفايل بتاع الفيسبوك بتاعنا وهنكتب مثلا ايه فيس بوك ونعمل سيف دي كده اهوت الصفحه بتاعه الكونتاكت دوت اتش تي ام ال حلو كده انا بقى عايز ادخل على صفحه بتاعه الكونتاكت بحيث اول ما ادوس على اللينك دوت يوديني لصفحه تعال مثلا كده نكتب ايه اللينك دوت هيروح لفين هيروح لصفحه كونتاكت اتش تي ام ال وهنكتب بقى اللي جوه اللينك هي كونتاكت كده اهوت هنيجي نعمل هنروح بقى للصفحه بتاعتنا عادي اللي هي هندوس عليها اول ما ندوس عليها هتودينا للصفحه اللي احنا لسه عاملينها اللي هي هندوس كده اهوت بص راحت لحد صفحه وادي البراجراف اللي احنا عملناه ونخش على الفيسبوك كدهوت هيخش هنا في نفس الصفحه طيب ده كده بالنسبه لللينك لو انت عايز تعمل لينك للصفحه في نفس الموقع تعال نرجع هنا كدهوت تاني وهنا اهوت هنقفل بقى الكونتاكت والستايل احنا برضو ممكن نستخدم اللينك لو احنا عايزين مثلا نخلي اللينك ده توديك لحد الميل على طول يعني مثلا ممكن نيجي نعمل كدهوت لينك جوه الاتش ريف هنيجي نكتب ميل تو بعد كده نحط نقطتين فوق بعض هندوس على شيفت بعد كده الزرار اللاسمي كولون وهتكتب الايميل بتاعك اكتب مثلا محمد الكاشف اند جيميل دوت كوم وهنيجي مثلا كاتبين ايميل كده اهوت ونعمل سيف ونرجع كده اهوت على الويب سايت بتاعنا هندوس على لينك الايميل كده اهوت هيقوم موديك للايميل هندوس على ايميل هيوديك للايميل كده اهوت هيقول لك اكتب بقى محتوى الايميل اللي انت عايز تدخله وده الايميل اللي احنا حاطينه في اللينك هنيجي بقى نقفل ده كدهوت بس كدهوت ونرجع للكود بتاعنا عادي هنيجي نتكلم بعد كده على نوعين من الاتربيوتس احنا عندنا جلوبال اتريبيوتس وعندنا انت تقدر تستخدمها مع اي اتش تي ام ال تاك انما اللوكال بتبقى معموله الاتش تي ميل تاجز معينه يعني ايه الكلام دوت احنا عندنا مثلا اللينك دوت في اسمه دوت بنستخدمه مع اللينك ما نقدرش نستخدمه مع كل الاتش تي ام ال تاجز يعني مثلا ما ينفعش نيجي عند الهيدنج ونكتب مثلا بعديها اتش ريف كذا فده معناه ان هو لوكال انما الجلوبال بنقدر ان احنا نستخدمه على كل الاتش تي ام ال تاجز اللي جوه البادي زي مثلا عندنا نوعين من الاتربيوتس اللي هم الجلوبال هنجي نكتب كدهوت جلوبال اول نوع عندنا هنعمل اكتر من كومنت ليه ما هو كومنت واحد وخلاص يعني عندنا النوع الاولاني زي الاي دي وعندنا الكلاس اتريبيوت لو جينا مثلا عملنا اكتر من pf كده اهوت هننزل تحت كده ونكتب برجراف ونكتب مثلا تكست واحد ونعمل تاني اتنين ونعمل تكست لو جينا عملنا لهم كده اهوت هنيجي نلاقيهم ثري انا دلوقتي لو عايز مثلا اكبر التكست دات اخليها مثلا اكبر شويه لما اجي اعمل لها سلكت لما اجي اختارها عشان خاطر اعدل عليها يا ترى هختار انهي برجراف فيهم ما كلهم اسمهم برجراف فعلشان كده تقدر تستخدم الاي دي او الكلاس التربيوت ممكن نستخدم اي دي وممكن نستخدم كلاس اتريبيوت وهنسمي دوت بي وان طيب ايه بقى الفرق ما بين الاي دي وما بين الكلاس ما هم الاتنين نقدر ان احنا نعمل بهم على الفرق بكل بساطه ان الاسم بتاع الاي دي ما تقدرش ان انت تستخدمه غير مره واحده بس انما الاسم بتاع الكلاست تقدر تستخدمه اكتر من كذا مره تعالى مثلا نزود اكتر من ممكن نعمل مثلا تيكست فور وتكست 5 فاحنا علشان خاطر مسميين الاي دي دوت اسم بي 1 ما نقدرش للبرجراف مثلا دوت نسميه نكتب اي دي بي 1 ده ما ينفعش الاي دي دوت حاجه دوت مثلا زي الاي دي بتاع الجامعه كل واحد له اي دي مش بيتكرر مع اي طالب ثاني فهنيجي نسمي ده كدهوت انما بقى تقدر تسميه اكتر من كذا اسم ممكن تكتب هنا هوت مثلا تيكست وهنا اهوت نعمل كلاس برضو كلاس اسمه تكست فده الفرق ما بين الاي دي وما بين الكلاس واحنا هنفهمهم اكتر بعد كده وهنعرف استخداماتهم اكثر في السي اس اس بس انت لازم تكون عارف الفرق ما بين الاي دي وما بين الكلاس هنيجي بعد كده بقى نتعلم الصور ازاي تحط صور على الموقع بتاعك هنيجي نشيل كدهوت الكود ده والكومنت ده برضو ممكن نكتب ايه هنا بنحط مسافه كدهوت علشان تديك صوره احنا بنيجي نستخدم html تاج اسمه اي ام جي هتلاقي كده هوت في اتنين اتربيوتس اتحطوا لك الاتربيوت دوت اللي هو اس ار سي والالت الاس ار سي دوت هو اختصار لكلمه اختصار لكلمه مصدر الصوره دوت فين انما الالت اختصار لكلمه واللي هو بكل بساطه لو الصوره بتاعتك ديت ما ظهرتش بتظهر لك معينه اللي بندخلها جوه وهنشوف كل دوت دلوقتي طيب في الاول احنا عندنا طريقتين عشان خاطر تحط صوره عندك على الموقع بتاعك اول حاجه ان انت تشوف مثلا صوره من على النت كدهوت ممكن ندخل على دوت كوم ونخش مثلا نشوف اي صوره دي مثلا الصوره ديت هنيجي ندوس على ونيجي نرجع كدهوت تاني نكتب ده اللينك بتاع الصوره وهنكتب في كدهوت ونيجي نعمل سيف تعال نرجع بقى للموقع بتاعنا هتلاقي الصوره اتحطت بالشكل ده كدهوت طيب لو احنا جينا كدهوت مثلا شيلنا الجزء ده كده اهو وعملنا مثلا سيف للموقع بتاعنا فهتلاقي ان الصوره بتاعتنا ما ظهرتش هيظهر ايه بقى هيظهر الى الاصدارنا تفتكست اللي احنا اتكلمنا عليها وكتبنا هنا اهوت فوتو 1 فدي فائده ودي بتبقى مهمه جدا عشان خاطر محركات البحث ومهم جدا ان انت احطها ده غير ان بيبقى في براوزرز مش بتسبورت نوع معين من الصور فعلشان كده هوت انت بتكتب اسم الصوره علشان توري الشخص او تعرف الشخص اللي داخل يتصفح من المتصفح اي متصفح معين يعني ان كان في صوره هنا اهوت وهي مش ظاهره عشان خاطر المتصفح بتاعك مش بيدعم الصوره ديت انما انت لو جيت شلت الكلام اللي موجود جوه الالت ده كده اهوت وجيت عملت عملنا اهوت الاول بعد كده هتلاقي ان اصلا مش ظاهر ان في صوره خالص فالت تكست مهمه جدا لو جينا لاحظنا ان حجم الصوره كان كبير جدا فاحنا بنستخدم اثنين اتربيوتس والهايت علشان خاطر نحدد حجم الصوره ديت يبقى حجمها عامل ازاي فهنيجي مثلا كدهوت بعد الاس ار سي اللي هو مصدر الصوره هنكتب مثلا الواتس كده هوت وهنكتب ايكوال ننزل تحت شويه كده نكتب 200 بيكسل برضو كدهوت ونعمل فهتلاقي حجم الصوره عندك صغر كدهوت ومعنى ان الصوره جت بالجنب كده اهوت يبقى هي ايه يبقى هي لاننا قلنا ان البلوك بياخد عرض الموقع كله فاحنا ممكن ننزل كدهوت ونعمل ايه فوق كده بي ار عشان خاطر ايه نخلي الصوره موجوده تحت كده اهو طيب حلو قوي لو انت بقى عايز ترفع صوره الصوره الصوره ديت اصلا عندك على الجهاز مش موجود على النت هنعمل ايه احنا عندنا في الفايل او الفولدر اللي احنا عملناه اللي هو اتش تي ام الكورس حطينا صورتين كدهوت سمينا واحده اللي هي لاب توب والفوتو دوت بي جي هنيجي بقى نشيل اللينك اللي جوه الاس ار سي كدهوت نعمل له وهنيجي ندوس على الزرار بتاع النقطه كده اهوت بعد كده ندوس على سلاش اللي هي حرف الظاء وبعد كده هنكتب اسم الصوره بتاعتنا اللي هي فوتو دوت بي ان جي ونعمل كده هوت هتلاقي الصوره ظهرت معك طبعا هي يعني معمول لها استرتش كده لاننا محددين الهايتس بتاع الصوره ممكن مثلا نخلي الواتس 400 ونعمل فهتلاقيها شكلها افضل شويه ده كده بقى في حاله ان انت لو عايز تاخد صوره من جوه الفولدر نفسه طب لو في صوره بره الفولدر يعني احنا مثلا كدهوت ممكن صوره اللاب توب ديت هناخدها نعمل لها كوبي ونطلعها بره كدهوت بره الفولدر ونعمل كنترول في هتلاقي الصوره مكانها هنا كدهوت انا عايز بقى اوصل للصوره ديت فهنيجي كده اهوت هننزل تحت كده اهوت هنيجي نكتب بقى هنيجي ندوس على نقطتين كده هوت بعد كده نعمل زرار السلاش فهتظهر لك الفولدرز اللي موجوده بره اللي هي الفولدرز ديت وبعد كده هنقوم مختارين اللابتوب او ممكن مثلا نكتب لاب توب كدهوت وهتظهر لنا وهندوس انتر ونقعد في الالت هنكتب لاب توب عشان الزرار عشان الصوره لو ما ظهرتش تظهر لنا اسم لاب توب ده ونعمل سيف ونيجي كده اهوت هتلاقي طبعا حجم الصوره يعني كبير جدا جدا جدا تمام فهنيجي ناخد الويتس كدهوت ونحطهم هم وهما برضو هنا هوت ونعمل كنترول في وسيف فهتلاقي ان الصورتين نفس الحجم وجنب بعض ده ليه لان هم لو عايز تخليهم تحت بعض كدهوت ممكن نعمل في ار كده اهوت وندوس هتلاقي الصورتين موجودين تحت بعض كده اهو وده كده بالنسبه للصور هنيجي بعد كده نتكلم على احنا عندنا نوعين من اللفت في لو جينا كده اهوت ممكن نشيل الكود ده بقى كدهوت هنسيب بس وان وهنعمل كومنت هنكتب فيه وننزل هنا كدهوت نكتب اللي احنا بنستخدمه عشان خاطر نستخدم هو يو ال بنيجي تحت اليو ال كدهوت نكتب ال اي ال اي دوت اختصار لكلمه تكتب مثلا كدهوت بتاعتنا والمهارات بتاعتنا هكتب مثلا html وهنزل كده اهوت اكتب سي اس اس بعد كده اهوت وبعد كده ممكن نطلع هنا كدهوت نعمل مثلا اتش ثري هكتب فيه ماي سكيلز نحط بس كدهوت مسافه هنا ونعمل فهتلاقي ان في كدهوت اتعملت بالمهارات بتاعتنا ده دايما بنجي نستخدمها في يعني لو جينا مثلا على الموقع بتاعنا هتلاقي ان كده اهوت معموله طبعا يعني انت هتيجي تسال طب اللي موجوده هنا كدهوت ليه مش موجوده هنا ده بكل بساطه لاننا شلناها باستخدام نرجع هنا كدهوت وعايزين نعمل بعد كده ان انت تعمل جوه ليست يعني احنا مثلا عندنا عايزين مثلا نكتب بتاعه فهنيجي هنا كدهوت هنيجي نحط انتر ننزل سطر ونعمل وهكتب جواها ليست فيها بقى بتاعه نيجي نعمل فهتلاقي ان في ليست اتعملت جوه اللست بتاعه ده بالنسبه بقى نعرف الاوردر الاوردر دليست عندنا كدهوت هنيجي نعمل كومنت كدهوت ونكتب اوردر اللي بنستخدمه للاوردر ليست هو الاو ال ونفس اللي احنا عملناه في لسه هنعمله بالظبط هو هو في الاوردر هنيجي نكتب كدهوت الاي ونكتب مثلا النيم اسمك والاي دي بعد كده ونعمل سيف للكود ده كده اهوت فهتلاقي ان الاوردر لسه اتكتب كدهوت واحد اتنين تلاته مكان طيب لو انا مثلا عايز اكتب مكان الواحد اتنين تلاته عايز اكتب اي بي سي واكمل بقى هكذا عندنا دوت اسمه حلو كدهوت وهكتب بقى جوه ان انا عايز ابدا مثلا من حرف الاي وهاجي اعمل ممكن مثلا هنا هوت نعمل اتش ار عشان خاطر نفصل ما بين الاوردر والان اوردرز نعمل كده اهوت فهتلاقي ان هو بدا عندنا في الاوردر ليست من اول اي بي سي ممكن طبعا تستخدمها تحط مثلا سمول مش لازم كابيتال ليتر هتلاقيها موجوده عندك بالشكل دوت لو انا بقى عايز اخليه يبدا بالعكس يعني مثلا بدل واحد اتنين تلاته اقول له 3 2 1 فعندنا برضوبيوت الاتربيوت دوت اسمه ريفيرسوت هنيجي مثلا نكتب هنا هوت واحد نبدا من واحد ونكتب كدهوت فهو هيبدا يعد واحد اتنين تلاته بعد كده يعمل فهيبدا يكتب لك في عندنا وهو اسمه ستارت في حاله ان انا عايز مثلا ابدا من اول رقم عشرين لحد مثلا 23 فعلشان اعمل كدهوت انت مثلا محتاج تكتب كدهوت ممكن بقى نشيل لان هو اصلا بيبدا من اول واحد فهقول له ستارت من اول مثلا رقم عشرين وهاجي اعمل سيف كدهوت واجي اشوف هنا كدهوت هتلاقي عمل لك عشرين 19 اه لاننا احنا عاملين ريفيرس تعال نشيل الريفيرس كده اهو فهتلاقيه كاتب عشرين واحد وعشرين 22 وبكده نكون اتكلمنا عن اوردر عندنا بقى موضوع تاني وهو التيبل تعال نشيل الكود ده كدهوت بتاع الاوردرست كده اهو ونشيل برضو الاسكيل بالمره ونعمل كومنت نكتب كده اهو نعمل كومنت تاني هنكتب الحاجات اللي احنا هنستخدمها جوه واللي هي اول حاجه بنستخدمها وهود بعد كده التي واخر حاجه اللي هي التي فوت لو جينا دخلنا كدهوت عملنا سيرش تعال نقفل التاب دي كده اهو ونكتب html ودخلنا على الصور بتاعت التيبول بتاعه الاتش تي ام ال واختارنا مثلا الصوره دي كده اهو هتلاقي ان اول سطر كدهوت في التيبل دوت بنستخدمه اي بقى سطور بعد كده دي بنستخدمها على التي بودي واخر سطر خالص بنستخدمه اللي هو طيب تعال نرجع بقى بتاعنا ونبدا نعمل بتاع التيبل اللي هو تابل وبعد كده هنبدا دوت جواه حاجتين اول حاجه واللي هي التي ار التي ار دوت اختصار لكلمه وعندنا بعد كده التي دي التي ديت اختصار لكلمه ده كدهوت ده اسمه تي ار ده هو الداتا او البيانات اللي بندخلها جوه يعني ده التي داتا الاولاني ده التي داتا التاني ده التي داتا التالت وهكذا فلو جينا كتبنا عندنا كده اهوت جوه التي ار هنكتب تي دي التي دي مثلا الاولاني هنكتب مثلا النيم اسمك بعد كدهوت الاي دي بعد كده اهوت الجريد درجتك فكده احنا عملنا اول رو في التيبل بتاعنا هنيجي بعد كده ننزل بقى لتحت احنا قلنا اول دوت بنستخدمه في بس بعد كده بنيجي نكتب التي بدي نكتب كدهوت ننزل تحت كده شويه جوه التي بدي بقى هنكتب برضو التي ار اللي هو تعال بس نعمل كومنت عشان بس الموضوع يبقى واضح بالنسبه لك نكتب كدهوت ونكتب جوه الرول الاولاني تي دي اول خانه عندنا في التيبل اللي هي النيم النيم ده بقى عايزين نكتب تحتيه ايه هنكتب تحتيه محمد مثلا ده اسمنا محمد بعد كده مثلا هنكتب الاي دي بتاعنا تحت الاي دي هكتب الاي دي تمانيه تمانيه تلاته اتنين اتنين بعد كده الدرجه هكتب تي دي كدهوت 90 مثلا وهعمل سيف وبعد كده اهوت هقوم معه واخد الكود ده كدهوت وهنزل تحت كدهوت مرتين هكتب هنا اهوت وهكتب مثلا اسم احمد بعد كدهوت اي دي تمانيه تمانيه تلاته عشرين واكتب مثلا ميه واخر واحد اسميه مثلا مصطفى واكتب 24 و80 يبقى احنا كدهوت باختصار عملنا ايه اول حاجه عندنا اللي هو الاتش تي ام بتاع عندنا قلنا بيتكون بعد كده تي فوت جواه اول روه اللي هو النيم بعد كده الاي دي بعد كده بعد كده عندنا تلاته او الرو عندنا محمد محمد دوت تحت النيم ورقم الاي دي تحت الاي دي واخر حاجه خالص اللي هي الجريد تحت الجريدات فلو جينا عملنا ورحنا للموقع بتاعنا فهتلاقي ان عملت لنا هنا كدهوت النيم بعد كده محمد احمد مصطفى والاي دي والجريد في عندنا مش بيفضل ان احنا نستخدمه لاننا بنستخدمه اكتر في السي اس اس وهو الخط اللي بيتحط حوالين التيبل نفسه فلو جينا كده هوت كتبنا في التيبل فوق كده كتبنا مثلا حجم البوردر واحد وعملنا سيف فهتلاقي ان في بوردر كدهوت اتحط لنا على بتاعتنا تعال بقى نروح لاخر حاجه عندنا في التيبول وهي التي فوت لو جينا كدهوت نزلنا خالص هنكتب تحت هنجمع مثلا مجموعه درجات فهنكتب تحت تي ار اللي هو اختصار التي وبعد كده التي دي هنكتب توتال كدهوت وبعد كده هنعمل ونكتب مثلا مجموعه درجات [موسيقى] تمام نعمل سيف كده اهوت فهتلاقي ان التوتال بتاع الضربات 270 بس في مشكله عندنا هو ليه اصلا ال 270 ديت اللي هي التوتال موجوده تحت الاي دي احنا كنا عايزينها تبقى موجوده تحت الجريد ديت كدهوت تبقى مثلا مكانها هنا كدهوت ايه اللي خلاها تبقى تحت الاي دي بكل بساطه لاننا عندنا الاي دي دوت ترتيبه التاني لو جينا طلعنا فوق كدهوت هتلاقي ان الاي دي الترتيب بتاعه تاني واحد وبرضو ال270 عندنا تحت ترتيبها التاني فهي هتبقى تحت الاي دي طب احنا عايزين نخلي التوتال ديت كدهوت تاخد مكانين هتاخد مكان النيم وتاخد مكان الاي دي بحيث ان 270 ديت تتحط تحت الجريد فعلشان نعمل كدهوت فيها بنستخدمه جوه التي دي هنكتب اللي هو وهنقول ان بتاع اتنين بحيث ان هو ياخد مسافتين ونيجي نعمل سيف كدهوت فهتلاقي ان توتال خدت وخدت مكان الاي دي وال270 بقت في الاخر خالص ده كده بالنسبه في حاجه لازم تكون عارفها وهي ان هو احنا اصلا لازم نستخدم التيهد بعد كده التي بعد كده التي فوت يعني احنا لو ما جيناش حطيناهم مثلا ديت مش هتتعمل لا هتتعمل عادي بس الفكره ان انت لو غيرت ترتيب حطيتها في اي حته في التيبل تمام هتفضل مكانها زي ما هي يعني مثلا تعال مثلا احنا حطينا تحت التي بودي لو جينا خدناها كدهوت وعملنا كوماند اكس كدهوت وحطينا فوق كدهوت فوق الهيد اصلا حلو كده وجينا عملنا سيف هتلاقي ان مكان التوتال موجود في نفس مكانه بالظبط لاننا معرفين ان دوت مكانه هتبقى في الاخر خالص اللي هو تحت التي بدي حلو كده لو انت بقى ما حطيتش التاجس ديت هتشتغل عادي وكل حاجه بس لو جيت غيرت الداتا غير مكانها هتتغير معك ويفضل ان انت تستخدم ندخل بقى على الاتش تي ام ال تاج اللي بعد كده وهو الزف دوت عباره عن كونتينر بيجمع مجموعه عناصر مع بعضها علشان خاطر تقدر تعمل عليهم ستايل بحيث ان انت مثلا تلونهم مثلا كلهم بلون معين او تخلي الخلفيه بتاعتهم مثلا لون معين وهكذا تعال كدهوت نشيل الكود اللي احنا عملناه في التيبل ده كده نرمشه كدهوت ونعمل كومنت نكتب مثلا في الديف كده هوت ونعمل اتش ثري اتش ثري دوت مكتوب فيه ماي سكيلز ونعمل برجراف البراجراف دوت موجود فيه ماي بروجرامنج كدهوت وبعد كده هعمل جواها الاي فيها الاسكيلز بتاعتنا اتش تي ام ال والسي اس اس وجافا سكريبت وبايسون كده ونيجي نعمل كدهوت ونشوف شكل الموقع عندنا هتلاقيني اتعمل والبرجراف واللفت بتاعتنا كدهوت طب انا بقى لو عايز اعدل على الخلفيه بتاعه اخليها مثلا اخضر فهنيجي كدهوت على ونعمل مثلا دوت كده اهو هنكتب مثلا الكولر او مش الكلر هكتب الخلفيه خليها جرين كدهوت وهنعمل سلاكت للبرجراف بقى بعد كده اهو ونعمل جرين اخضر برضو ونعمل سلاكه كدهوت اهي ونخلي الباك جراوند بتاعتها بخليها جرين اخضر لو جيت لاحظتها هتلاقي ان كل اليمنت متلون لوحده الهيدنج دوت له اخضر في مسافه هنا هوت وفيه مسافه هنا اهوت وظيفه الديف بقى ان هو بيجمع بقى كل اللي موجوده هنا اهوت وبيخليها في اليمنت واحد كدهوت اللي هو وتبدا بقى ان انت تخلي الباك جراوند بتاعت الضيف دوت اخضر فيلونك كل المحتوى اللي جوه ده فتعالى نقفل دي كدهوت ونيجي هنا ندخل بقى كل ده جوه هنيجي نكتب ديف كده اهو وناخد ده كده نطلعه فوق عشان نطلعه فوق كدهوت بدل ما تعمل كنترول اكس بعد كده كنترول في ممكن تدوس على زرار الالت او الاوبشن وتدوس على الاب اللي هو الزرار اللي بيطلع لفوق قدام كده اهو فبصت كدهوت ونعمل هتلاقي كده اهوت ان هم ايه كلهم تحت الدف هنيجي بقى نغير البادره وندور الخلفيه بتاعه الديف ده كدهوت هنخليها اخضر فلو جينا تاني هنا عندنا هنا في هنعمل سلكت بقى للديف كله كده هوت اللي جواه واللي جواه البروجرامنج بتاعتنا هنعمل بعد كده هنلونه هنكتب جرين فبص كده اهوت اللي حصل ان هو لون كل المحتوى اللي جوه ده بالنسبه لو انت عايز تغير الباك جراوند انت فيه طبعا يعني مجموعه ستايلات بعد كده ممكن تبقى عايز تعملها لمجموعه زي الهيدنج والبرجراف كده اهوت وعلشان تعمل دوت بتحطهم جوه علشان خاطر تعمل لهم نفس الاستايل بالضبط وممكن علشان خاطر يعني نفهم الفكره اكتر ممكن نعمل تاني كده اهو نعمل ده كده وهكتب بدل هكتب مثلا كده اهو وهعمل دي كده اهيت وهكتب كدهوت وهنزل تحت هنا هكتب مثلا اي حاجه بقى فوتبول كوره [موسيقى] مثلا كدهوت وممكن نشيل دي خالص يلا مش مشكله نعمل وهنروح نبص كده اهوت على طبعا انت قلت ان انت عملت الصفحه كل الصور اللي احنا كنا عاملينه هنا اهوت بيروح لان انت مش كاتب نفسه في الفايل فلو جينا كده اهوت عملنا هنيجي نخلي برضو بتاعته زي ما احنا جرين كدهوت ونستعمل اهوت ده مكانه هنعمل مثلا الباك جراوند كده اهو بص فانت كده عملت الاول جروب كدهوت وعملت تاني لتاني جروب وهكذا يبقى فايده الدفء ان هو بيجمع مجموعه مع بعضها علشان تقدر ان انت تعمل عليها تعديل معين في السي اس اس في عندنا بعد كده هي بتعمل نفس وظيفه بس الفرق ان هي بتنظم الكود لنا اكتر احنا عندنا في الموقع بتاعنا كده اهوت لو جينا عملنا طبعا كل حاجه هتتشال هتلاقي ان الجزء اللي في الاول ده كدهوت دوت لو جينا نزلنا تحت كده اهوت هتلاقي ان ده بنسميه سيكشن كدهوت وده برضو اهوت وده سيكشن وده سكشن وده كمان سكشن لحد اما بننزل للاخر خالص وده بيبقى في الاخر خالص اسمه فوتر يبقى احنا عندنا في السمانتك هنيجي تحت كده اهوت نكتب [موسيقى] كده اهوت عندنا في الاول خالص عندنا هيدر الهيدر دوت بنحط فيه الجزء اللي في الاول بتاع الويب سايت اللي هو مثلا زي اللاف بارك اللي احنا شفناه هنا كده اهوت كده اهوت تمام وبعد كده بننزل لتحت بنبدا بقى نحط htm تاج تاني اسمه مين تمام المين بقى دوت بيبقى جواه اكتر من كذا سيكشن ممكن تعمل واحد سكشن اتنين سكشن لحد ما تخلص موجوده في الصفحه بتاعتك وفي الاخر خالص بتعمل فوتر اللي هو بيبقى الجزء اللي تحت خالص دوت واحنا بنستخدم السمنتك عشان حاجتين اول حاجه ان هي بتبقى كويسه جدا في محركات البحث تاني حاجه يبقى انت لو جيت كتبت مثلا هنا هو تحت الهيدر اي كود كتبت كود يبقى ده الكود دوت خاص بالجزء بتاع لو عايز تعدل على الهيدر كله بنعمل سلكت في السي اس اس على الهيدر ونبدا بقى نغير الباك جراوند ونقدر نغير اي حاجه من خلال الهيدر دوت بننزل تحت كدهوت نروح بقى على احنا قلنا عندنا مثلا كلاس مثلا نكتب مثلا اباوت او اي دي اوف اباوت تمام عشان احنا عندنا اسم اباوت دوت مش هنكرره تاني يعني احنا عندنا سكشن واحد بس فهنستخدم اي دي افضل وتيجي بقى من السي اس اس تعمل ده كده اهوت وتبدا ان انت تعدل على الاستايل بتاعه تخلي بقى الباك جراوند او تغير مثلا حجم الخط اللي جوه السيكشن دوت او ان انت مثلا تخلي الكلر بتاع الفونت نفسه بيبقى متغير كل ده بتقدر تعمله لما بتعمل سلكت للاب اوت فيس وزي ما قلنا ان السيمانه بتعمل بالظبط نفس وظيفه ان هي بتجمع مجموعه مع بعضها عشان نعرف ان احنا نعدل عليها بالسياسي طب ليه احنا بنستخدمها قلنا علشان خاطر بتفيد محركات البحث الحاجه الثانيه ان هي بتبقى منظمه اكتر انا عارف كده اهوت ان احنا في الهيدر لو جينا كتبنا اي محتوى احنا شغالين على الجزء بتاع الهيدر انما لو احنا مع الناس تمنتج اليمنتس هتفضل تكتب بقى وهتلاقي الموضوع مش مش منظم خالص فدوت بيخلي الكود شكله افضل وكمان بيعرفك انت شغال في انهي جزء بالزبط ده كده اهوت بالنسبه للسمانتك هنيجي بعد كده نتكلم على الاوديو والفيديو الاوديو دوت هو المقطع الصوتي اللي انت بتحطه في الموقع بتاعك انما الفيديو طبعا كلنا عارفينه اللي هو الفيديو عادي لما بتيجي تحط فيديو مثلا على الويب سايت بتاعك وكده فهنيجي نشيل الكلام اللي احنا كتبناه في ده كده اهو ما عدا الهيدنج كالعاده كده اهوت وبعد كدهوت هنعمل كومنت كده اهوت هنكتب اوديو والاتش تي ام التاج اللي احنا بنستخدمه عشان خاطر نستخدم الاوديو هو اوديو هتلاقي عملك كدهوت اس ار سي اللي هو مصدر الاوديو دوت فين فاحنا في الفولدر بتاعنا اللي هو html كورس عملنا اوديو نزلنا اوديو كدهوت اسمه صوره الاخلاص حطيناها كدهوت فعلشان نعمل لها نفس اللي بنعمله بالظبط في الصور فهنيجي نحط ندوس على دوت كدهوت بعد كده هوت شرطه هتلاقي صوره الاخلاص مكتوبه هنا كدهوت هندوس عليها وبعد كده اهو في اتريوت تاني بنحطه علشان خاطر نعرف ان النوع بتاع دوت mp3 فهنيجي نكتب كدهوت وبعد كده ايكول عشان اعرف بقى هكتب ايه في بتاع الاوديو اللي هو mp3 بنيجي نخش كده هوت نعمل سيرش على ميمي ام اي ام اي كومن اللي هو الموقع اللي احنا هنخش عليه فهتلاقي اول لينك هنا كدهوت هتدوس عليه وهنعمل سيرش هتدوس على كنترول او كوماند اف ونكتب mp3 كدهوت وبعد كده ندوس انتر هتلاقي ان عشان خاطر تستخدم الاوديو اللي هو بتاعه بناخد اللي هو اوديو دوت ام بي جي هنعمل بعد كده هنيجي نعمل له كدهوت ونيجي نعمل دوت اسمه كنترولز كده اهوت عشان خاطر ده المسئول ان انت توقف الاوديو او تخليه يشتغل ونعمل ونروح نبص على الاوديو كده اهوت وندوس بلاي كدهوت بسم الله الرحمن الرحيم ده بالنسبه لو انت عايز تدخل مقطع صوتي طب لو احنا بقى عايزين نعمل فيديو ترندوس كدهوت على اتش ار عشان نفصل ما بين والفيديو ونعمل كومنت هكتب كدهوت فيديو وبعد كده هنستخدم بتاع الفيديو اللي هو فيديو كدهوت الاس ار سي دوت هو مصدر الفيديو دوت موجود فين على زرار الدوت بعد كده شرطه احنا حطينا اوديو وحطينا فيديو برضو اللي هو هندوس عليه كدهوت علشان نعرف برضو الطيب او النوع بتاع ده برضو هنخش على نفس الموقع هتلاقي mp4 كده هوت تحتيها هناخد فيديو سلاش ام بي فور كدهوت ناخدها ونيجي نكتب كدهوت ونعمل بيست وبرضو هنيجي نستخدم اللي هو كنترولز عشان خاطر يدي لك انك انت تقدر ان انت توقف الفيديو وتشغل الفيديو وهكذا نكتب كنت كده اهوت ونعمل هتلاقي طبعا يعني الفيديو اهوت حجمه كبير جدا جدا جدا كالعاده عندنا اتنين اتربيوتس الاتربيوتي دوت دول هم الويتس عشان تخلي حجم الفيديو عامل ازاي فهكتب كدهوت ممكن قبل الكنترولز هكتب مثلا 200 بيكسل والهايت اخلي لغايه مثلا 200 بيكسل كده اهوت والوتس خليها 300 بيكسل ونعمل سيف فهتلاقي شكل الفيديو عندك كدهوت وطبعا عشان احنا حطينا الكنترولز فهتقدر تفتح الفيديو عادي وتوقفه عادي جدا وعندنا بنستخدمها مع الفيديو زي مثلا اللوب لو جينا كتبنا بعد الكنترول دي كدهوت عملنا اللوب ده معناه ان الفيديو بتاعك دوت هيفضل يعني بعد اما يخلص هيفضل يتعد كل شويه من غير ما يقف خالص وفي برضو اللي هو اوتو بلاي اوتوبلاي اوتو بلاي دوت معناه انك انت اول ما تفتح الويب سايت على طول هتلاقي ان الفيديو اتفتح من غير ما انت تدوس على الزرار الخليك تفتح الفيديو ودوت كدهوت بالنسبه للاوديو والفيديو هنيجي بعد كده نتكلم على اخر موضوع عندنا في اساسيات وهي الفورم ازاي تعمل زي اللي احنا عاملينه في الويب سايت اللي انت هتعمله بنفسك اللي هو ده كده اهوت يلا بينا تعال نرجع بقى للموقع بتاعنا كدهوت ونشيل الكود اللي احنا حاطينه ده كدهوت كله العلاقه بالاوديو والفيديو وهنعمل كومنت كدهوت مكتوب فيه الفور وهنعمل اتش ثري هنكتب فيه كونتاكت قص ممكن نحط الاتش ثري فوق كده اهوت تحت الكومنت ده اللي بنستخدمه عشان خاطر بنستخدم الفورم هو فورم بس كدهوت الاكشن ديت هقول لك بتعمل ايه بس مش دلوقتي واحنا بنعمل بعد كده هنكتب دوت هو الحقل اللي بتدخل فيه البيانات وعندنا اسمه دوت بيقول لك هو نوع الحقل دوت ايه عندنا الحق دوت هو نوع اللي هو تيكست دوت انت تقدر تحط فيه اي نوع من البيانات ممكن تحط مثلا نحط مثلا حروف كده اهوت ارقام رموز كدهوت تقدر تحط فيه اي اي نوع بيانات انت عايز تحطه طيب انا عايز اعرف المستخدم ان الحقل دوت انت محتاج ان انت تدخل فيه اسمك فعلشان نعمل كدهوت احنا عندنا اتش تي ام ال تاج تاني اسمه ده كدهوت برده هنشيل كلمه فور وهنكتب نيم كده اهوت وهنعمل فهتلاقي ان اتكتب جنب الحقل كده اهوت نيم فالليبل وظيفته ان انت بتعرف الحقل هو المستخدم المفروض يحط ايه في الحقل دوت عندنا نوع تاني من زي الباسورد لو جينا نزلنا كده اهوت وعملنا تاني دوت هيبقى نكتب فيه باسورد كده اهو وتحتيها نكتب دوت التايت بتاعه باسورد كده اهو ونعمل هتلاقي ان اول حاجه عندنا انبوب دوت التايب بتاعه او النوع بتاعه يعني مش بياخد عرض الموقع كله فعلشان خاطر نخليه ياخد عرض الموقع كله احنا ممكن نحطه في بلوك هو مثلا هنيجي كده اهوت هنعمل هنا كده اهوت ونعمل كنترول اكس نعمل كده ونعمل طبعا فورمات نخليها تحت الضيف ده كدهوت فاللي حصل ان الديف دوت هو بلوك فخد حطهم في سطر كامل كدهوت وحط تحتيه الباسورد والانبوب بتاع الباسورد نفس اللي احنا عملناه في النيم هنيجي نعمله هو هو برضو بالظبط في الباسورد نعمل كده كنترول في من هو نعمل تاب وتاب وسيف فهتلاقي ان الاتنين كدهوت تحت بعض ممكن برضو نعمل ما بين دول عشان خاطر نخلي شكلهم افضل فهنيجي هنا كدهوت نكتب بي ار ونعمل فهتلاقي في مسافه هنا كدهوت طيب ايه بقى نوع الباسورد دوت الباسورد دوت انت بكل بساطه لو جيت كتبت اي حاجه هتلاقي حاطط لك كدهوت نقط علشان خاطر ما يعرفكش الباسورد دوت او الداتا اللي انت كتبتها ديت ايه هي عندنا بعد كده نوع تاني من الانبوت وهو لو جينا كده اهوت هنعمل مثلا هنا بي ار عشان خاطر نفصل ما بين الباسورد ونعمل بتاعه النوع بتاعه الصب مت كدهوت ونعمل سيف ونروح نشوف كده هوت شكل صدمه هتلاقي شكله عامل كدهوت طبعا احنا لو جينا دوسنا على اهوت مش هيوديك لاي حاجه لاننا مش مخليني الفورم دوت يروح لاي حته بعد كده لما نيجي نعمل الموقع بتاعنا هخلي الداتا للمستخدم هيحطها في الفرن يقوم باعتها للايميل بتاعك عندنا نوع تاني من الانبوت وهو الايميل تعال كده اهوت مثلا نعمل كومنت هكتب هنا ده اول حاجه وبعد كده اهوت هنا نعمل كومنت ان دوت باسورد وممكن ناخد بقى كدهوت ده كوبي ونعمل له تحت كده اهوت ونكتب ايميل كدهوت هنحط فيه ايميل عندنا هنا اهوت هكتب ايميل لو جينا عملنا سيف كدهوت وروحنا للكونتاكت بتاعتنا هنيجي نكتب مثلا في النم محمد والباسورد هنكتب اي حاجه كدهوت والايميل هكتب تست وادوس هيجي يقول لك ايه بقى هيجي يقول لك ان في علامه الات انت عامل لها مش موجوده مفروض ان انت تحطها فهنيجي نكتب ات جيميل دوت كوم كدهوت هنيجي نعمل للصفحه لاننا مش مودين الكونتاكت بتاعنا لاي حاجه فيها عندنا بنستخدمه هودر دوت احنا بنستخدمه لو احنا مثلا مش عايزين نحط ليبل اللي هو اسم النيم دوت او ان احنا عايزين ندي تعليمات او نعرف اليوزر او المستخدم رساله كدهوت نكتبها له جوه دوت زي ما احنا بالضبط عاملين في الموقع بتاعنا هتلاقي ان احنا شايلين الليبل من هنا كدهوت وحطيتيه مثلا هنا هوت اسم النمر نفس الكلام في الايميل ونفس الكلام برده في الماسنجر فهنيجي كدهوت عندنا في الكود وهنكتب جوه مثلا الانبوت بتاع عشان مش هيبقى له لازمه ونعمل كدهوت فهتلاقي كدهوت ومكتوب انتر نيم او ممكن ما نحطش انتر اصلا ونكتب كدهوت ممكن برضو نعمل نفس الكلام في الباسورد بليس هولدر باسورد ونشيل بقى كده اهوت وبرضو نفس الكلام تعال ناخد بقى دي كوبي ونعمل لها بيست هنا كده اهو بدل كلمه باسورد هنكتب ايميل وهنشيل برضو باسوورد وهكتب ايميل وهشيل كمان الليبل كده اهوت ونعمل سيف فهتلاقيه شلك الليبول بتاع النيم والايميل والباسورد اول ما نيجي نكتب اي حرف في اي حاجه فيهم هتلاقي كلمه النيم ديت هتتشال هنيجي نكتب محمد كدهوت الام هتلاقي اتشالت اي حاجه هنا اهوت واي حاجه هنا اهوت هتلاقي الكلمه ديت بتتشال اول ما بنكتب اول حرف عندنا جوه الانبوت والاتريبيوت اللي احنا هنستخدمه بعد كده هو ريكوارد دوت بتلاقيه مثلا لما حد يعمل سكيب لبعض الانبوتس كده اهوت وتلاقيه عمل من غير مثلا ما يدخل اسمه ومن غير ما يدخل الباسورد فبيجي يقول لك انت ما دخلتش الباسورد فارجع دخل او ارجع املا البيانات اللي انت سايبها او الحقول اللي انت سايبها وبعد كده اهوت ارجع دوس على تاني فاحنا مثلا مش عايزين نعمل كده اهوت لاي حاجه غير لما هو يدخل الاسم بتاعه فهنيجي كدهوت هنكتب جنب الانبوت كلمه ونعمل سيف هنيجي كده اهوت هندوس هيجي يقول لك انت ما دخلتش النيم بتاعك لو جينا دخلنا النيم وما دخلناش اي حاجه في الباسورد والايميل هندسه هتلاقي ان الفورم اتبعت عادي عشان احنا مش حاطين هنا هوت فهنيجي كدهوت نحط برضو ريكورد هنا برضو في الايميل كدهوت ونعمل هتيجي تعمل لازم تكتب اسمك ولازم تكتب الباسورد ولازم برضو لو جينا عملنا كده لازم تكتب ايميل ولازم الايميل كمان يكون كدهوت ونعمل هتلاقي الفورم اتبعت في عندنا بعد كده نوعين من الانبوتس اللي هم لو جينا كده اهوت شيلنا الكود ده كده اهوت كله وبعد كده هنعمل كومنت مكتوب فيه الراديو واتش ثري نكتب كونتري وبعد كده هنعمل الضيف ده في بتاعه او النوع بتاعه راديو وعندنا اتنين بنكتبهم النيم اكتب النيم كده نكتب كدهوت وتحت بنعمل ليبل كدهوت وهنشيل فور وهكتب ايجيبت كده اهو وهاخد الديف ده كده اهوت وهعمل له مرتين كده اهوت وهنيجي في الفاليو هنا كدهوت وهكتب سعودي هنكتب برضو سعودي اريبيا السعوديه وعندنا في الفاليو هنا برضو هنكتب قطر وممكن فليتش ثري هنا كدهوت نكتب ونشيل برضو الاتش ثري بتاع ده ونعمل نيجي نبص على الموقع عندنا هتلاقي بيقول لك اختار الدوله اللي انت فيها لو جيت اخترت مصر كدهوت هيختار مصر لو جيت اخترت السعوديه هتشيل الفاليو من مصر وتحطها على السعوديه نفس الكلام لو جيت اخترت قطر لازم تكون عارف حاجات كويس وهي ان دوت لازم يكون في التلاته واحد ليه لان دوت اللي بيربط ما بينهم يعني احنا جينا مثلا شيلنا كتبنا هنا وهنا كتبنا كونت ثري التلاته ما لهمش دعوه ببعض هنيجي نعمل سيف كدهوت ولو جينا اختارنا مصر هنقدر نختار مصر ونختار السعوديه ونختار قطر لان كل واحد مش متصل بالتاني فاحنا المفروض نخلي الميم بتاع التلاته واحد كدهوت ده كده هوت في حاله الراديو تعالوا نعمل كومنت كدهوت ونكتب تشيك بوكس ونحط اتش ار فوق هنا كده اهوت عشان نفصل ما بين الراديو والتشيك بوكس ونعمل اتش ثري مكتوب فيه السكيلز او اختار المهارات بتاعتك وهنعمل كدهوت النوع بتاعه شيك بوكس والنيم هيبقى لازم طبعا قلنا ان الميم هيبقى واحد في التلاته هنكتب html وبعد كده بعد هنكتب دوت هنحط جواه اتش تي ام ال بنعمل ولو جيت لاحظت حاجه هتلاقي ان احنا في التشيك بوكس والريديو احنا حاطين الليبل بعد مش قبل الانبوت لاننا لو جينا مثلا كدهوت هنا وعملنا الليبل قبل وجينا عملنا فهتلاقي ان قطر مكتوبه كدهوت على الشمال وبعد كده الانبوت اللي هنعمله تشيك وعاده دوت مش بتلاقي بتلاقي الاول بعد كدهوت فهنيجي نحط الليبل كده هوت تحت نكمل تعال بعد كده اهوت نعمل بقى من الضيف ده هنعمله مرتين كمان كده ونغير الفاليو بدل ممكن نعمل بقى ايه نغير اكتر من حاجه في نفس الوقت يعني مثلا هندوس على احنا دلوقتي عملنا هتدوس على كنترول دي فهتلاقي عملت دي هنعمل لها وهكتب سي اس اس هنيجي برضو هنا كده اهوت هنعمل لها وهنعمل كنترول دي او كوماند دي ونعمل ديليت بعد كده نكتب جافا ونيجي نعمل سيف كده هوت ولو جينا عملنا تشيك هنيجي نعمل ونعمل الفرق ما بين ان انت تقدر تعمل اكتر من كذا حاجه انما بتعمل سلكه لحاجه واحده بس انت يعني جنسيتك مش هتبقى من اكتر من دوله يا مصري يا سعوديه يا قطري مثلا حاجه من الثلاثه انما مثلا ممكن يكون عندك اكثر من مهاره عندك اكتر من سكيلفه بتختار اكتر من كذا حاجه بتشوف انت ايه اللي موجوده عندك في الاختيارات وتعمل لها فده الفرق ما بين التشيك بوكس وما بين الراديو هنيجي بعد كده نتكلم على التيكست زي بالظبط المسج دي كدهوت هو او حقل بتقدر تحط فيه اكتر من كذا حاجه او بتكتب مثلا برجراف او كلام جوه الحقل فبنحطه جوه طبعا نقدر نتحكم في حجمه ونطلعه فوق او ننزله تحت كدهوت فتعالى نخش هنا كدهوت ونعمل كومنت الكومنت دوت مكتوب فيه ونكتب هتلاقي ان في نيم وفي اي دي وفي الروز احنا اتكلمنا عنه هنا هوت والاي دي دوت احنا بنستخدمه عشان خاطر لو هنعمل فهنشيل الاي دي كدهوت والنيم ممكن نكتب مثلا هنا هوت مسج كدهوت والكولومز والرو ده بيبقى حجم التيكست اريا عامل ازاي فتعالى نعمل ونشوف فدي كدهوت شكل احنا عندنا عاملين 30 كولوم الكولوم دوت اللي هو اللي بالطول وعشره روز لو احنا عايزين نخلي طولها كده هوت يعني اطول شويه فهنزود عدد الروز فبدل عشره ممكن نخليه مثلا 40 نعمل فهتلاقي بص تولد مننا خالص ولو عايزين نزود بقى عدد الكولومس ممكن نخليها من 30 ل 50 كدهوت ونعمل سيف فهتلاقي ان العرض بتاع التكست اريا زاد طيب احنا هنصغر شكل التيكست اريا كده ممكن نخليها خمسه روز و20 كولوم ونعمل سيف وممكن نحط بليس هولدر نكتب كدهوت مسج عشان خاطر اليوزر لما يجي يشوف يدخل مثلا رساله معينه ونعمل وده كدهوت شكل المسدج تقدر طبعا يعني تكبرها كدهوت او تصغرها وانت في الموقع عشان خاطر لو هتكتب مثلا برجراف كبير ولا حاجه اخر حاجه هنتكلم عنها في الفورم وهي تعال نشيل الكود ده كده تاني ونوصل لحد هنا كدهوت نعمل له ونعمل كومنت مكتوب فيه سلكت ونعمل كدهوت اتش ثري هكتب فيه [موسيقى] ايه هو مثلا المتصفح المفضل لك السلكت دي بقى عباره عن ايه عباره عن ليست كبيره كدهوت طويله واحنا بنختار من الليست دي كلها ايتم واحد او حاجه واحده زي مثلا عندنا هنكتب الفيفرت براوزر هنيجي نكتب [موسيقى] جوه سلكت في عندنا اوبشن الفاليو بتاعه الاوبشن هنقول ان هو رقم واحد وهنكتب مثلا ايدج كدهوت ونعمل بقى هكتب مثلا اتنين هنا كده اهو وكروم وبعد كدهوت فاير فوكس وبعد كده اهوت سفاري رقم خمسه فلو جينا عملنا للموقع بتاعنا هتلاقي ان هو بيقول لك القهوه هتختار مثلا منه حاجه واحده او ايه هو اللي انت بتستخدمه او مثلا لما يجي يقول لك اختار بتاعتك بتلاقي كدهوت لسه طويله كده اهوت من كلها وانت بتختار الدوله بتاعتك مثلا هنختار مصر ولا حاجه وده بالنسبه طيب احنا لما نيجي نعمل هتلاقي بتظهر طب انا لو مش عايز الديفولت يبقى هوت ممكن اجي كده اهوت عندنا هنيجي كدهوت نعمل نكتب كده ونعمل فهتلاقي لما نيجي نعمل دوت للصفحه اول حاجه هتظهر لنا هي الكروم وبس كده وبكده تكون عرفت الاساسيات اللي المفروض تعرفها عن الفورم وفي الويب سايت اللي احنا المفروض هنيجي نعمله هنتعلم حاجات جديده وبكده نكون اتعلمنا اساسيات الاتش تي ام ال في مصطلحات ثانيه احنا طبعا ما تكلمناش عنها لانك نادرا ما هتستخدمها ما فيش كرسي في الدنيا اعلمك كل حاجه عن الاتش تي ام ال انت المفروض انك تفهم كويس الاساسيات ومع التطبيق العملي هتزود من خبرتك في الاتش تي ام ال وعلشان كده احنا هنستخدم بعض الاساسيات اللي احنا تعلمناها مع بعض وهنعمل بس في الاول انا عايزك تتاكد انك فاهم كل اتش تي ام ال تاج احنا اتكلمنا عنه لان الكورس دوت ركز على كل التاجز اللي انت هتستخدمها بعد كده في شغلك اهم حاجه عندنا هي الفهم مش الحفظ لانك لو جيت نسيت تاج بعد كده ممكن تعمل عليه سيرش على جوجل وتفتكر اللي انت نسيته فلازم تتاكد كويس ان انت فاهم مش حافظ بعد اما تتاكد انك فاهم كل المواضيع اللي احنا اتكلمنا عنها عايزك تدخل على اللينك بتاع الويب سايت اللي احنا هنعمله هسيب لك اللينك في الديسكريبشن وتشوف الويب سايت وتحاول تعمله بنفسك من غير طبعا ما تدوس على وتشوف الكود وبعد ما تعمله كمل معي الفيديو وشوف احنا هنعمل مع بعض الويب سايت ازاي لان في حاجات جديده انا اجلتها لك لحد الجزء بتاع الويب سايت علشان خاطر ما عقد لكش الدنيا واحنا بنتعلم وبس كده يلا بينا اول حاجه هنيجي نعملها هي اننا هنعمل فولدر جديد الفولدر دوت هنسميه نعمل نيو فولدر كدهوت وبعد كده اهوت نروح على الفيديو الاستوديو كود هندوس على فايل بعد كده اهوت اوبن فولدر هنختار الفولدر بتاعنا اللي هو بورتفوليو وندوس هنيجي نعمل جديد الفايل دوت هنسميه اندكس دوت اتش تي ام ال ويفضل برضو انك انت تسمي علشان ما نواجهش مشاكل واحنا بنرفع الموقع بتاعنا على النت لان في بعض الاستضافات بتحدد ان الميم برانش بتاعها هو فاحنا هنيجي نعمل الفايل بتاعنا كدهوت ونقفل ديت ونصغر التاب ديت واول حاجه هنيجي نعملها وهي ان احنا عندنا حاجه اسمها دوت انت بتدوس على زرار الشيفت بعد كده زرار الاكسليميشن مارك كده اهوت وبعد كده تدوس انتر يقوم كاتب لك وهكذا احنا عندنا الاتنين متر دول دول بنستخدمهم عشان خاطر نخلي الويب سايت بتاعنا ده معناه ان هو يبقى شكله كويس على الموبايل وعلى التابلت وعلى الديسك توب يعني لو جينا هنا كدهوت مثلا وعملنا واختارنا كدهوت علامه الموبايل فهتلاقي ان شكل الويب سايت كده هوت على الموبايل ولو جينا عملنا كدهوت اخترنا وكبرنا دي كده اهوت ده شكله كده اهوت على الديسك توب وهكذا فتعالى نرجع تاني عندنا بتاعنا واول حاجه هنيجي نعملها هي اننا نخلي هتحط طبعا فيه اسمك انا اكتب محمد الكاشف كدهوت وممكن نعمل ميته كدهوت هكتب فيها ايام محمد الكاشف وهنزل تحت بقى كدهوت على البادي اول حاجه هنيجي نعملها وهي هنعمل اول سكشن عندنا واللي بيتكون من صوره اللي هو محمد الكاشف وبرجراف مكتوب فيه وبرضو البرجراف دوت فهنجيء نعمل ايدر احنا قلنا هنستخدم نكتب اهوت الجزء الاولاني فيه احنا حطينا في الفولدر بتاعنا صوره لنا انت برضو حط صوره لك كدهوت وهنيجي نكتب دوت شرطه هنختار لوجو دوت بي ان جي وهكتب محمد الكاشف كدهوت وهنزل تحت هعمل برجراف البراجراف دوت مكتوب فيه تايتل بتاعنا [موسيقى] كدهوت والتايتل دوت مال شويه فهنستخدم الاي اللي هي الايطاليك ناخد كدهوت كنترول اكس ونكتب هنا اهوت كده كنترول في وهننزل تحت نعمل برجراف تاني هنكتب فيه اي هاف سترونج موبايل فريندلي ويب ابليكيشن بعد كده هننزل تحت شويه كده ونعمل اتش ار عشان نفصل الجزء بتاع ونعمل سيف وهنيجي نفتح الفايل بتاعنا باللايف سيرفر فهتلاقي الفايل بتاعنا شكله عامل كدهوت طبعا الصوره حجمها كبير جدا فاحنا هنستخدم بعد هكتب هخليه 150 بيكسل والهايت 150 بيكسل انت برضو يعني حط على اساس ان يكون شكل الصوره مناسب مع الويب سايت نفسه ونيجي نعمل سيف هتلاقي ان شكل الصوره بقى احسن شويه احنا ممكن نعمل نصغر كدهوت الويندو عشان احنا عاملينها يعني زوم 125% وندخل بقى على اللي بعد كده اللي هو اباوت مي في السن والايميل والفون نمبر والتلاته لينكس بتاع الفيسبوك وانستجرام وجايب فهنيجي نعمل المين تاج كده اهوت وتحت لمين هنحط بقى كل السيكشنز اللي احنا هنعملها تعالى نعمل كومنت الاول هكتب فيه اباوت قص كده اهوت وهكتب دوت هحط فيه اتش تو مكتوب فيه وتحت اعمل كده اهوت مكتوب فيه السن بتاعي 21 وهنعمل برجراف تاني مكتوب فيه الايميل محمد الكاشف سيرتي 8 جيميل دوت كوم وبعد كده برجراف تالت هنكتب فيه الفون نمبر فون نمبر انت بقى حط رقم تليفونك انا هكتب كدهوت من واحد لتسعه وهنيجي بعد كده اهوت نحط تلات لينكات هنكتب ايه ونعمل لها ثلاث مرات اول لينك للفيسبوك فيسبوك وتاني لينك انستا جرام وتالت لينك واللينكات ديت اخدها من الويب سايت بتاعنا نخش كدهوت اخد اللينك بتاع الفيسبوك ونقفل التاب دي كده ونحطه هنا بعد كده نخش على انستجرام هناخد اللينك كدهوت ونقفله نكتب برضو نفس الكلام هنا كدهوت هاخد كوبي وبعد كده اهوت نرجع اللي احنا هنعمله ونعمل كدهوت واحنا عايزين اللينك دوت لما تدوس عليه يوديك لتاب تانيه فهنيجي ندوس على زرار الالت او الاوبشن في الماك هتفضل دايس عليه بعد كده هندوس هنا بالماوس وهنا كمان كدهوت بالماوس وهنيجي نكتب كده اهوت ونعمل وننزل تحت السيكشن دوت هنعمل اتش ار كدهوت ونعمل ونبص على الموقع بتاعنا هتلاقي ان احنا عملنا اهوت لينك والسن والايميل والفون نمبر هنيجي ندوس على فيسبوك هيوديك لي صفحه تانيه وهكذا بقى انستجرام وجيت تمام بس كده تعال بقى نخش على اللي بعده وهو هنيجي كدهوت نعمل تاني في الاول هنكتب كومنت هنكتب كدهوت وهننزل نعمل كدهوت كل ده طبعا تحت المين سيكشن وهنكتب فيه اتش تو مكتوب فيه كدهوت وهننزل تحت نعمل برجراف الاولاني هنكتب في الجامعه بتاعتنا مصر يونيفرستي فور اند تيك نولوجي ونعمل بي ار عشان نفصل ما بين اسم الجامعه واسم الكليه هكتب كده كدهوت واعمل بي ار تاني عشان اكتب الفتره اللي انا فيها او الفتره اللي المفروض اخلص فيها بدات امتى وخلصت امتى 2019 ل 2023 اللي هي السنه دي اللي تخرج ان شاء الله في خير وهنيجي بعد كده نعمل برجراف تاني البرجراف ده في المدرسه بتاعتنا دكتور احمد زويل لانجوتش سكول ونعمل بي ار برضو بريك لاين هنكتب فيه المده اللي احنا دخلنا فيها المدرسه واللي خرجنا منها 2006 ل وننزل نعمل اتش ار كده اهوت وندوس سيف ونبص على الموقع بتاعنا هتلاقينا عملنا كدهوت اللي هو في الجامعه بتاعتنا وفي المدرسه بتاعتنا برضو السيكشن اللي بعد كده وهو المهارات بتاعتنا او الاسكيلز هنيجي نكتب كدهوت كومنت تاني هكتب فيه وهعمل دوت موجود فيه اتش تو هنكتب كدهوت طبعا انت تحط بقى الاسكيلز بتاعتك اعمل من جواها الاي وهكتب اتش تي ام ال كده اهوت وهعمل بقى دي كده اهوت هكتب هنا اهوت سي اس اس وجافا ونعمل هننزل برضو نعمل اتش ار عشان نفصل ما بين السيكشن اللي قبله ونعمل فهتلاقي السيكشن بتاعنا اهوت اللي هي الاسكيلز بتاعتنا هنيجي بعد كده نعمل بتاعتنا فهنروح نعمل كومنت تاني هنكتب فيه ونعمل دوت هنكتب فيه اتش تو مكتوب فيه ماي هوب كده كدهوت وهنزل تحت هعمل بقى نكتب تيبول كده هوت التابلت فيهاد التي هيبقى فيها النمبر والنيم فهنيجي نكتب كدهوت بعد كده اول حاجه هي النمبر بعد كده اهوت النيم وتحت بقى هنعمل كده اهوت وهنكتب تي ار اول حاجه عندنا طبعا الارقام عادي فهنكتب واحد ده اول حاجه بعد كده اهوت فوتبول وناخد بقى الكود ده كدهوت كوبي كدهوت هنعمل له كدهوت هنيجي هنا اهوت نكتب اتنين وهنكتب بس كده بول وهنيجي نكتب هنا تلاته ونكتب واربعه هنكتب بلاي ستيشن بلاي ستيشن ومش شرط طبعا ان التيبل يكون لها بعد ممكن ممكن وبس كده يعني هنيجي نعمل بقى تحت السيكشن بتاعنا دوت اتش ار عشان نفصل ببعضها ونعمل سيف كدهوت ونروح نبص على بتاعنا فهتلاقي ان التيبو اللي اتعملت عندنا كدهوت احنا محتاجين طبعا نحط بودر ما حطيناهوش هنطلع فوق هنا اهوت كده عند التيبل وهنكتب بوردر واحد طبعا ده قلنا ان هو بيفضل ان احنا نعمله فهتلاقي ان التيبول بقى شكلها كدهوت لو يطلع برضو هتلاقي ان عرض التيبل ديت اكبر من عرض فاحنا عشان خاطر نزود العرض فهنيجي هنا كدهوت هنعمل هنسميه كدهوت وهنكتب 30% 30% دوت يعني 30% من عرض الويب سايت يعني العرض ده كده كله ميه في الميه احنا عايزين ناخد 30% لو جينا كتبنا كدهوت ميه في الميه وبرضو هنا اهوت ايميل وهو برضو ريكوارد وهنيجي هنا نكتب الباسورد باسورد وبرضو ريكورد هنيجي اخر حاجه هنعمل وديت مش لازم تكون ريكورد هنكتب جواها كدهوت المسج والاي دي هنشيله دلوقتي والكولوم هنخليها 40 والروز زي ما هي عشره وهنكتب كدهوت انتر مسج ونحط تلات نقط ممكن نكتب هنا اهوت كده اهي وهنحط مش عارف نسيتها احط ونحطه هنا كدهوت نحط هنا كده واخر حاجه عندنا وهي هنكتب اهوت الاسم اللي هيتحط مش اسم صدمتها نكتب سند ونيجي نعمل سيف كده هوت ونروح نبص على شكل الفورم عندنا اهيت ده كدهوت شكل الفورمه انا ما حطيتش مكتوب فيه كونتاكت قص فهنطلع فوق هنا كدهوت هنعمل كومنت هنكتب فيه كونتاكت ونحط كدهوت اتش تو هكتب [موسيقى] تعال نبص على شكله كدهوت ده شكل الفورم بتاعنا عايزين بقى لما المستخدم يدخل الداتا بتاعته هنا اهوت يقوم باعتها للايميل بتاعنا فهنيجي ندخل على موقع اسمه هنخش على الموقع كدهوت واول حاجه هنيجي ناخد اللينك ده كدهوت كوبي كدهوت كل ده هنعمل كوبي بعد كده اهوت نروح فين هنروح عند الاكشن هنكتب كدهوت هنيجي نشيل الكوتيشن مارك كدهوت وهنيجي نحط في الجزء هنا ده كدهوت هنحط الايميل بتاعنا انا حطيت الايميل بتاعي قبل كده فمش هيطلب مني ان انا اعمل فهحط ايميل تاني هكتب ايه الكاشف جيميل دوت كوم وعامل سيف كدهوت وهاجي من الفريش وادوس احط داتا بقى اكتب محمد ايميل تيست جيميل دوت كوم والباسورد واحد اتنين تلاته وهكتب هاي فهيجي يقول لك ايه بقى هيجي يقول لك ان هو هيبعت لك رساله للايميل دوت علشان خاطر يعمل بتاع الايميل الاكيد ان الايميل ده فعلا بتاعك فانا هدخل على الايميل وهعمل دوت وغالبا مش هتلاقي الميل اتبعت لك على الانبوكس هتلاقيه كده اهوت في الاسباب ممكن تدخل على الاسباب وهنيجي بعد كده اهوت نعمل نبعت الفورم تاني نيجي ندوس هيقول لك ان عايز تعمل الباسورد هكتب بقى اتنين تلاته ادوس سند كده اهوت فهيقول لك اعمل ان انت فيقول لك ايه ان الفورم والسب ماتت ساكسي وبكده نكون اتعلمنا اساسيات الاتش تي ام ال وطبقنا على اللي احنا اتعلمناه بحيث ان انت عملت موقع شخصي بنفسك واتبقى لنا اننا نرفع الموقع اللي انت عملت دوت على النت مجانا وعلشان كده احنا هنعمل فيديو تاني منفصل بنشرح فيه ازاي انك انت ترفع الموقع بتاعك على النت مجانا باستخدام وهسيب لك اللينك بتاعه في الديسكريبشن وبس كده لو عجبك الكورس ما تنساش تدعم المحتوى بلايك وتعمل للقناه علشان دوت بيساعد في انتشار المحتوى جدا اشوفك بقى الفيديو الجاي سلام