الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

• القسم: مدخل إلى صفحات الويب ومواقع الإنترنت

• ماهي صفحات الويب وخوادم الويب وشبكة الانترنت

  شاهد مجاناً
• اختبار صفحات الويب وخوادم الويب وشبكة الانترنت

• متصفحات الويب ولغة HTML لبناء صفحات الويب

• اختبار متصفحات الويب ولغة HTML لبناء صفحات الويب

• الدرس الحالي: تكوين صفحة الويب وقراءة المتصفح للغة HTML

  '..'
• اختبار ل إغلاق الوسوم وفهم دور head و body

• انواع المحتوى في صفحة الويب واستخدامات عناصر لغة html

• الملفات التي تعمل على متصفحات الإنترنت وكيف يتم بناء صفحات الويب باستخدام لغة HTML

• أهمية استخدام محرر الأكواد بدلًا من التحرير المباشر فهم ملفات HTML

• التعرف على محررات الأكواد وأسرار إتقان لغة بناء صفحات الويب HTML

• دليل فهم الشبكات، إعداد الخوادم، واستخدام أدوات البرمجة

  شاهد مجاناً
• إتقان مسار التعلم واكتساب المهارات

• اختبار برامج تعديل الكود وقراءة المتصفحات لملفات HTML

• القسم: أساسيات إنشاء وعرض صفحات الويب باستخدام ملفات لغة HTML

• كيف إنشاء مشروع وملف HTML وإضافة محتوى وإعدادات صفحة الويب

  شاهد مجاناً
• اختبار إنشاء صفحات ويب وإضافة عناصر HTML

• أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML

• اختبار على استخدامات عناوين، قوائم، وتمييز النص

• أمثلة عن إنشاء صفحة الويب بواسطة لغة HTML وإضافة روابط التنقل والزرائر للتفاعل والميديا ك الصور

• اختبار إضافة روابط التنقل، الأزرار، وتحميل الصور

• القسم: أنواع العناصر وتكوين المحتوى في صفحات الويب

• إظهار وإخفاء النص، تمييزه، تطبيق خط تحت النص أو خط يتوسطه، وتغيير حجم النص باستخدام HTML

• اختبار تنسيق النصوص في HTML: إظهار وإخفاء النص، تمييزه، إضافة خطوط وتغيير الحجم

• فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأنماط المتصفح

• اختبار فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأن

• عرض الصورة او النص في إطار وإضافة القياسات واستخدام القوائم للعرض او التنقل في صفحات الويب HTML

• اختبار عرض الصور والنصوص وإضافة القياسات واستخدام القوائم في HTML

• قوائم وخصائص الوراثة، أنواع العلامات ومفاهيم الإغلاق الذاتي في HTML

• اختبار تفاعلي لتعلم أساسيات HTML: استخدام الوسوم والقوائم والإغلاق الذاتي

• كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات الداخلية في HTML

• كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات في HTML: مهمة تفاعلية

• إنشاء مجلدات وملفات داخل المجلدات وفهم نظام التنقل في متصفح الويب باستخدام الشرطة المائلة / والنقطة

• تحليل وتطبيق إنشاء قوائم متداخلة وتنقل بين الملفات في HTML: مهمة تفاعلية

• تحميل وتنقل الملفات بخطوات للوراء باستخدام نقطتين في مشروع ويب ومراجعة أدوات النصوص

• فهم كيفية استخدام نقطتين لتحميل وتنقل الملفات في مشروع ويب: مهمة تفاعلية

• مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية

  شاهد مجاناً
• مهمة تفاعلية لفهم أساسيات HTML: العناوين، الفقرات، الصور، القوائم والروابط

• مهمة إنشاء صفحة ويب واستخدام أساسيات HTML

• القسم: تضمين مواقع أخرى وملفات وإضافة الميديا

• مقدمة لإضافة الصور والفيديو والصوت وتضمين المواقع والملفات في صفحة الويب

• كل ما تحتاج معرفته عن عرض الصورة في صفحة الويب باستخدام <img> وخواصها في HTML

• مهمة تفاعلية حول وسم <img> في HTML: فهم السمات واستخدامها

• HTML باستخدام figuare و figcaption إضافة نص أسفل الصورة ونبذة عن التنسيق وتطبيق أشكال التصميم

• مهمة تفاعلية لفهم واستخدام وسمي <figuare> و <figcaption> في HTML

• كيفية استخدام وسم Embed في HTML لتضمين الملفات وتنسيق العناصر باستخدام figuare و figcaption

• مهمة تفاعلية لفهم واستخدام وسم <embed> لتضمين مواقع الإنترنت والملفات في HTML

• استخدام وسم Iframe في HTML لإنشاء نوافذ لعرض مواقع ويب أخرى مثل خرائط Google أو فيديوهات YouTube

• مهمة تفاعلية لفهم واستخدام وسم <iframe> لتضمين محتوى خارجي في HTML

• كيفية إضافة مقاطع الفيديو إلى صفحات الويب باستخدام عنصر الفيديو في HTML

• اختبار شامل في كيفية استخدام وسم <video> بفعالية

• درس: كيفية استخدام وسم <audio> لإضافة الصوت إلى صفحات الويب

• تطبيق عملي إنشاء صفحات ويب لعرض الميديا

• القسم: عرض البيانات والجداول

• مقدمة للجداول واستخدام العلامات <dl> و <dt> و <dd> مع إعداد Live Server في VSCode

• مقدمة في جداول HTML: لماذا نستخدمها وما الذي يمكن أن تفعله؟

  شاهد مجاناً
• أساسيات الجداول في HTML: كيفية إنشاء جداول

• اختبار تفاعلي لأساسيات تكوين الجداول HTML

• فهم الأعمدة والصفوف لبناء هيكل الجداول جداول في HTML

• فهم الأعمدة والصفوف في جداول HTML مع تطبيقات حقيقية وأمثلة من Excel

• عرض الجداول الكبيرة بشكل فعال في مواقع الويب باستخدام <thead>, <tfoot>, و <tbody>

  شاهد مجاناً
• كيفية استخدام <thead>, <tfoot>, و <tbody> في HTML

• كيفية دمج الأعمدة باستخدام colspan في جداول HTML

• كيفية استخدام rowspan لدمج الصفوف في جداول HTML

• اختبار تفاعلي: فهم خاصيتي colspan و rowspan في HTML

• فهم <colgroup> و<col> في جداول HTML وكيفية التعامل مع العلامات المهجورة

• استخدام <colgroup> و<col> لتنسيق الأعمدة في جداول HTML باستخدام CSS

• تحدي إنشاء وتطبيق أساسيات واستخدامات جداول HTML

• القسم: نماذج إرسال البيانات

• كيفية إنشاء واستخدام النماذج وحقول الإدخال في HTML لجمع بيانات في صفحة الويب

  شاهد مجاناً
• كيفية استخدام وقراءة بيانات المدخلات (Input) من المستخدمين في HTML لحفظها أو إرسالها

• كيفية استخدام حقول الإدخال والنماذج لإرسال البيانات في HTML

• كيفية عمل النماذج في HTML لإرسال البيانات

• أساسيات استخدام خصائص النماذج في HTML: Placeholder وValue وName

• كيفية استخدام نوع الإدخال "email" في HTML وتحقق البريد الإلكتروني

• فهم أنواع الإدخال في HTML: البريد الإلكتروني، كلمة المرور، وتحميل الملفات المتعددة

• استخدام أنواع إدخال الأرقام في HTML: min، max، step، autofocus، وautocomplete

• إدخال قيمة من الخيارات المتعددة عبر وسم الراديو والتسميات في HTML لتحسين تجربة المستخدم

• تعلم كيفية استخدام Input Checkbox و Id مع Label في صفحات الويب

• تعلم كيفية استخدام Select و OptGroup لإضافة القوائم المنسدلة في صفحات الويب

• تعلم كيفية البحث في القوائم المنسدلة Datalist و Fieldset لإظهار تصميم مع الحقول

• كيفية استخدام Textarea في HTML لإرسال رسائل

• كيفية استخدام أزرار الإرسال والإعادة وتخصيص الحقول في HTML

• مشروع تطبيق عملي في إنشاء نماذج إدخال البيانات

• أنواع المدخلات في HTML وكيفية استخدامها لتطوير مواقع الويب بكفاءة

  شاهد مجاناً
• مقارنة بين input date و jQuery date و التحقق من أرقام الهاتف باستخدام input tel في HTML

• استخدام أنواع المدخلات range و color و hidden في HTML: الخصائص والتطبيقات

• حقول الإدخال للروابط والشهور URL وMonth وتعلم البرمجة باستخدام البحث والذكاء الاصطناعي

• القسم: كيفية دراسة وتحليل التصاميم وتحويلها لصفحات HTML

• تحليل وتخطيط الأشكال والتصاميم باستخدام الأعمدة والصفوف لبناء صفحات الويب

• أهمية تحليل تخطيطات الويب لتحسين تصميم واجهات المستخدم وتطوير الويب

  شاهد مجاناً
• أنواع تخطيطات الويب: الفرق بين التخطيط الكامل، الصندوقي، وتخطيط الشريط الجانبي

• بناء هيكل بسيط لصفحات الويب مثال على تحويل التصميم لكود وطرق تحليل التصميم

• ما هو خاصية ID في HTML وكيفية استخدامها بفعالية

  شاهد مجاناً
• ما هو خاصية class وكيفية استخدامها في HTML؟

• كيفية استخدام الخصائص class و multi-class في HTML و CSS

• استخدام عناصر HTML مثل header و footer و aside و section أمثلة