كما يقول المثل: "إذا كنت تريد القيام بعملك بشكل جيد، فيجب عليك أولاً تحسين أدواتك." يمكن لمحرر HTML المفيد أن يجعلك أكثر كفاءة في إنشاء صفحات الويب بتنسيق HTML والحصول على نتيجة مضاعفة بنصف الجهد.
فيما يلي بعض المحررات شائعة الاستخدام:
1. استخدم Notepad أو Notepad++ لكتابة HTML
هذه هي ميزة المفكرة التي تأتي مع معظم أجهزة الكمبيوتر، ونعتقد أن استخدام محرر نص بسيط يعد طريقة رائعة لتعلم HTML.
الخطوة 1: بدء تشغيل المفكرة
كيفية تشغيل المفكرة:
(1) ابدأ → كافة البرامج → المرفقات → المفكرة
(2) ابدأ → أدخل الأمر المفكرة لبدء تشغيل المفكرة
(3) قم بإنشاء مستند نصي جديد مباشرة على سطح المكتب
جميع الطرق الثلاث المذكورة أعلاه متاحة.
الخطوة 2: تحرير HTML باستخدام المفكرة
اكتب كود HTML في المفكرة:
<!DOCTYPEhtml><html><body><h1>شبكة لغة C</h1><p>مرحبًا بك في موقعنا على الويب للتعلم والتسجيل. </p></body></html>
كما هو موضح في الصورة:
الخطوة 3: حفظ HTML
حدد "حفظ باسم" من قائمة "ملف" في برنامج "المفكرة".
عند حفظ ملف HTML، يمكنك استخدام الملحق .htm أو .html ولا يوجد فرق بين الاثنين.
الخطوة 4: قم بتشغيل ملف HTML هذا في المتصفح
قم بتشغيل المستعرض الخاص بك وحدد الأمر "فتح ملف" من القائمة "ملف"، أو انقر نقرًا مزدوجًا فوق ملف HTML الخاص بك مباشرةً في المجلد.
نتائج العرض قيد التشغيل مشابهة لما يلي:
2. استخدم Visual Studio Code لكتابة HTML
يعد Visual Studio Code محررًا متعدد المنصات لكتابة تطبيقات الويب والسحابة الحديثة التي تعمل على أنظمة التشغيل OS X وWindows وLinux. يُعرف أيضًا باسم أقوى مترجم في الكون. يمكنك تنزيل البرنامج المقابل من الموقع الرسمي للبرنامج التالي وتثبيته وفقًا للخطوات.
رمز VS: https://code.visualstudio.com/
يمكنك تنزيل البرنامج المقابل من الموقع الرسمي للبرنامج أعلاه وتثبيته وفقًا للخطوات.
الخطوة 1: إنشاء ملف HTML جديد
بعد اكتمال تثبيت VS Code، حدد "File (F)->New File (N)" وأدخل الكود التالي في الملف الجديد:
<!DOCTYPEhtml><html><body><h1>شبكة لغة C</h1><p>مرحبًا بك في موقعنا على الويب للتعلم والتسجيل. </p></body></html>
الخطوة 2: احفظ كملف HTML
ثم حدد "ملف (F)->حفظ باسم (A)" واسم الملف هو test.html:
الخطوة 3: قم بتشغيل ملف HTML هذا في متصفحك
ثم انقر بزر الماوس الأيمن فوق اسم الملف في المحرر واختر فتحه في المتصفح الافتراضي (تتوفر متصفحات أخرى أيضًا):
3. اتش بيلدر
HBuilder هو بيئة تطوير متكاملة لتطوير الويب أطلقتها DCloud وتدعم HTML5. تمت كتابة HBuilder باستخدام Java وC وWeb وRuby. النص الرئيسي لـ HBuilder نفسه مكتوب بلغة Java. السرعة هي أكبر ميزة لـ HBuilder من خلال مطالبات بناء الجملة الكاملة وطرق إدخال التعليمات البرمجية وكتل التعليمات البرمجية وما إلى ذلك، مما يؤدي إلى تحسين كفاءة تطوير HTML وjs وcss بشكل كبير. Hbuilder هو IDE للتطوير الأمامي كتبه مطورو الواجهة الأمامية الصينيون، لذا فإن استخدامه يتماشى أكثر مع عادات التطوير الصينية لدينا، ومن الملائم جدًا استخدام HBuilder لكتابة كود HTML.
4. أدوبي دريمويفرCS
Dreamweavercs6 عبارة عن مجموعة من مصححات التعليمات البرمجية مع واجهة تصحيح مرئية أطلقتها شركة Adobe، أكبر شركة تصنيع برامج دولية، والتي يمكن استخدامها لتصحيح مواقع الويب وتطبيقات الهاتف المحمول. نظرًا لأنه يدعم البرمجة والتقسيم والتصميم والعرض في الوقت الفعلي وطرق أخرى لإنشاء صفحات الويب وكتابتها وتعديلها، بالنسبة للمستخدمين المبتدئين، يمكنك إنشاء صفحات ويب بسرعة دون كتابة أي تعليمات برمجية. تعد أدوات تعديل التعليمات البرمجية المتطورة الخاصة بها أكثر ملاءمة لإنشاء كبار مطوري الويب! يستخدم الإصدار الجديد من cs6 تخطيط شبكة قابل للتكيف لإنشاء صفحة. استخدم معاينة الشاشات المتعددة لمراجعة التصميم قبل النشر، مما قد يؤدي إلى تحسين كفاءة العمل بشكل كبير. لذلك، يعد AdobeDreamweaverCS أيضًا مصححًا أفضل لرموز HTML.
5. النسخة الصينية SublimeText3
SublimeText هو برنامج مصحح مع تمييز التعليمات البرمجية، ومطالبات بناء الجملة، والإكمال التلقائي والاستجابة السريعة، ولا يحتوي على واجهة رائعة فحسب، بل يدعم أيضًا آلية توسيع المكونات الإضافية، ومن المؤكد أنه من دواعي سروري كتابة التعليمات البرمجية معها. بالمقارنة مع Vim، الذي يصعب استخدامه، وEclipse وVS، المتضخمين والثقيلين، وEditplus وNotepad++، اللذين يتميزان بخفة الوزن وسرعة التشغيل، فإن SublimeText يطغى عليهما بشكل عام. ليس هناك شك في أن هذا المحرر المثير للغاية هو كذلك اختيار جيد للترميز.
6. المفكرة ++
تم تصميم برنامج Notepad++ ليحل محل برنامج Notepad الافتراضي في نظام التشغيل Windows وهو أقوى بكثير من برنامج Notepad. يدعم برنامج notepad++ المكونات الإضافية، ويضيف المكونات الإضافية المقابلة لدعم وظائف مختلفة. بالإضافة إلى بعض المكونات الإضافية الشائعة، هناك أيضًا بعض المكونات الإضافية المثيرة للاهتمام، مثل المكون الإضافي للكلام الذي يقرأ النص. برنامج Notepad++ هو برنامج خفيف لتحرير النصوص، فهو يبدأ بشكل أسرع ويستهلك موارد أقل من بعض أدوات تحرير النصوص الاحترافية الأخرى، ولكنه لا يقل عن تلك الأدوات الاحترافية من حيث الوظائف والتطبيقات.
7. تحرير بلس
عنوان التحميل: https://www.editplus.com/
EditPlus هو محرر Windows صغير ولكنه قوي من إنتاج شركة Sangil Kim (ES-Computing) في كوريا الجنوبية ويمكنه التعامل مع النصوص وHTML ولغات البرمجة، كما أنه محرر HTML سهل الاستخدام للغاية، ويمكنك حتى تعيين خدمة أدوات المستخدم باعتباره IDE بسيطًا لـ C وJava وPhp ولغات أخرى.