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

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

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

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

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

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

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

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

إتقان مسار التعلم واكتساب المهارات

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كيفية إنشاء واستخدام النماذج وحقول الإدخال في 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 وتعلم البرمجة باستخدام البحث والذكاء الاصطناعي

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

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

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

أمثلة على تخطيطات صفحات الويب: كامل العرض، الصندوقي، والشريط الجانبي

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

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

ما هو خاصية class وكيفية استخدامها في HTML؟

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

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

فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات

تجاوب الموقع على جميع الأجهزة Viewport وتحميل ملفات وتنفيذ أكواد CSS وJavaScript في HTML