كورس HTML مع محمد الكاشف

مقدمة

• التعريف بالكورس والأهداف الأساسية.
• يتم التركيز على تعلم أساسيات HTML.
• سيتم بناء موقع شخصي يحتوي على:
  • صورة.
  • اسم.
  • معلومات شخصية (العمل، العمر، البريد الإلكتروني، رقم الهاتف، وحسابات وسائل التواصل الاجتماعي).
  • قسم التعليم.
  • قسم المهارات.
  • قسم الهوايات.
  • نموذج للتواصل.

تعريف HTML

• HTML هو اختصار HyperText Markup Language.
• يتعامل مع النصوص، العناوين، الصور، والأزرار في الموقع.
• HTML وحده لا يكفي لجعل الموقع جذاب، لذا نستخدم CSS لتحسين المظهر.

أهمية CSS

• CSS (Cascading Style Sheets) تحسن شكل الموقع باستخدام:
  • تغيير حجم العناوين.
  • تغيير ألوان النصوص.
  • تحديد مواقع العناصر (مثل الصور).

كيفية البدء

1. تحميل محرر الأكواد (IDE) مثل Visual Studio Code.
2. إنشاء مجلد جديد باسم "html كورس".
3. إنشاء ملف جديد باسم "file.html".
   • يجب استخدام امتداد .html لملفات HTML.

هيكل ملف HTML

• يحتوي على:
  • head: يحتوي على معلومات غير مرئية (مثل العنوان، الوصف).
  • body: يحتوي على المحتوى المرئي الموجه للمستخدم.

عناصر أساسية في HTML

• العناوين: h1, h2, h3, ... وغيرها.
• البرجرافات: تستخدم لتنسيق النصوص.
• الروابط: تستخدم لإضافة روابط لمواقع أخرى.
• الصور: تستخدم لإضافة صور عن طريق <img> tag.

العناصر التفاعلية

• النموذج (Forms): يتضمن:
  • إدخالات نصية.
  • زر إرسال.
  • تخصيص نماذج لجمع المعلومات.

أنواع الحقول في النماذج

• text: حقل نص.
• password: حقل كلمة المرور.
• email: حقل البريد الإلكتروني.
• checkbox: خانة اختيار.
• radio: اختيار واحد من عدة خيارات.
• textarea: حقل نص طويل.

تضمين الوسائط

• استخدام عناصر audio و video لتضمين محتوى إعلامي.
• استخدام controls لتوفير أدوات التحكم للمستخدم.

الخاتمة

• تم تعلم الأساسيات اللازمة لإنشاء موقع HTML.
• يجب التأكد من فهم الجوانب الرئيسية قبل التطبيق.
• سيتم رفع الموقع على الانترنت في فيديو قادم.

دعم المحتوى

• دعم القناة من خلال الإعجاب والاشتراك.