شرح محررات HTML للمبتدئين — كيفية اختيار واستخدام محرر الأكواد

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

1. المحررات البسيطة (للمبتدئين)

نوصي في البداية باستخدام محرر نصوص بسيط مثل Notepad (Windows) أو TextEdit (Mac) لفهم الأساسيات دون تعقيدات الإكمال التلقائي.

مستخدمي Windows

افتح قائمة Start وابحث عن Notepad.

[صورة: البحث عن Notepad في ويندوز]

مستخدمي Mac

افتح Finder > Applications > TextEdit.

[صورة: فتح TextEdit في ماك]

2. خطوات إنشاء صفحتك الأولى

1
اكتب الكود

قم بنسخ هذا الكود البسيط وضعه في المحرر الذي فتحته:


<!DOCTYPE html>
<html>
<body>
    <h1>مرحباً بك في Devarabi</h1>
    <p>هذه أول صفحة ويب أقوم بإنشائها.</p>
</body>
</html>
            
2
احفظ الملف (مهم جداً)

اختر File > Save As وقم بتسمية الملف index.html.

تأكد من أن الامتداد هو .html وليس .txt، واضبط الترميز (Encoding) على UTF-8.

[صورة: نافذة حفظ الملف مع اختيار الترميز]

3
افتح الملف في المتصفح

انقر نقراً مزدوجاً على الملف الذي حفظته، وسيفتح في متصفحك المفضل.

مرحباً بك في Devarabi

هذه أول صفحة ويب أقوم بإنشائها.

3. المحررات الاحترافية (Professional IDEs)

بمجرد أن تتعلم الأساسيات، ستحتاج إلى أدوات تجعل عملك أسرع وأكثر دقة. إليك أفضل الخيارات:

VS Code

الأكثر شهرة، مجاني، ويدعم آلاف الإضافات.

نوصي به بشدة
Sublime Text

سريع جداً وخفيف على موارد الجهاز.

Notepad++

خيار كلاسيكي ممتاز لمستخدمي ويندوز.

لماذا نستخدم محرراً احترافياً؟
  • تلوين الكود (Syntax Highlighting)
  • الإكمال التلقائي (Auto-complete)
  • كشف الأخطاء فوراً
  • إدارة ملفات المشروع بسهولة
نصيحة للمستقبل: تعلم استخدام الاختصارات في محررك الاحترافي سيوفر عليك ساعات من العمل لاحقاً!
المحرر الذكي

اكتب الكود وشاهد النتيجة فوراً

جرب الآن مجاناً
قناة ديف عربي

تابع أحدث الدروس والتحديثات مباشرة على واتساب

انضم الآن