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

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

  1. فهم أساسيات المواقع الإلكترونية. الموقع الإلكتروني يتكون من ملفات تحتوي على تعليمات يفهمها المتصفح. اللغة الأساسية تسمى HTML وهي مثل الهيكل العظمي للموقع. كل ما نحتاجه هو كتابة هذه التعليمات في ملف نصي وحفظه بامتداد .html. المتصفحات مثل كروم أو فايرفوكس تقرأ هذه الملفات وتحولها إلى صفحات جميلة نراها على الشاشة.
  2. إعداد مساحة العمل. أولاً، أنشئ مجلد جديد على سطح المكتب وأطلق عليه اسم 'موقعي الأول'. افتح محرر النصوص الموجود على جهازك - في الويندوز استخدم Notepad، وفي الماك استخدم TextEdit. تأكد من ضبط محرر النصوص على الوضع النصي العادي وليس التنسيق المتقدم. احفظ أول ملف باسم index.html داخل المجلد الذي أنشأته.
  3. كتابة أول صفحة HTML. ابدأ بكتابة الهيكل الأساسي: <!DOCTYPE html> في السطر الأول، ثم <html> في السطر التالي. أضف <head> ثم <title>موقعي الأول</title> ثم أغلق بـ </head>. بعدها أضف <body> واكتب <h1>مرحباً بكم في موقعي</h1> ثم <p>هذا أول موقع أنشأته بنفسي!</p>. أخيراً أغلق بـ </body> ثم </html>. احفظ الملف وافتحه بالمتصفح لترى النتيجة.
  4. إضافة المحتوى والتنسيق. أضف المزيد من المحتوى باستخدام العناصر المختلفة: <h2> للعناوين الفرعية، <p> للفقرات، <img src='اسم_الصورة.jpg'> للصور، و <a href='رابط'>نص الرابط</a> للروابط. لجعل الموقع أجمل، أضف قسم <style> داخل <head> واكتب قواعد CSS بسيطة مثل body { font-family: Arial; color: blue; } لتغيير الخط واللون. جرب ألوان وخطوط مختلفة حتى تجد ما يعجبك.
  5. إضافة صفحات جديدة وربطها. أنشئ ملفات HTML جديدة مثل about.html أو contact.html بنفس الطريقة. في كل صفحة، أضف قائمة تنقل بسيطة باستخدام الروابط: <a href='index.html'>الرئيسية</a> و <a href='about.html'>عني</a>. تأكد من أن جميع الملفات في نفس المجلد وأن أسماء الملفات في الروابط مكتوبة بشكل صحيح. اختبر كل رابط للتأكد من أنه يعمل بشكل صحيح.
  6. اختبار وتحسين الموقع. افتح موقعك في متصفحات مختلفة للتأكد من ظهوره بشكل صحيح. اطلب من أفراد العائلة تجربة الموقع وإعطاء ملاحظات. تأكد من أن جميع الروابط تعمل والصور تظهر بوضوح. راجع النصوص للتأكد من عدم وجود أخطاء إملائية. احفظ نسخة احتياطية من جميع ملفات الموقع في مكان آمن.