Learn HTML In Arabic 2021 - #29 - Form Part 6 - Radio And Checkbox

About this video

**ملخص النص باللغة العربية:** 1. **الراديو (Radio):** - يُستخدم لتحديد خيار واحد فقط من مجموعة خيارات. - مثال: عند اختيار نظام التشغيل (ويندوز، لينكس، ماك)، يمكن اختيار نظام واحد فقط. - يتطلب ربط كل زر بـ"label" ليكون واضحاً للمستخدم. - يمكن تعيين قيمة افتراضية يتم تحديدها تلقائياً عند فتح الصفحة باستخدام خاصية "checked". 2. **الشيك بوكس (Checkbox):** - يُستخدم لتحديد خيار أو أكثر من مجموعة خيارات. - مثال: عند اختيار الهوايات أو المهارات (مثل لغات البرمجة)، يمكن اختيار عدة خيارات. - يتميز بإمكانية تحديد أكثر من خيار في نفس الوقت. 3. **ربط العناصر (Label و Input):** - يجب ربط "label" مع الحقل المقابل لها باستخدام خاصية "for" و"ID" لتسهيل التفاعل. - عند النقر على النص المرتبط، يتم تحديد الخيار مباشرة. 4. **اختلاف الراديو والشيك بوكس:** - الراديو يسمح باختيار خيار واحد فقط. - الشيك بوكس يسمح باختيار عدة خيارات. 5. **التطبيق العملي:** - عند تصميم نماذج، يجب تحديد إذا كان المستخدم يحتاج لاختيار خيار واحد أو عدة خيارات. - التطبيقات العملية تساعد على فهم واستخدام هذه الأدوات بشكل أفضل. 6. **نصائح إضافية:** - لا يمكن تكرار "ID" داخل نفس الصفحة لأنه يعتبر معرف فريد لكل عنصر. - التجربة والتطبيق العملي يعمقان الفهم ويحسنان المهارات. 7. **ختاماً:** - الشرح بسيط ومباشر لفهم الأساسيات. - التطبيقات العملية المستقبلية ستساعد على توظيف هذه الأدوات بشكل أفضل. **الخلاصة:** الشرح يتناول كيفية استخدام أدوات الراديو والشيك بوكس في تصميم النماذج الإلكترونية، مع التركيز على الفرق بينهما وطرق ربط العناصر لتحقيق تجربة مستخدم أفضل.


Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.

View Full Course