جاري التحميل...

محررات HTML

أنت تعرف بالفعل أن HTML هو ترميز داخل ملف نصي. تركز هذه الحصة على الأداة التي تكتب بها ذلك الملف: محرر HTML. اختيار أداة نصية بسيطة يحافظ على نظافة الوسوم ويسهّل فتح صفحاتك الأولى في المتصفح.

ما هو محرر HTML؟

محرر HTML هو أي برنامج يتيح لك كتابة نص عادي وحفظه كملف .html. المتصفح لا يهتم بالعلامة التجارية؛ يحتاج فقط إلى ترميز صحيح وملف يمكن فتحه. تتراوح المحررات من تطبيقات المفكرة الصغيرة إلى محررات أكواد كاملة مع تمييز بالألوان ومتصفح ملفات.

إجابة مباشرة: ماذا يستخدم المبتدئ؟

ابدأ بمحرر أكواد مجاني مثل Visual Studio Code، أو حتى Notepad في Windows / TextEdit في وضع النص العادي على macOS. تجنّب Microsoft Word وGoogle Docs ومعالجات النصوص المشابهة لدروس HTML. تلك التطبيقات مبنية للمستندات المطبوعة وغالباً تضيف تنسيقاً مخفياً يكسر صفحات الويب.

محرر النص العادي مقابل محرر الأكواد

يحفظ محرر النص العادي الحروف التي تكتبها فقط، وهذا يكفي لـ HTML. محرر الأكواد ما زال يحفظ نصاً عادياً، لكنه يضيف ميزات مفيدة:

تمييز بناء الجملة ليسهل قراءة الوسوم والنص
أرقام الأسطر لإيجاد الأخطاء
مجلدات وملفات متعددة في نافذة واحدة
إضافات اختيارية لاحقاً (غير مطلوبة في هذه الدورة)
لا تحتاج إلى بيئة تطوير مدفوعة لتعلم HTML.

صفحة بسيطة للحفظ

html

HTML Code

<!DOCTYPE html>
<html>
<head>
<title>تمرين المحرر</title>
</head>
<body>
<h1>كتبت هذا في محرر</h1>
<p>حُفظ كملف .html وفُتح في المتصفح.</p>
</body>
</html>

لماذا ملف التمرين هذا؟

انسخ المثال إلى محررك، احفظه باسم editor-practice.html، ثم افتحه في Chrome أو Firefox أو Edge أو Safari. إذا رأيت العنوان والفقرة، فإعدادات المحرر والحفظ تعمل.

كيف تنشئ أول ملف HTML

افتح المحرر وأنشئ ملفاً جديداً
الصق أو اكتب مستند HTML أساسياً
احفظ الملف باسم ينتهي بـ .html (مثلاً index.html)
إذا سأل المحرر عن الترميز فاختر UTF-8 عند الإمكان
افتح الملف المحفوظ في المتصفح (نقرة مزدوجة أو سحب الملف إلى نافذة المتصفح)
في Notepad على Windows استخدم Save As، واضبط «Save as type» على All Files، واكتب امتداد .html بنفسك حتى لا يصبح الملف .txt.

المحررات عبر الإنترنت وصناديق Try-it هنا

تتيح بيئات الويب تحرير HTML في المتصفح دون تثبيت برامج، وهي مفيدة للتجريب السريع. في هذه الدورة تدرب أيضاً على ملف .html محلي لتتعلم سير عمل الحفظ والفتح الحقيقي. عندما يعرض الدرس صندوق كود Try-it يمكنك تشغيله هناك وإعادة إنشاء نفس الترميز في محررك.

خيارات مجانية مقترحة

هذه اختيارات شائعة ومناسبة للمبتدئين (أي واحد يكفي):

Visual Studio Code — محرر أكواد مجاني شائع
Notepad++ (Windows) — خفيف مع تمييز
Sublime Text — محرر سريع (تجربة مجانية)
Notepad المدمج / TextEdit نص عادي — كافٍ للحصص الأولى
اختر أداة واحدة والتزم بها لفترة حتى يصبح سير العمل تلقائياً.

أخطاء شائعة

كتابة HTML في Word أو Docs والتصدير دون فهم الترميز الإضافي الذي تضيفه هذه الأدوات
الحفظ بالخطأ كـ .txt ثم التساؤل لماذا يعرض المتصفح وسوماً خام أو يتعامل مع الملف بشكل غريب
تعديل الملف ونسيان الحفظ قبل تحديث المتصفح
وضع نص منسق يغيّر علامات الاقتباس أو يدرج ترقيمًا ذكيًا داخل السمات
توقع أن المحرر «يشغّل» HTML وحده — المتصفح يعرض الصفحة؛ المحرر يخزّن المصدر فقط

ملخص

يُكتب HTML كنص عادي في محرر ثم يُحفظ كـ .html
محررات الأكواد تساعد بالتمييز، وأدوات مثل المفكرة تعمل أيضاً
تجنّب معالجات النصوص لتعلّم ترميز HTML
احفظ ثم افتح أو حدّث المتصفح لرؤية التغييرات
المحررات عبر الإنترنت مفيدة؛ الملفات المحلية تعلّم سير العمل الحقيقي
محرر ثابت أفضل من تبديل الأدوات في كل حصة

🧠 اختبر معرفتك

جاهز للبدء

اختبر معرفتك

تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع

❓

الأسئلة

🎯

70%

للنجاح

♾️

∞

الوقت

🔄

∞

المحاولات

📝 التعليمات

اقرأ كل سؤال بعناية
اختر أفضل إجابة لكل سؤال
يمكنك إعادة الاختبار عدة مرات كما تريد
سيتم عرض تقدمك في الأعلى

اللغة