أفضل 7 برامج تحرير HTML مجانية على الإنترنت لاختبار التعليمات البرمجية الخاصة بك

أفضل 7 برامج تحرير HTML مجانية على الإنترنت لاختبار التعليمات البرمجية الخاصة بك

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





بدون HTML ، لا يوجد ويب ، لذا فأنت بحاجة إلى معرفة كيفية إنشائه وتحريره. بدلاً من إعداد نظام اختبار كود HTML على جهاز الكمبيوتر الخاص بك ، من الأسهل اختبار التعليمات البرمجية في المستعرض.



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





لماذا يجب عليك استخدام محرر HTML عبر الإنترنت

يعد استخدام محرر HTML المستند إلى المستعرض أمرًا منطقيًا على شيء مثل Notepad ++ للأسباب التالية:

  • يتم تشغيل محررات HTML عبر الإنترنت مباشرة في متصفح الويب الخاص بك
  • اختبر كود HTML الخاص بك على الإنترنت - تحقق مما إذا كانت الشفرة تعمل كما هو متوقع
  • شاهد معاينات الويب في الوقت الفعلي - تحديثات المعاينة أثناء التحرير
  • تبسيط سير العمل الخاص بك - لا مزيد من الحفظ ، والتحميل في المتصفح ، والعودة إلى المحرر ، والتكرار
  • حيادي النظام الأساسي - يتم تشغيلها على أي جهاز متصل بالإنترنت.

هذه النقطة الأخيرة مهمة للغاية. هذا يعني أنه يمكنك تطوير صفحة ويب بسهولة على جهاز كمبيوتر مثل Chromebook. يمكنك حتى استخدام جهاز Android اللوحي ، أو جهاز كمبيوتر بقيمة 50 دولارًا مثل Raspberry Pi.



ترميز HTML هو بوابة سهلة الوصول ومباشرة لفهم البرمجة والتطوير. تحتاج باستمرار إلى اختبار كود HTML الخاص بك - ما هو أفضل من النتائج الحية في نافذة المتصفح الخاص بك؟

لنلقِ نظرة على بعض أفضل برامج تحرير HTML المتوفرة حاليًا عبر الإنترنت.



1. كود

CodePen هي 'بيئة تطوير اجتماعي' لمطوري الويب ، مما يعني في الأساس أنها محرر على الإنترنت مع ميزات تعاون. إنه يقدم تصميمًا بسيطًا. ستجد لوحة لـ HTML ولوحة لـ CSS ولوحة لـ JavaScript ، بالإضافة إلى لوحة للمعاينة في الوقت الفعلي. يمكن ضبط جميع أحجام اللوحة عن طريق سحب الحواف حولها.

يمكنك إنشاء 'أقلام' تشبه الملاعب الفردية لتعديل كود الويب. يمكن تجميع أقلام متعددة معًا في مجموعات.



بينما يكون التسجيل للاستخدام الأساسي مجانيًا ، تتطلب الأقلام والمجموعات الخاصة ملف حساب محترف . يبدأ هذا من 8 دولارات شهريًا ويتضمن استضافة الأصول والموضوعات القابلة للتضمين والتعاون في الوقت الفعلي والوصول إلى IDE لتطوير الويب الخاص بـ CodePen.

كثير من الناس يعتبرون CodePen أفضل محرر HTML على الإنترنت. جربه لترى ما إذا كان يناسب احتياجاتك.

2. JSFiddle

JSFiddle هو إلى حد كبير ما يبدو عليه: صندوق رمل حيث يمكنك العبث بجافا سكريبت. ربما تعلم أن JavaScript يسير جنبًا إلى جنب مع HTML و CSS. هذا يعني أنه باستخدام JSFiddle ، يمكنك تحرير الثلاثة معًا مرة واحدة باستخدام واجهة تحرير JSFiddle.

إذا أردت ، يمكنك تخطي JavaScript تمامًا.

ما هو لطيف في JSFiddle هو أنه يمكنك إضافة الطلبات الخارجية في الشريط الجانبي. يتيح لك ذلك تضمين ملفات JavaScript و CSS خارج الموقع لتحسين HTML. مفيد أيضًا هو الزر Tidy ، الذي ينظف تلقائيًا المسافة البادئة للكود ، بينما يتيح النقر فوق Collaborate التعاون عبر الإنترنت في الوقت الفعلي.

الجانب السلبي الوحيد هو أنه يجب عليك النقر فوق الزر 'تشغيل' لتحديث لوحة المعاينة.

3. JSBin

اعتبر JSBin كبديل أبسط وأنظف لـ JSFiddle. يمكنك تحرير أي مجموعة من HTML و CSS وجافا سكريبت بمجرد تبديل اللوحات بشريط الأدوات العلوي. لتحقيق أقصى قدر من المرونة ، يمكنك أيضًا تبديل لوحة المعاينة ولوحة وحدة التحكم كما هو مطلوب.

كيفية ربط wii بالتلفزيون الذكي

ولكن بينما يسمح لك JSFiddle بربط موارد CSS و JavaScript الخارجية ، فإن JSBin يقصرك على مكتبات JavaScript محددة مسبقًا. لكن الاختيار جيد ، بدءًا من jQuery إلى React إلى Angular والمزيد.

بينما JSBin مجاني ولا يتطلب حسابًا ، فستحتاج إلى ملف حساب محترف للحصول على ميزات متقدمة. وتشمل هذه الصناديق الخاصة والتضمينات المخصصة واستضافة الأصول ومزامنة Dropbox وعناوين URL المخصصة للصفحات المنشورة من خلال JSBin.

أربعة. نسج

Liveweave تشبه بصريًا برامج التحرير السابقة ، بواجهة مستخدم ممتعة. مثل JSFiddle ، يسمح Liveweave بالتعاون في الوقت الفعلي ، ومثل JSBin ، فإنه يتيح لك الارتباط بمصادر خارجية محددة مسبقًا مثل jQuery.

لكن لديها بعض الميزات الفريدة أيضًا. ينشئ مولد لوريم إيبسوم نصًا نائبًا في موضع المؤشر الحالي. يوفر CSS Explorer أداة WYSIWYG لإنشاء أنماط CSS ويساعدك Color Explorer على تحديد الألوان المثالية. وفي الوقت نفسه ، يمكّنك Vector Editor من إنشاء رسومات متجهة لموقعك.

كيفية محو منشور على الفيسبوك

5. HTMLhouse

يعد HTMLhouse خيارًا جيدًا إذا كنت تهتم فقط بـ HTML (على سبيل المثال ، بدون CSS أو JavaScript). نظيف وأقل حدًا ، يتم تقسيمه عموديًا بالتحرير على اليسار والمعاينة في الوقت الفعلي على اليمين.

من المفيد القدرة على نشر HTML الخاص بك ومشاركته بشكل خاص (عبر عنوان URL خاص) أو بشكل عام (مضاف إلى صفحة تصفح HTMLhouse ). إنه بسيط ولكنه فعال ، وهو بالضبط المكان الذي يلعب فيه محرر HTML عبر الإنترنت ويتفوق.

لاحظ أنه تم إنشاء HTMLhouse ويتم صيانتها بواسطة الأشخاص في اكتب ، أداة كتابة على الإنترنت خالية من الإلهاء. ضع ذلك في الاعتبار إذا كنت تخطط لكتابة محتوى موقعك الخاص.

6. HTMLG

يتبع خيار آخر HTMLG نفس نمط استخدام التعليمات البرمجية وأجزاء المعاينة لـ HTML. ومع ذلك ، لا تتضمن هذه الأداة CSS و JavaScript في نفس المشروع الموحد. بدلاً من ذلك ، إذا كنت تريد تحريرها ، فستحتاج إلى فتح علامة تبويب جديدة وتعديلها كمشاريع منفصلة.

هذا يجعلها مثالية لتعديلات HTML الخالصة واختبار الكود في متصفحك ؛ أقل من ذلك إذا كنت تريد دمج تعديلات CSS.

لاحظ أنه يوجد حد 300 كلمة إذا كنت تختبر صفحات ويب كاملة باستخدام HTMLG. لزيادة هذا المبلغ ، يمكنك الاشتراك في الإصدار المميز الخالي من الإعلانات ، بدءًا من 5.80 دولارًا شهريًا.

7. Dabblet

يقدم Dabblet نظرة مختلفة قليلاً على برامج تحرير HTML عبر الإنترنت ، حيث يقسم الشاشة إلى جزأين ، بدلاً من ثلاثة / أربعة أجزاء. لذلك ، لديك طريقة عرض لـ HTML والنتيجة ، وعرض منفصل (لكن مرتبط) لـ CSS والنتيجة.

يوفر هذا مساحة أكبر ، مما يعطي رؤية أوضح للكود والمعاينة. علاوة على ذلك ، يبرز مدقق w3.org HTML و CSS المدمج أي مشاكل.

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

استخدم أفضل برامج تحرير HTML على الإنترنت لتحسين مهاراتك

إذا كان تعرضك الوحيد لـ HTML هو ما تعلمته قبل عقد من الزمان ، فقد حان الوقت الآن لتعويض ذلك. تم إصدار HTML5 مرة أخرى في عام 2014 وقدمت مجموعة من المعايير والميزات الجديدة. لست متأكدا من أين تبدأ؟ تحقق من عناصر HTML5 الأساسية الجديدة هذه.

هل تريد تعلم الممارسات الجيدة في تصميم وتطوير مواقع الويب بتنسيق HTML5؟ تحقق من هذه مواقع الويب ذات أمثلة ترميز HTML عالية الجودة . يجب عليك أيضًا إلقاء نظرة على هذه الأدوات الأخرى لترقية مهارات تطوير الويب لديك.

يشارك يشارك سقسقة بريد الالكتروني 15 من أوامر موجه أوامر Windows (CMD) يجب أن تعرفها

موجه الأوامر لا يزال أداة Windows قوية. فيما يلي أوامر CMD الأكثر فائدة التي يحتاج كل مستخدم Windows إلى معرفتها.

اقرأ التالي مواضيع ذات صلة
  • برمجة
  • محرر النص
  • تطوير الشبكة
  • محرري WYSIWYG
  • HTML5
  • البرمجة النصية
نبذة عن الكاتب كريستيان كاولي(تم نشر 1510 مقالة)

نائب محرر الأمان ، Linux ، DIY ، البرمجة ، و Tech Explained ، ومنتج Podcast مفيد حقًا ، مع خبرة واسعة في دعم سطح المكتب والبرامج. مساهم في مجلة Linux Format ، كريستيان هو من هواة Raspberry Pi tinkerer و Lego عاشق ومحب للألعاب القديمة.

المزيد من Christian Cawley

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك