دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت

مكتمل

مدخل إلى صفحات الويب ومواقع الإنترنت
ماهي صفحات الويب وخوادم الويب وشبكة الانترنت
1
اختبار صفحات الويب وخوادم الويب وشبكة الانترنت
متصفحات الويب ولغة HTML لبناء صفحات الويب
2
اختبار متصفحات الويب ولغة HTML لبناء صفحات الويب
تكوين صفحة الويب وقراءة المتصفح للغة HTML
3
اختبار ل إغلاق الوسوم وفهم دور head و body
انواع المحتوى في صفحة الويب واستخدامات عناصر لغة html
4
الملفات التي تعمل على متصفحات الإنترنت وكيف يتم بناء صفحات الويب باستخدام لغة HTML
5
أهمية استخدام محرر الأكواد بدلًا من التحرير المباشر فهم ملفات HTML
6
التعرف على محررات الأكواد وأسرار إتقان لغة بناء صفحات الويب HTML
7
دليل فهم الشبكات، إعداد الخوادم، واستخدام أدوات البرمجة
إتقان مسار التعلم واكتساب المهارات
اختبار برامج تعديل الكود وقراءة المتصفحات لملفات HTML
أساسيات إنشاء وعرض صفحات الويب باستخدام ملفات لغة HTML
كيف إنشاء مشروع وملف HTML وإضافة محتوى وإعدادات صفحة الويب
8
اختبار إنشاء صفحات ويب وإضافة عناصر HTML
أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML
9
اختبار على استخدامات عناوين، قوائم، وتمييز النص
أمثلة عن إنشاء صفحة الويب بواسطة لغة HTML وإضافة روابط التنقل والزرائر للتفاعل والميديا ك الصور
10
اختبار إضافة روابط التنقل، الأزرار، وتحميل الصور
أنواع العناصر وتكوين المحتوى في صفحات الويب
إظهار وإخفاء النص، تمييزه، تطبيق خط تحت النص أو خط يتوسطه، وتغيير حجم النص باستخدام HTML
11
اختبار تنسيق النصوص في HTML: إظهار وإخفاء النص، تمييزه، إضافة خطوط وتغيير الحجم
فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأنماط المتصفح
12
اختبار فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأن
عرض الصورة او النص في إطار وإضافة القياسات واستخدام القوائم للعرض او التنقل في صفحات الويب HTML
13
اختبار عرض الصور والنصوص وإضافة القياسات واستخدام القوائم في HTML
قوائم وخصائص الوراثة، أنواع العلامات ومفاهيم الإغلاق الذاتي في HTML
14
اختبار تفاعلي لتعلم أساسيات HTML: استخدام الوسوم والقوائم والإغلاق الذاتي
كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات الداخلية في HTML
15
كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات في HTML: مهمة تفاعلية
إنشاء مجلدات وملفات داخل المجلدات وفهم نظام التنقل في متصفح الويب باستخدام الشرطة المائلة / والنقطة
16
تحليل وتطبيق إنشاء قوائم متداخلة وتنقل بين الملفات في HTML: مهمة تفاعلية
تحميل وتنقل الملفات بخطوات للوراء باستخدام نقطتين في مشروع ويب ومراجعة أدوات النصوص
17
فهم كيفية استخدام نقطتين لتحميل وتنقل الملفات في مشروع ويب: مهمة تفاعلية
مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية
18
مهمة تفاعلية لفهم أساسيات HTML: العناوين، الفقرات، الصور، القوائم والروابط
مهمة إنشاء صفحة ويب واستخدام أساسيات HTML
تضمين مواقع أخرى وملفات وإضافة الميديا
مقدمة لإضافة الصور والفيديو والصوت وتضمين المواقع والملفات في صفحة الويب
19
كل ما تحتاج معرفته عن عرض الصورة في صفحة الويب باستخدام <img> وخواصها في HTML
20
مهمة تفاعلية حول وسم <img> في HTML: فهم السمات واستخدامها
HTML باستخدام figuare و figcaption إضافة نص أسفل الصورة ونبذة عن التنسيق وتطبيق أشكال التصميم
21
مهمة تفاعلية لفهم واستخدام وسمي <figuare> و <figcaption> في HTML
كيفية استخدام وسم Embed في HTML لتضمين الملفات وتنسيق العناصر باستخدام figuare و figcaption
22
مهمة تفاعلية لفهم واستخدام وسم <embed> لتضمين مواقع الإنترنت والملفات في HTML
استخدام وسم Iframe في HTML لإنشاء نوافذ لعرض مواقع ويب أخرى مثل خرائط Google أو فيديوهات YouTube
23
مهمة تفاعلية لفهم واستخدام وسم <iframe> لتضمين محتوى خارجي في HTML
كيفية إضافة مقاطع الفيديو إلى صفحات الويب باستخدام عنصر الفيديو في HTML
24
اختبار شامل في كيفية استخدام وسم <video> بفعالية
درس: كيفية استخدام وسم <audio> لإضافة الصوت إلى صفحات الويب
25
تطبيق عملي إنشاء صفحات ويب لعرض الميديا
عرض البيانات والجداول
مقدمة للجداول واستخدام العلامات <dl> و <dt> و <dd> مع إعداد Live Server في VSCode
26
مقدمة في جداول HTML: لماذا نستخدمها وما الذي يمكن أن تفعله؟
27
أساسيات الجداول في HTML: كيفية إنشاء جداول
28
اختبار تفاعلي لأساسيات تكوين الجداول HTML
فهم الأعمدة والصفوف لبناء هيكل الجداول جداول في HTML
29
فهم الأعمدة والصفوف في جداول HTML مع تطبيقات حقيقية وأمثلة من Excel
30
عرض الجداول الكبيرة بشكل فعال في مواقع الويب باستخدام <thead>, <tfoot>, و <tbody>
31
كيفية استخدام <thead>, <tfoot>, و <tbody> في HTML
كيفية دمج الأعمدة باستخدام colspan في جداول HTML
32
كيفية استخدام rowspan لدمج الصفوف في جداول HTML
33
اختبار تفاعلي: فهم خاصيتي colspan و rowspan في HTML
فهم <colgroup> و<col> في جداول HTML وكيفية التعامل مع العلامات المهجورة
34
استخدام <colgroup> و<col> لتنسيق الأعمدة في جداول HTML باستخدام CSS
35
تحدي إنشاء وتطبيق أساسيات واستخدامات جداول HTML
نماذج إرسال البيانات
كيفية إنشاء واستخدام النماذج وحقول الإدخال في HTML لجمع بيانات في صفحة الويب
36
كيفية استخدام وقراءة بيانات المدخلات (Input) من المستخدمين في HTML لحفظها أو إرسالها
37
كيفية استخدام حقول الإدخال والنماذج لإرسال البيانات في HTML
38
كيفية عمل النماذج في HTML لإرسال البيانات
39
أساسيات استخدام خصائص النماذج في HTML: Placeholder وValue وName
40
كيفية استخدام نوع الإدخال "email" في HTML وتحقق البريد الإلكتروني
41
فهم أنواع الإدخال في HTML: البريد الإلكتروني، كلمة المرور، وتحميل الملفات المتعددة
42
استخدام أنواع إدخال الأرقام في HTML: min، max، step، autofocus، وautocomplete
43
إدخال قيمة من الخيارات المتعددة عبر وسم الراديو والتسميات في HTML لتحسين تجربة المستخدم
44
تعلم كيفية استخدام Input Checkbox و Id مع Label في صفحات الويب
45
تعلم كيفية استخدام Select و OptGroup لإضافة القوائم المنسدلة في صفحات الويب
46
تعلم كيفية البحث في القوائم المنسدلة Datalist و Fieldset لإظهار تصميم مع الحقول
47
كيفية استخدام Textarea في HTML لإرسال رسائل
48
كيفية استخدام أزرار الإرسال والإعادة وتخصيص الحقول في HTML
49
مشروع تطبيق عملي في إنشاء نماذج إدخال البيانات
أنواع المدخلات في HTML وكيفية استخدامها لتطوير مواقع الويب بكفاءة
50
مقارنة بين input date و jQuery date و التحقق من أرقام الهاتف باستخدام input tel في HTML
51
استخدام أنواع المدخلات range و color و hidden في HTML: الخصائص والتطبيقات
52
حقول الإدخال للروابط والشهور URL وMonth وتعلم البرمجة باستخدام البحث والذكاء الاصطناعي
53
كيفية دراسة وتحليل التصاميم وتحويلها لصفحات HTML
تحليل وتخطيط الأشكال والتصاميم باستخدام الأعمدة والصفوف لبناء صفحات الويب
54
أهمية تحليل تخطيطات الويب لتحسين تصميم واجهات المستخدم وتطوير الويب
55
أنواع تخطيطات الويب: الفرق بين التخطيط الكامل، الصندوقي، وتخطيط الشريط الجانبي
56
أمثلة على تخطيطات صفحات الويب: كامل العرض، الصندوقي، والشريط الجانبي
57
بناء هيكل بسيط لصفحات الويب مثال على تحويل التصميم لكود وطرق تحليل التصميم
58
ما هو خاصية ID في HTML وكيفية استخدامها بفعالية
59
ما هو خاصية class وكيفية استخدامها في HTML؟
60
كيفية استخدام الخصائص class و multi-class في HTML و CSS
61
استخدام عناصر HTML مثل header و footer و aside و section أمثلة
62
فهم الترميز في صفحات HTML وكيفية استخدام UTF-8 لدعم جميع اللغات
63
تجاوب الموقع على جميع الأجهزة Viewport وتحميل ملفات وتنفيذ أكواد CSS وJavaScript في HTML
64

اختبارات ناجحة

للإعادة

معلقة

لمشاهدة نبذة عن محتوى الدرس بناء هيكل بسيط لصفحات الويب مثال على تحويل التصميم لكود وطرق تحليل التصميم
بناء هيكل بسيط لصفحات الويب: مثال على الشيفرة وطرق التحليل في عالم تطوير الويب، يعد فهم كيفية بناء هيكل صفحات الويب من التصميمات وتحويلها إلى شيفرة HTML نظيفة أمرًا أساسيًا. في هذه المقالة، سنتناول كيفية تحليل تصميم الويب وتحويله إلى هيكل HTML مع أمثلة توضيحية وشيفرة CSS بسيطة. 1. إنشاء هيكل HTML نظيف لبناء هيكل نظيف لصفحة ويب، يجب عليك أولاً تحليل التصميم وفهم مكوناته الأساسية. يشمل ذلك تحديد عناصر مثل العنوان، المحتوى، الأعمدة، والتذييل. بعد ذلك، يمكنك استخدام شيفرة HTML لإنشاء هذه العناصر بطريقة منظمة. مثال على الشيفرة: html Copy code <style> div { width: 100%; } .cols-2 > div { float: left; } </style> <div> <h1> Free Style…