كيفية تعلم لغة HTML في عطلة نهاية الأسبوع

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

ما هي لغة HTML ولماذا نتعلمها؟. HTML تعني لغة ترميز النص التشعبي، وهي اللغة التي تخبر المتصفح كيف يعرض المحتوى على الشاشة. تخيلوها مثل الهيكل العظمي للموقع - تحدد أين يذهب العنوان، والفقرات، والصور. تعلم HTML يساعد الأطفال على فهم التكنولوجيا بشكل أعمق ويطور مهارات التفكير المنطقي. كما أنها مهارة مطلوبة في سوق العمل اليوم.
الأدوات التي نحتاجها. لا نحتاج لبرامج معقدة أو مكلفة. كل ما نحتاجه هو جهاز كمبيوتر أو لوحي، ومحرر نصوص بسيط مثل المفكرة في ويندوز أو TextEdit في ماك، ومتصفح إنترنت أي كان. للمبتدئين، أنصح باستخدام محررات مجانية مثل Visual Studio Code أو Notepad++ لأنها تظهر الكود بألوان مختلفة مما يسهل القراءة.
اليوم الأول: تعلم الأساسيات. ابدأوا بإنشاء ملف جديد واحفظوه باسم 'صفحتي-الأولى.html'. تعلموا البنية الأساسية: كل صفحة HTML تبدأ بـ <!DOCTYPE html> ثم <html> ثم <head> للمعلومات غير المرئية و <body> للمحتوى المرئي. تدربوا على العلامات الأساسية: <h1> للعناوين الكبيرة، <p> للفقرات، <br> لكسر السطر. اكتبوا محتوى بسيط عن أنفسكم أو عائلتكم واحفظوا الملف وافتحوه في المتصفح لترى النتيجة.
اليوم الثاني: إضافة التنسيق والوسائط. اليوم تعلموا كيفية جعل صفحتكم أجمل. تعلموا علامات التنسيق: <strong> لجعل النص غامق، <em> للمائل، <u> للتسطير. أضيفوا الصور باستخدام <img src='اسم-الصورة.jpg'>، وأنشئوا قوائم بـ <ul> للقوائم العادية و <ol> للمرقمة. تعلموا إنشاء الروابط بـ <a href='https://example.com'>نص الرابط</a>. اختتموا بإنشاء جدول بسيط باستخدام <table>، <tr> للصفوف، و <td> للخانات.
إنشاء المشروع الأول. اجمعوا كل ما تعلمتموه في مشروع واحد. أنشئوا موقعاً بسيطاً عن العائلة يحتوي على: صفحة رئيسية بعنوان كبير وفقرة ترحيب، صور أفراد العائلة مع أسمائهم، قائمة بالهوايات المفضلة، جدول بمواعيد مهمة كأعياد الميلاد، وروابط لمواقع مفيدة. هذا المشروع سيجمع معظم ما تعلمتموه ويعطيكم شعوراً بالإنجاز.