كورس html كامل بالعربي | ماذا ستتعلم في هذه الدورة؟
HTML-код
- Опубликовано: 7 сен 2024
- ماذا تعني لغة الترميز HTML؟ ما هي أنواع الوسوم - Tags أو عناصر HTML؟ وما هي المكونات الأساسية لعناصر HTML؟ وشرح باللغة العربية خطوة بخطوة لـ تعلم لغه html، كيفية إنشاء صفحة ويب بإستخدام أكواد HTML
________________
للتواصل معي
حسابي على instagram :
/ abdelrahman_noufal
حسابي على فيسبوك :
/ abdelrahman.g.nofal
الجروب الخاص بنا :
/ 1810581845642171
________________
روابط مهمة جداً
رابط موقع w3shools
www.w3schools....
اختبار html في اكاديمية نوفيل
nouvil.net/pro...
________________
تحميل محرر الاكواد visual studio لاجهزة الكومبيوتر
code.visualstu...
_______________
كورس css في فيديو واحد هنا
• تعلم css في فيديو واحد...
________________
ماهي لغة الترميز HTML؟
الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.
وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من وعلامة أكبر ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.
ما هي أنواع الوسوم Tags؟
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال img و input
النوع الثاgي: وهو عبارة عن وسم يصف ما بداخله من نصوص ، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
كيفية إنشاء صفحة ويب
نبدأ أولا بفتح برنامج notepad ثم من خلال القائمة File نقوم بحفظ الملف عن طريق إختيار الأمر Save As، وبعد ذلك سوف تظهر نافذة نكتب في خانة (إسم الملف - File Name) أي إسم من إختيارك فليكن مثلا test.html ويجب كتابة إسم الملف مع إمتداد الملف ولكتابة أكواد HTML يجب أن يكون إمتداد الملف إما (.html أو .htm) و في النافذة من الخانة Save as type سوف نختار All Files وفي خانة (Encoding) سوف نختار UTF-8 وذلك لكي يدعم الملف كتابة اللغة العربية ثم نضغط Save، والشكل التالي يوضح الخطوات بالتفصيل.
بعد إنشاء الملف ومعرفة المكونات الأساسية لعنصر من عناصر لغة الـ HTML سوف نبدأ بكتابة الأكواد الأساسية لإنشاء صفحة ويب (أو يمكنك نسخ محتويات المربع التالي في الملف) وبعدها سوف أشرح كل عنصر بالتفصيل.
ووظيفته أن يصف للمتصفح أن الكود المستخدم هو بلغة HTML، أما الوصف lang فوظيفته أن يصف للمتصفح أن محتويات صفحة الويب سوف تكون باللغة العربية، وذلك لأننا إخترنا القيمة ar أما إذا كان المحتوى باللغة الإنجليزية فيمكن أن تكون قيمة الوصف en. وقمنا بوضع وسم البداية (Opening Tag) في أول الأكواد وفي نهاية الكود كتبنا وسم النهاية (Closing Tag)، وبعد ذلك سوف نقسم الصفحة إلى قسمين رئيسيين أولهما ومحتوى هذا الوسم لا يظهر في المتصفح، ولكنه يحتوي على معلومات عن الصفحة وعن كيفية عرض محتويات الصفحة وذلك بإستخدام العناصر وثاني قسم في صفحة الويب وكل ما يكتب بداخل هذا الوسم هو ما يتم عرضه وتنسيقه من خلال المتصفح
ما هي لغة ترميز النص الفائق؟
لغة ترميز النص الفائق هي ليست لغة برمجيّة بل لغة وصفيّة (markup language) تعمل على وصف هيكلة محتويات صفحات الويب. تتألف لغة ترميز النص الفائق من مجموعة من العناصر (elements) تُستخدَم لاحتواء الأجزاء المختلفة من المحتوى لتجعله يظهر بطريقة معينة. فيمكن استخدام الوسوم المغلقة (enclosing tage)، مثلاً، لإضافة رابط تشعبي لكلمة أو لصورة يشير لموقع آخر، كما يمكن استخدامها لجعل الكلام مائل أو لتصغير الخط وتكبيره. لنأخذ النص التالي كمثال:
ماذا ستتعلم في كورس تصميم مواقع الويب و كورس html
مقدمة عن تصميم المواقع الالكترونية وأنواع المواقع وطرق تصميم المواقع
التعريف ببرامج تصميم المواقع المختلفة و مميزات كل منها
التعريف بلغة HTML المستخدمة في تصميم المواقع
شرحة بنية ومحتويات ملف HTML
شرح tags and containers
شرح انواع content models in HTML5
أساسيات HTML
شرح المسافات الفارغة والتعليفات في الكود
النصوص والفقرات
تنسيق الملف
اضافة صور الى موقعك
اضافة فيديوهات الى موقعك
اضافة صوتيات الى موقعك
استخدام block and inline tags
Displaying characters with references
Metadata and the Document Head
اضافة الاسكربتات للملف
استخدام الميتا تاج Meta Tag
طريقة تهيئة الصفحة لمحركات البحث
النصوص
HTML5
استخدام الجداول Tables
شرح وأستخدام أجزاء الجداول
Grouping columns
القوائم في لغة html
اضافة نوافذ مواقع اخرى الى موقعك
اضافة فيديوهات يوتيوب الى موقعك
التعامل مع ال input بمختلف اشكالها
دي قائمة تشغيل الدورة بالكامل
ruclips.net/p/PLknwEmKsW8OtLRQPTLms79499meY2D6ij
لو وقفت معاك حاجة كلمني هنا
instagram.com/abdelrahman_noufal
جزاك الله خير ان شاء الله انا بدات CS50 ,وان شاء الله هخلص وادخل على HTML بالتوفيق ان شاء الله
جزاك الله كل خير
@@rushbook9208 هل لازم احضر كورس cs50 قبل الدخول عالم البرمجة يعني؟
@@majdanasri964 الافضل اعملى كده علشان تعرفى بعنى اى كمبيوتر وتبدى صح دى نصيحه منى مهة كده علشان مش تتوهى وبالتوفيق ان شاء الله
﴿ إِنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلَى النَّبِيِّ ۚ يَا أَيُّهَا الَّذِينَ آمَنُوا صَلُّوا عَلَيْهِ وَسَلِّمُوا تَسْلِيمًا﴾.
اقسم بالله من افضل قنوات في اليوتيوب
صارلي سنة بحاول الاقي دورة مثل هيك هالحين لاقيتها ومجانا
شكرا لكم من قلب فلسطين من غزة العزة
وجحزاكم الله خيرا
اللهم انصر غزة و اهلنا في فلسطين اجمعين معاكم قلبا و روحا اخواننا في غزة و مقاطعين اليهود الى يوم الدين ان شاء الله اخوكم من مصر
يارب تكون بخير
طمننا عنك
شكرًا يا بشمهندس علي تعبك معانا💙
ممكن مساعدتي
جعل الله ثواب نشر هذا العلم في ميزان حسناتك وزادك علما وسعه في الرزق والفهم
سبحان من جعل القبول في اسلوبك
افضل واوضح شرح مختصر وبنفس الوقت لا يهمل اي نقطة بالمجال متكامل سهل الفهم
كان عندي خوف من ضعف لغتي الانكليزية وانو ممكن ما اقدر كمل بسببه لكن الحمدلله اللي طلع قدامي هاد الكورس ببداية رحلة تعلمي حاليا انا خلصت html css bootstrap وبدات بايثون حبيت علق على اول فيديو لطمن كل شخص عم يحاول يبدأ انو عالطريق الصح
جعله الله في ميزان حسناتك وبارك لوالديك بك وبارك بهما من سوريا شكر كبيير
ماشاء الله تبارك الرحمن غاية في الصفاء الروحي و الإصطلاح مع النفس اللهم ارزقنا معرفة الرجال أيها الرجل الكنز حفظك الله ورعاك أخي
السلام عليكم أستاذ عبد الرحمن...أود أن أحييك تحية كبيرة على مجموعة فيديوهاتك المفيدة جدا وعلى مجهودك الرائع المبذول...إن شاء الله في ميزان حسناتك...من غزة العزة
والله انت جميل جدا ؤبنا يجزيك خير انا عندى 16 سنه وبتعلم برمجه ارجوك تكمل وتشرح اهم اللغات وكمان لغه java وربنا يجعلو فى ميزان حساناتك💗
ممكن افضل لاب للبرمجه ويكون نظام تشغيل لينكس بسعر 7000ج
والله طريقتك بشرح ممتاز جدا جدا بصراحه كتير ناس بيعطو كورسات بس بطريقتك مبسط ومفهوم مش بيعطي يسلم ايدك نشالله تضل عطول ناجح
صراااااحه انت اسطووووره وتساعدنااااا كثيرررر الله يجزيك الف خير ياأستاذنا الغالي واتمنى ان تقوم بتكمله Cs50 لأنك شرحته والله افضل من ديفيد
لو سمحت م فائدة كورس cs50
عاش👈❤️
انا فرحت جدآ اول ما شفت الكورس
انا من محبيك
مستنيين الcss
والjs❤️❤️
ربنا يبارك فيك بجد حضرتك من الناس اللي حببتني في البرمجة وخلتني افهمها ❤️❤️❤️
"شكرًا لكم على الجهود الكبيرة في تحفيز الفهم وتحقيق التقدم. أنتم القوة الدافعة وراء نمو الأجيال." مع تحيات منصات سمايلي
والله انك مبدع في الشرح وافضل واحد فهمت منه
ربنا يسعدك زي ما انت بتسعد غيرك بالشرح
و الله يا بشمهندش عبدو انا بجد بتتعلم منك كتير و بتعلم بردو من اساتذه تاني بدون ذكر اسماء ولكن اقسم بالله حضرتك اكتر واحد بتوصل ليه المعلومه بشكل رائع بجد و انا هكون فخور بجد في المستقبل لما حد يقلي مين استاذك و اذكر اسم حضرتك 😀
اسأل الله العظيم رب العرش الكريم ان يرزقك النجاح الدائم.
استاذ عبدالرحمن متنساش css. Javascript
مادة الدورة ممتازة وقيمة... بارك الله في مجهوداتك
أقسم بالله انت برنس ورجال محترم ربنا يديك الصحه ❤️❤️❤️ ناقص بس css وتبقا عالمي💜💜💜
بسجله اهو والله و ان شاء الله هينزل في اسرع وقت على القناة
@@AbdelrahmanGamal إن شاء الله ربنا يكرمك ويفتح عليك من ابواب رزقه ورحمته ❤️❤️
@@AbdelrahmanGamal ممكن تكمل كورس cs50
(الّلهمَ صلِّ على محمَّد وآلِ محمَّد)
ما شاء الله تبارك الله
أستاذ متمكن من المادة والتيسير والتلخيص
جعلها الله في ميزان حسناتك
من بغداد
يا بشمهندس انا لما بشوف اي إشعار لحضرتك بفرح جدا والله... حضرتك ليك فضل عليا في تعلم الورد بريس والربح من خلاله. الف شكر لحضرتك
يا حبيبي ربنا يخليك يارب متشكر جدا
الربح من خلاله ممكن تدينا فكره الربح ؟
@@mahersalahs2233
بدئت اعمل علاقات مع العملاء اللي عندي في الشغل وافهمهم انه ممكن اعمل ويب سايت بسعر مناسب وفي وقت قياسي والحمد لله بدء يجيني شغل مع اكتر من عميل واللي بيعجبه الشغل بيرشحني لمعارفه وهكذا ونزلت كمان شغل ثابت بمرتب مع شركة عن بعد
ممكن توضح لنا الفكرة
@@MohamedEmad-nk7yy
بدئت اعمل علاقات مع العملاء اللي عندي في الشغل وافهمهم انه ممكن اعمل ويب سايت بسعر مناسب وفي وقت قياسي والحمد لله بدء يجيني شغل مع اكتر من عميل واللي بيعجبه الشغل بيرشحني لمعارفه وهكذا ونزلت كمان شغل ثابت بمرتب مع شركة عن بعد
وربنا انت اسطوره وانا جيبتلك متابعيين كتير جدا ونشرت قناتك ف كل مكان ❤
حبيبي ربنا يجزيك خير يارب ❤️
كورس رهيب ما نلكاه حتى بالكورسات المدفوعة شكرا جزيلا
ياريت تعمل كدا مع css وربنا يكرمك ويجزيك خير علي مجهودك
احنا محتاجين باقي كورس cs50 بسرعه بجد
شغال عليه والله
ربنا معاك انا مقدر تعبك والله بس الفكره انه اتاخر اوي
@@AbdelrahmanGamal بارک الله فیک
جزاك الله خير
@@AbdelrahmanGamal يا اخي والله انت اسطورة الكلمات تعجز عن وصفي لشرحك لكورس CS50
اخذ راحتك و لا تستعجل اهم شي جودة الشرح
بس اتمنى انك ما تتركنا على النصف لان تعودنا على طريقة شرحك الجميلة و المبسطة و ما اعتقد راح نفهم على شرح ثاني
و بالتوفيق اخي فضلك كبير جدا علينا شكرا من القلب
متابعك من العراق ❤️
اعذرني يمكن أنا بظلمك بس أنا سمعت مقدمتك حتى 1:42 ومتهيئلي إن كلامك مشابه بشكل عجيب لكلام الاستاذ أسامة الزيرو في أول درس ليه في كورس html الجديد بتاع 2021.
أتمنالك التوفيق وناطر الكورس يمكن يضيف حاجة جديدة لمعلوماتي ولعل التشابه يكون مجرد صدفة.
نفس الشىء بس ان شاء الله يكون في جديد وطريقة مختلفة
بصدق وبدون مجامله شرح ممتاز
بس اتمنى انك تنزل كورس لphp وبقيه الشغلات
مشكور على مجهوداتك الكويسة والحلوة كمان ربنا يبارك فيك يا أخي ويزيدك من علم وفضل.
بجد والله جزاك الله كل خير وجعله فميزان حسناتك ان شاء الله❤️❤️❤️❤️
تعجز الكلامات عن شكرك وعن احترامي لك ولمحتواك
اسلوب رهيب بالشرح... وضوح بساطة احترافية عمق.... ارجوك اعمل كورس c#
الف شكر يا عبد الرحمن الله يجزاك عنا خير يا أخوي
انا تفائلت ...باسم الله نبدأ ...رايحة اشوف اللي بعده
بصراحه بدخل علي الفيديوهات بتاعتك اعمل لايك لان بجد انت بتتعب ودا أقل حاجه اقدر اقدمها
منتظر تكمله cs50
وانا كمان متلك
لانو هي اقل شي ممكن نعملو
بطبيعة الحال رح انضم إليه شكرا والله مقدرين تعبك معانا
اعملنا دورة على numpy و pandas بليز ..شرحك.كتير سلس ومريح ..ربي يجازيك كل خير
ياريت والله
والله انتا شخص محترم وشرحك جميل استمر يا استاذ والله يزيدك علم وتفيدنا
الله عليك ياهندسه لكن ياريت دورة كاملة لمسار forntend
والله هو ده اللي شغال عليه بس الصبر كل حاجة هتنزل بالترتيب
اللهم صلِّ وسلم وبارك على سيدنا محمد ﷺ
+دعواتك لينا في 3ث
+بدايه موفقه للكورس بإذن الله ♥
ربنا يبارك لك❤
الحمد لله
الدورة في وقتها
والله العظيم انت بطل بجد وشرحك جميل جداااا🖤🖤
انا كنت همسح اليوتيوب من الفرحة انك نزلت فيديو 😂😂
انا عبد الرحمن الي فجروب مليون مبرمج مصري
ربي يحفظك ويسعدك ويوفقك يا اخي الغالي وشكرا جزيلا ❣️
شرح هادي و مريح للاعصاب حقيقي بارك الله فيك
اهلا وسهلا بيك يا بشمهندس عودة جميلة ربنا يوفقك على مجهوداتك
كتر خيرك يا حبيب قلبى ربنا يجعلوا ف ميزان حسناتك ❤❤❤
جزاك الله خيرا
جزاك الله خيرا على كل هذا المجهود الجبار شكرا من القلب
رح اتابع الدورتين عشان خاطرك 🤩🤩🤩😘
شرحك يجنن
ربنا يباركلك يارب
تسلم الله يباركلك ويجعله فى ميزان حسناتك
شكرآ جزيلا اخي جزاك الله خيرا على مجهودك ❤❤❤
جزاكم الله خيرا ونفع بكم 🌹♥️
طب حضرتك انا اول ما بدأت اشوف برمجه بجد بدأت مع حضرتك فا دلوقتى اوقف cs50 وتركز على httml ولا اكمل الاثنين
كمل الكورسين عادي
حضرتك وصلتى لفين دلوقتى ؟
انت جديد صح ؟@@mohamedAlhassan1104
اتفرجت على الدورة القديمة و هتفرج على الدورة دي برضو
ما شاء الله عليك ، شرحك جداًَ رائع !!
انت رائع بجد
ممكن تشرحلنا عن github و git وربط الhtml فيهم
الله يوفقك ويحفظك ويسعدك ويرزقك ويسترك
تسلم ياهندسه وربنا انت راجل محترم جدا بس بعد اذنك ممكن كورس تحويل القوالب html الي ثيمات الوورد بريس
عايزينك يا بشمهندس تدربنا على css وال html وال java فى مشاريع كامله
طيب المعلومات دي اخذتها منك 😄3:16
شكرا جزيلا يا عبد الرحمن على مجهودك ياريت تعمل دورة احترافية عن Wordpress والفرونت اند والفريم ورك حاجة احترافية تخلى الواحد يقدر يتعلم ويقدر يشتغل وشكرا جزيلا ليك
بسم الله ابتدينا😊💗
جزاك الله كل خير
ما شاء الله شرح جميل جدا
بارك الله فيك
جزاك الله خيرا شرحك بسيط ومفهوم الله يجعلها فاتحة خير علي وتفيدني واساعد نفسي بيها واهلي
ماشاء الله جميل الشرح يااخي
عايزين كورس css بس يكون كامل ، غير القديم علشان انا شوفت كورسات فيها حجات اول مرة اشوفها
الله يكرمك ع هالشرح الرائع
جزاك الله خيرا من فضلك مااسم البرنامج الذي شرحت بواسطته الفيديو
والله انت كتر خيرك ب امانة وصدق
يجدع حبيتك لله ف لله❤
أنت الافضل 💚💚💚
شكرا للتعب ومجهود
بالتوفيق أخي..متابعينك..❤
اخي هل يمكن انشاء تطبيق بلغة html مع css اذا كان ذلك ممكنا رد علي في التعليق بلييييييييييييز
اللە یبارك فیك شکرا علی مجهود یا استاذنا .اذا ممكن شوي ترفع صوتك 😇❤
😊😊تسلم يا غالي ربنا يبارك
اولا شكرا لحضرتك بجد ثانيا اذا سمحت انا عايز كورس كامل ازاي اعمل مو قع من الألف للياء وكيفية الغنل في شركات بناء مواقع
بسم الله نبدأ🐢❤
الله يوفق ان شاء الله
الكورس محتاج تدوين اهم شي حتى الشي التنسا بتراجعه وثاني عمل يدوي اي شي تشوفه تطبقه مباشر وان شاء الله تترسخ المعلومة وحاول تكرر وتكرر خذلك سبوع بس المهم بنتائج جيدا
لو سمحت يا مهندس كمل باقي كورس ال cs50
استاذ ساتابع الدورة معك من البداية.
استاذ كم من درس اتابع في اليوم
الأعظم بجد
الله يسعدك ❤
شكرا جزيلا ❤❤
اتمنى اكمال دورة CS50 فعلاً شرحك متميز
السلام عليكم ورحمه الله وبركاته
لو سمحت حضرتك انا عندى سؤال
ايهما افضل بالنسبة لسوق العمل كفري لانسر برمجة المواقع ام برمجة تطبيقات الموبايل
عالمي بالتوفيق
اسطوره ما شاءالله ❤❤❤
ربنا يباركلك يا مستر
شكرا ❤
عايزين حلقة تعلمنا فيها كيف اقوم بتنسيق الاستوديو كود عشان يسهل لي العمل فيه..
كورس ال css الجديد هينزل امتي ؟
استمر نحن ندعمك