إتقان لغة HTML: دورة شاملة للمبتدئين والمحترفين

What you will learn:

بناء صفحات ويب باستخدام HTML
تصميم مواقع متجاوبة مع مختلف الشاشات
إنشاء نماذج تفاعلية لجمع البيانات
دمج الصور والفيديوهات في صفحات الويب
استخدام تقنيات HTML المتقدمة
كتابة أكواد HTML نظيفة وفعالة
اتباع أفضل الممارسات في كتابة أكواد HTML
فهم أساسيات CSS وربطها مع HTML
استخدام Canvas و SVG لإنشاء رسومات تفاعلية
إضافة favicon و تحسين SEO للصفحات

Description

مرحباً بك في دورة إتقان لغة HTML الشاملة! ستتعلم في هذه الدورة أساسيات تطوير الويب من خلال تعلم لغة HTML بشكل عملي وخطوة بخطوة. سواء كنت مبتدئاً تماماً أو ترغب في تعزيز مهاراتك الحالية، ستُرشدك هذه الدورة عبر جميع المفاهيم والتقنيات الأساسية اللازمة لبناء مواقع ويب حديثة ومتجاوبة.

ستغطي هذه الدورة المواضيع التالية:

أساسيات HTML: ستتعلم عن محررات HTML، والعناصر، والسمات، والهيكل الأساسي لصفحة الويب.
النص والتنسيق: ستتعلم كيفية تنسيق النصوص، واستخدام العناوين، والفقرات، والاقتباسات، والتعليقات، وتصميم المحتوى باستخدام CSS.
الروابط، والصور، والوسائط: ستتعلم كيفية التعامل مع الروابط التشعبية، والصور، وأيقونة الموقع (favicon)، ودمج ملفات الوسائط مثل الفيديو والصوت.
الجداول والقوائم: ستتعلم كيفية إنشاء جداول وقوائم منظمة لعرض البيانات بكفاءة.
التصميم المتجاوب: ستتعلم كيفية إنشاء تخطيطات تعمل على أي جهاز باستخدام ميزات HTML المتجاوبة.
النماذج وإدخال البيانات: ستتقن إنشاء نماذج مع أنواع مختلفة من المدخلات، والسمات، وعناصر النموذج لجمع البيانات من المستخدمين.
الرسومات والمرئيات: ستتعلم استخدام الرسومات في HTML باستخدام Canvas و SVG، مما يسمح لك بإضافة عناصر مرئية تفاعلية إلى مواقع الويب الخاصة بك.
مواضيع HTML المتقدمة: ستستكشف مواضيع مثل الدلالات، والكيانات، ورموز Unicode، وتشفير URL لتعزيز معرفتك بلغة HTML.
مقارنة بين HTML و XHTML: ستقارن HTML مع XHTML لفهم الاختلافات وحالات استخدام كليهما.

في نهاية هذه الدورة، ستتمكن من إنشاء وتصميم صفحات الويب بثقة، ودمج عناصر تفاعلية، وتطبيق ميزات HTML المتقدمة مثل النماذج، والرسومات، والوسائط. ابدأ في بناء مواقع الويب الخاصة بك اليوم!

Curriculum

مقدمة

يبدأ هذا القسم بتقديم عام للدورة و شرح للمحررات المستخدمة في كتابة أكواد HTML. يتضمن هذا القسم محاضرتين: مقدمة (10:02 دقيقة) و محررات (6:57 دقيقة).

الأساسيات

يشرح هذا القسم أساسيات HTML من خلال محاضرات تغطي الجزء الأساسي الأول (6:00 دقيقة) والجزء الثاني (8:09 دقيقة)، ثم عناصر HTML (7:33 دقيقة) و سماته (9:42 دقيقة) ، بالإضافة إلى العناوين (5:39 دقيقة) والفقرات (7:27 دقيقة) و أنماط التنسيق (12:04 دقيقة) و طرق التنسيق (9:37 دقيقة) و الاقتباسات (11:57 دقيقة) و التعليقات (6:48 دقيقة) .

التصميم والألوان

يتناول هذا القسم استخدام الألوان في HTML، مع شرح لأنواع الألوان مثل RGB و RGBA و HEX و HSL و HSLA، بالإضافة إلى مقدمة عن CSS. تتضمن المحاضرات: الألوان (8:47 دقيقة)، ألوان RGB و RGBA (5:24 دقيقة)، ألوان HEX (3:40 دقيقة)، ألوان HSL و HSLA (3:19 دقيقة)، و أنماط CSS (12:34 دقيقة).

الروابط

يتعلم الطلاب في هذا القسم كيفية إنشاء الروابط التشعبية وأنواعها المختلفة، بالإضافة إلى إنشاء الإشارات المرجعية. المحاضرات: الروابط (11:18 دقيقة)، الروابط بألوان مختلفة (11:51 دقيقة)، وإنشاء الإشارات المرجعية (4:36 دقيقة).

الصور والعناوين

يشرح هذا القسم كيفية إدراج الصور في صفحات الويب، واستخدام صور الخلفية، بالإضافة إلى إضافة أيقونة الموقع (favicon) وعرض عنوان الصفحة. المحاضرات: الصور (9:43 دقيقة)، صور الخلفية (7:51 دقيقة)، أيقونة الموقع (5:39 دقيقة)، وعنوان الصفحة (3:06 دقيقة).

الجداول

يتعلم الطلاب في هذا القسم كيفية إنشاء الجداول في HTML، بما في ذلك الحدود، والأحجام، والرؤوس، والحشو والتباعد، وخصائص Colspan و Rowspan، بالإضافة إلى تنسيق الجداول باستخدام CSS. المحاضرات: الجداول (10:06 دقيقة)، حدود الجداول (6:46 دقيقة)، أحجام الجداول (2:56 دقيقة)، رؤوس الجداول (7:35 دقيقة)، حشو وتباعد الجداول (4:09 دقيقة)، Colspan و Rowspan (4:11 دقيقة)، وتنسيق الجداول (9:50 دقيقة)، و Colgroup (4:47 دقيقة).

القوائم

يتعلم الطلاب كيفية إنشاء القوائم المرتبة وغير المرتبة في HTML. المحاضرات: القوائم (5:13 دقيقة)، القوائم غير المرتبة (10:39 دقيقة)، والقوائم المرتبة (3:51 دقيقة).

الهيكل والتنظيم

يتناول هذا القسم عناصر HTML المنسقة و غير المنسقة، و استخدام عناصر div و سمات class و id لتنظيم المحتوى. المحاضرات: العناصر المنسقة وغير المنسقة (9:37 دقيقة)، عنصر div (12:33 دقيقة)، سمة class (8:09 دقيقة)، و سمة id (6:06 دقيقة).

المحتوى التفاعلي

يتعلم الطلاب في هذا القسم كيفية دمج المحتوى التفاعلي في صفحات الويب باستخدام Iframes و JavaScript، بالإضافة إلى التعامل مع مسارات الملفات. المحاضرات: Iframes (5:05 دقيقة)، JavaScript في HTML (9:55 دقيقة)، ومسارات الملفات (4:43 دقيقة).

تصميم الصفحة

يتناول هذا القسم عناصر تصميم الصفحة، بما في ذلك عنصر head و تقنيات التصميم المختلفة، وترميز الأحرف. المحاضرات: عنصر head (7:44 دقيقة)، عناصر وتقنيات التصميم (4:24 دقيقة)، وترميز الأحرف (5:04 دقيقة).

النماذج

يتعلم الطلاب كيفية إنشاء النماذج في HTML، مع شرح لسمات وعناصر النماذج وأنواع المدخلات و سماتها. المحاضرات: النماذج (7:56 دقيقة)، سمات النماذج (5:14 دقيقة)، عناصر النماذج (10:42 دقيقة)، أنواع المدخلات (7:01 دقيقة)، وسمات المدخلات (10:34 دقيقة).

ختام الدورة

خاتمة للدورة. (3:25 دقيقة).