Learn HTML In Arabic 2021 - #30 - Form Part 7 - Select And Textarea

About this video

**ملخص النص باللغة العربية:** 1. **عناصر HTML المهمة**: - التركيز على عنصرين مهمين في تصميم النماذج (Forms): "Select" و "Text Area". - جميع عناصر النماذج مهمة، ولكن يتم التركيز هنا على كيفية استخدامها بشكل صحيح. 2. **عنصر Select**: - يُستخدم لتقديم خيارات متعددة للمستخدم للاختيار من بينها. - يمكن استخدام "Radio Button" إذا كان الاختيار مقصورًا على خيار واحد فقط، أو "Checkbox" إذا كان يمكن اختيار عدة خيارات. - عند وجود عدد كبير من الخيارات (مثل قائمة الدول)، يكون من المنطقي استخدام "Select" بدلاً من كتابة كل الخيارات بشكل منفصل. 3. **إضافة Options داخل Select**: - يتم إضافة العنصر "Option" داخل "Select"، حيث يحتوي كل "Option" على قيمة (Value) ونص (Text). - الـ Value هي التي تُرسل إلى الخادم عند إرسال النموذج، وليس النص المرئي. - يمكن تنظيم الخيارات باستخدام "Optgroup" لتقسيم الخيارات إلى مجموعات ذات تصنيفات مثل "خيال علمي"، "رومانسي"، أو "بوليسية". 4. **اختيار متعدد**: - يمكن السماح للمستخدم باختيار أكثر من خيار باستخدام خاصية "Multiple". - يتم الضغط مع الاستمرار على زر "Control" واختيار الخيارات المطلوبة. 5. **تحديد خيار افتراضي**: - يمكن تحديد خيار افتراضي باستخدام خاصية "Selected"، ليظهر محددًا عند فتح القائمة. 6. **عنصر Text Area**: - هو عنصر يتيح للمستخدم كتابة نصوص طويلة. - يمكن التحكم في حجمه باستخدام الصفوف (Rows) والأعمدة (Cols). - يمكن إضافة نص افتراضي (Placeholder) لوصف الغرض من الحقل. 7. **تنسيق Text Area**: - الطريقة الصحيحة لتنسيق "Text Area" تكون باستخدام CSS وليس HTML فقط. - CSS يوفر مرونة أكبر في التصميم والتنسيق. 8. **أهمية الفهم العملي**: - يجب فهم وظيفة كل عنصر لاستخدامه بشكل صحيح. - التركيز على التجربة العملية لفهم كيفية عمل العناصر المختلفة. 9. **ختام الدرس**: - الهدف من الشرح هو تسهيل فهم العناصر الأساسية للنماذج في HTML. - سيتم التوسع في استخدام CSS مستقبلًا لتنسيق العناصر بشكل احترافي. **الخلاصة:** تم شرح أهمية واستخدام عناصر النماذج مثل "Select" و "Text Area"، مع التركيز على كيفية تنظيم الخيارات وإضافة الخصائص المناسبة لكل عنصر.

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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.