أفضل برامج تحرير HTML المجانية. برامج لإنشاء صفحات الويب محرر صفحة ويب بواجهة رسومية

يحتاج كل مصمم ويب ومبرمج إلى محرر صفحة ويب جيد لإنشاء وتحرير كود HTML و CSS و JavaScript. تعد Notepad (Windows) و TextEdit (Mac) أدوات رائعة للبدء بها ، ولكن كلما زادت خبرتك ، ستحتاج إلى استخدام أداة أكثر صلابة وملاءمة.

هناك المئات من المحررين الرائعين للاختيار من بينهم ، لكن العديد منهم يحصلون على أجر. وإذا كنت لا تريد انتهاك حقوق النشر ، ولكن الميزانية لا تملك الأموال اللازمة لشراء منتج تجاري؟ تغطي هذه المقالة العديد من المحررين المجانيين الممتازين.

• محرري WYSIWYG.هذه هي برامج تحرير الرسوم التي تسمح لك بإنشاء تخطيط للصفحة وتعيين الأنماط بشكل مرئي ، كما هو الحال في معالج النصوص المعروف MS Word. إنها أداة سهلة لبناء تصميم الصفحة ، على الرغم من أن كل مصمم ويب متمرس يعرف ، لا تزال الشفرة بحاجة إلى "تمشيط" لتحقيق نتيجة رائعة.
• محرري النصوص.إنها أداة لتحرير كود HTML و CSS مباشرة. بعض المحررين هي أغراض عامة وليس لديهم خيارات خاصة لدعم كود الويب. يتخصص البعض الآخر في استخدام لغات الويب مثل HTML و CSS و JavaScript و PHP ، ولديهم خصائص مضمنة لإدخال علامات HTML وخصائص CSS وما إلى ذلك بسرعة. يسمح لك العديد من هؤلاء المحررين بمشاهدة صفحة ويب في نافذة منفصلة.

Compozer (Windows ، Mac ، Linux)

يعد KompoZer خيارًا رائعًا إذا كنت بحاجة إلى محرر مرئي بميزانية محدودة

Komodo Edit هو محرر جيد وسهل التعلم ولكنه قوي وقابل للتوسيع

على الرغم من أنه محرر للأغراض العامة ، إلا أنه يدعم HTML و CSS ، وله تكملة سياقية لعلامات HTML وخصائص CSS ، بالإضافة إلى مجموعة من التعليمات البرمجية المضمنة لعناصر HTML المختلفة. من أجل تحقيق أقصى استفادة من استخدام Komodo ، تحتاج إلى تثبيت ملحق HTML Toolkit ، والذي يحتوي على ميزات رائعة مثل علامات الإغلاق التلقائي ومعاينة عرض CSS ومولد نص مؤقت.

يسمح لك Komodo Edit بمشاهدة الصفحات المحررة في أي متصفح مثبت ، أو استخدام المتصفح المدمج في نافذة منفصلة ، حتى تتمكن من التعديل ورؤية نتيجة التغييرات في نفس الوقت.

يحتوي المحرر على وظيفة مضمنة لتحميل الملفات إلى الموقع (FTP أو FTPS أو SFTP أو SCP) ، ويمكنك أيضًا تجميع ملفاتك بطريقة ممتعة باستخدام خيار مدير المشروع.

ميزة مفيدة جدا رمز> تحديد كتلة. إنه يبرز الكتلة الرئيسية الحالية لـ HTML ، مثل عنصر div أو ul الحالي المغلق. ميزة مفيدة للغاية عندما تحتاج إلى تحديد قسم كامل على الصفحة لنسخه أو نقله.

يحتوي Komodo Edit على الكثير من الميزات القوية والمفيدة ، مثل استخدام التعبيرات العادية للبحث / الاستبدال ، والقدرة على تنفيذ الأوامر الخارجية ، وما إلى ذلك. لحسن الحظ ، يحتوي المحرر أيضًا على نظام مساعدة جيد يجعل من السهل إتقان قوة Komodo Edit.

Aptana Studio (Windows ، Mac ، Linux)

Aptana Studio عبارة عن بيئة تطوير تطبيقات ويب متكاملة متكاملة مع مجموعة واسعة من المكونات الإضافية. على الرغم من أنه لا يمكنك استخدامه إلا كمحرر كود HTML / CSS / JavaScript

يعد Notepad ++ بديلاً رائعًا لبرنامج Notepad من Windows. على الرغم من أنه لا يحتوي على نفس مجموعة الخيارات مثل المحررين الآخرين ، إلا أنه رائع لتحرير HTML و CSS و JavaScript وملفات التعليمات البرمجية الأخرى.

PSPad هو محرر آخر للأغراض العامة لنظام Windows مع مجموعة كبيرة من الميزات المفيدة لتشفير HTML و CSS

jEdit هو محرر نصوص متعدد المنصات مع أوامر ماكرو قوية وميزات البرنامج المساعد. قم بتثبيت ملحق XML إذا كنت بحاجة إلى تحرير صفحات الويب

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

من الصعب بالتأكيد تعلم Vim ، ولكن بمجرد اجتيازه ، لن ترغب أبدًا في العودة!

حفيد محرري النصوص للمبرمجين Vim (سليل مباشر لمحرر vi) هو محرر نصوص لوحدة تحكم مفتوحة المصدر. يتم تثبيته كمحرر افتراضي على جميع نكهات Unix تقريبًا ، بما في ذلك Linux و Mac OS X. يتوفر محرر أيضًا للاستخدام على Windows والعديد من الأنظمة الأخرى.

Vim ليس نظامًا يمكنك تثبيته والبدء في استخدامه على الفور ، ولم تتعامل معه من قبل. تتضمن معظم أوامر التحرير تركيبات غريبة مثل: wq و /. كما أن لديها ثلاثة أوضاع تحرير: الوضع يُدرج، حيث يتم إدخال النص ؛ مرئيوضع لتسليط الضوء على النص ؛ و يأمروضع لإدخال الأوامر. هذه الوظيفة هي إرث من نظام يونكس منذ الأيام التي لم تكن فيها نوافذ أو ماوسات.

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

يوجد عدد كبير من وحدات ماكرو Vim والمكونات الإضافية التي تجعل من السهل العمل باستخدام كود HTML و CSS وجافا سكريبت ، بما في ذلك تمييز بناء الجملة والإكمال التلقائي و HTML Tidy والتصفح في المستعرض. فيما يلي قائمة كبيرة بالروابط المفيدة:

• فيم أومني الإكمال التلقائي
• تحرير HTML / XHTML في Vim
• الصفحة الرئيسية

فرايز (ماك)

Fraise هو محرر سهل الاستخدام لنظام التشغيل Mac مع ميزات كافية لتحرير الويب

مثل TextWrangler و gedit ، يعد Fraise محررًا خفيف الوزن رائعًا يسعد استخدامه. إنه شوكة المحرر. إنه جديد نسبيًا ولا يحتوي على خادم ويب مناسب. إنه مدعوم حاليًا فقط على نظام التشغيل Mac OS X 10.6 (Snow Leopard) ، مما يعني أنه إذا كنت تقوم بتشغيل الإصدار 10.5 ، فستحتاج إلى تنزيل Smultron.

لدى Fraise بعض الخيارات الرائعة لتحرير الويب:

• تمييز التعليمات البرمجية لـ HTML و CSS و JavaScript و PHP والعديد من لغات البرمجة الأخرى.
• أمر إغلاق العلامة (Command-T) لإغلاق العلامة الحالية. هذا حقا يوفر الوقت عند دخول القوائم.
• معاينة مريحة في المتصفح المدمج (باستخدام WebKit) ، مع خيار Live Update سهل الاستخدام؟ الذي يقوم بتحديث المتصفح بمجرد تغيير الترميز و CSS في الصفحة المحررة.
• خيار بحث متقدم يدعم البحث / الاستبدال باستخدام التعبيرات العادية.
• دعم الكتل لإدخال علامات HTML وخصائص CSS بسرعة.
• بعض الأوامر المفيدة لمعالجة النص ، مثل التحقق من صحة HTML وتحويل الأحرف إلى عناصر HTML.

تستحق Fraise استكشاف ما إذا كنت تستخدم جهاز Mac وتحتاج إلى محرر سهل الاستخدام به ميزات أكثر من TextEdit المدمج.

NeonHTML - محرر HTML و CSS مجاني مع أدوات مرئية. يختلف في وظائف الأدوات. يدعم XHTML. يسمح لك بالتحرير بسرعة وبشكل مريح: تمييز بناء الجملة ، إنشاء مرئي للعلامات في مربعات الحوار. تحتوي معظم الأدوات على معاينة ، ويؤثر تغيير المعلمات فورًا على العرض في المعاينة. يوجد متصفح مدمج به تقليد لدرجات دقة ومقاييس مختلفة. أداة تحسين محرك البحث (SEO) ومدقق تصنيف موقع الويب. ستساعد أداة تنوع النص في الترويج. عمل جيد جدًا مع الألوان - لوحة تم إنشاؤها خصيصًا كما في برامج تحرير الرسوم ، قائمة الألوان الحديثة ، قائمة ألوان الصفحة ، التحرير السريع للألوان بنقرة واحدة ، الإنشاء الفوري لمعلمات النمط مع تحديد اللون ، عامل إرساء الألوان. تتفاعل الأدوات مع بعضها البعض ، وهذا يحقق التعود السريع على الواجهة والراحة والسرعة العالية. لا يحل محل لوحة المفاتيح حيث لا تكون هناك حاجة إليها. لا يحتوي على قوائم غير مهمة.

________________________________________________________________________________

ميزات البرنامج
دعم تنسيقات الملفات الرئيسية - html و css و js و php و shtml و txt وأي ملفات نصية عادية
موحدة لتكون قادرة على تحرير XHTML
دعم ترميزات Windows-1251 و UTF-8 و KOI8-R و KOI8-U. تحويل صفحة إلى ترميز آخر مع تحويل العلامة الوصفية
فتح مستندات متعددة في برنامج واحد
البحث والتحسين السياقي. ستوضح الأداة كيف ستبدو الصفحة في استجابة محرك البحث ، وما سيراه محرك البحث عند الفهرسة ، وتقييم تكرار الكلمات ، وتحرير العنوان والوصف والكلمات الرئيسية ، والانتقال السريع إلى خدمات Google و Yandex المختلفة ، والتحقق السريع من TCI والعلاقات العامة ، وأداة تغيير النص ، وما إلى ذلك.
تتيح لك أداة إنشاء الجدول المرئي تحديد عدد الخلايا ودمج الخلايا بسرعة بالماوس
متصفح مدمج ملائم يعتمد على Internet Explorer مع ميزات إضافية لتصحيح أخطاء الصفحات
يسمح لك محرر النصوص باختيار اللون والنمط وحجم الخط بصريًا. بدون التفكير في العلامات ، ستحصل على كود HTML للنص (للمبتدئين ، لا يحل محل التحرير اليدوي)
يؤدي الإدراج السريع لخيارات CSS في شكل قائمة والقائمة المنسدلة إلى إدراج خيارات متنوعة في النمط. علاوة على ذلك ، إذا كانت المعلمة تتضمن اختيار اللون ، أو الخط ، أو المسار إلى الملف ، فسيتم استدعاء مربعات الحوار والأدوات المقابلة تلقائيًا
توفر أداة إنشاء الخط المرئي العديد من خيارات الأنماط ومعاينة فورية للنتيجة. اختيار الخلفية للعرض ، ودعم الفئات ، وحفظ الإعدادات كفراغات للخط ، وإدخال نص لعرض النتيجة. تنشئ الأداة نمطًا مختصرًا أو كاملًا والعلامات المطلوبة
أصبح العمل بالألوان على الصفحات أكثر ملاءمة. من خلال قوائم الألوان الحديثة وجميع ألوان المستندات ، من السهل الاحتفاظ بالصفحة بلون واحد. قائمة الألوان مدمجة في جميع الأدوات التي تحتاج إلى العمل بالألوان. لوحة محسنة (غير قياسية) مصممة خصيصًا لسهولة اختيار الألوان
عرض ملائم لموارد الصفحة بنقرة واحدة على رابط - سواء كان صورة أو فيلم فلاش أو جدول CSS خارجي أو صفحة أخرى. بالإضافة إلى ذلك ، يتم فتح CSS والصفحات للتحرير في محرر جديد. ويسمح لك دعم تقنية السحب والإفلات بإدراج صورة كعلامة أو خلفية ببساطة عن طريق إسقاطها من المجلد في المحرر
سيساعدك التنقل عبر المستند في شكل شجرة علامات هرمية على الانتقال إلى العلامة المطلوبة. بمساعدتها ، يمكنك تحديد الأخطاء في البنية المنطقية للمستند.
التجميع التلقائي لفئات الصفحات و CSS الخارجية من الروابط. في أي مكان أو أداة برمجية تحتاج فيه إلى فصل دراسي - ما عليك سوى تحديده من القائمة المنسدلة
سيساعدك سجل الرسائل على التعلم وعدم نسيان استخدام الأدوات في الموقف المناسب
تصدير الصفحة و CSS في شكل مضغوط مع الحفاظ الكامل على الوظائف السابقة. في هذه الحالة ، يتم مسح المستند من المسافات غير الضرورية ، والمسافات البادئة ، وفواصل الأسطر ، وما إلى ذلك.
استخدام مقتطفات التعليمات البرمجية. الآن يمكن إنشاء الفراغ من الجزء المحدد. هناك حاجة إلى الفراغات بشكل خاص عند تحرير الموقع بالكامل وعند العثور على رموز مفيدة ، عندما يلزم تذكر هذه الرموز بشكل عاجل
التحقق من التعليمات البرمجية بحثًا عن الأخطاء الجسيمة - العلامات غير المعروفة وغير المغلقة والروابط المعطلة والفارغة والأخطاء في بناء الجداول. حتى إذا كنت واثقًا من معرفتك بـ HTML ، فقد لا تعمل الصفحة مبتذلة بسبب خطأ إملائي ، وقد يكون من الصعب جدًا العثور عليها بنفسك
لوحة الملفات على اليسار لتحديد الملفات في المجلد الحالي
قم بإنشاء روابط مع اختيار النمط أو إنشاء فئة لأربع حالات (عام ، بسيط ، مستخدم ، مؤشر فوقه).

هناك العديد من الطرق لإنشاء موقعك الخاص - من استخدام القوالب الجاهزة على Narod.ru إلى التقدم بطلب للحصول على إعلان مثل "إنشاء مواقع في يومين من 300 روبل". حتى الطفل يمكنه إنشاء مدونته الخاصة أو صفحة رئيسية بسيطة. هذا هو السبب في أن كل شخص تقريبًا يمكنه التباهي بامتلاك موقعه الخاص على الويب. يتم توفير خدمات متنوعة تحت تصرف أي شخص يريد مصمم مواقع ، والذي يقوم في غضون ثوانٍ بإنشاء صفحة مستخدم شخصية بسيطة. هناك مئات ومئات الآلاف من هذه الصفحات على الإنترنت. كقاعدة عامة ، هم متشابهون مع بعضهم البعض ولا يتم تذكرهم. بالنسبة لأولئك الذين يستخدمون أدوات مجانية عبر الإنترنت لإنشاء صفحة ويب شخصية ، فإن امتلاك موقع ويب غالبًا ما يكون ممتعًا ، حيث ينشئ الأشخاص الصفحة وينسونها. يتم تقليل المحتوى الموجود عليه في معظم الحالات إلى نشر صور لكلبك وبعض المعلومات "عنك".

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

تعد محررات الويب المرئية طريقة جيدة لتوفير الوقت في تعلم برمجة الويب وإنشاء موقع ويب سريعًا مليئًا بجميع المعلومات الضرورية. من ناحية أخرى ، لإنشاء مشروع ويب باستخدام مثل هذا البرنامج ، لا تحتاج إلى معرفة خاصة وأن تكون مبرمجًا. من ناحية أخرى ، تمنحك هذه الأنواع من التطبيقات حرية أن تكون مبدعًا وتضمن ألا يبدو الموقع تمامًا مثل الآلاف من التطبيقات الأخرى. يعتمد عمل برامج تحرير الويب المرئية على خاصية WYSIWYG - ما تراه هو ما تحصل عليه (ما تراه هو ما تحصل عليه). بمعنى آخر ، أثناء التحرير ، تبدو صفحات الويب متشابهة إلى حد كبير كما سيتم عرضها في المستعرض.

⇡ WYSIWYG Web Builder 7.1.0

• المطور: Pablo Software Solutions
• حجم التوزيع: 5.5 ميغا بايت
• التوزيع: كومبيوتري
• الواجهة الروسية: لا

تتكون صفحات الويب التي تم إنشاؤها باستخدام WYSIWYG Web Builder وغيرها من برامج التحرير المرئية من كتل فردية. يمكن أن يكون نصًا أو رسومات أو مقاطع فيديو فلاش ، إلخ. كل ما يحتاجه المستخدم هو تحديد الكتل اللازمة ووضعها في الأماكن المناسبة على الصفحة ، بينما سيتم إنشاء الكود تلقائيًا بواسطة البرنامج.

إذا لم تكن لديك خبرة في تصميم الويب ، فيجب أن تبدأ في إنشاء مشروعك الأول في البرنامج باستخدام قالب جاهز. بشكل افتراضي ، يحتوي WYSIWYG Web Builder على حوالي عشرة قوالب من اتجاهات مختلفة ، ويمكن تنزيل عشرات أخرى مجانًا من الموقع الرسمي للبرنامج. بعد تنزيل النموذج ، ستتمكن من تحرير أي من عناصره.

للقيام بذلك ، يمكنك استخدام العديد من الأدوات الموضوعة على اللوحة الرأسية. للراحة ، تم تقسيمها إلى فئات: التنقل (شجرة الموقع ، قائمة التنقل) ، الرسم (خط ، منحنى ، مضلع) ، أدوات الوسائط المتعددة (مشغل فلاش ، مشغل يوتيوب ، جافا ، كائن OLE) ، أدوات للعمل مع نماذج الويب (أ حقل لإدخال رمز CAPTCHA ، ومربع اختيار ، وزر لتنزيل ملف ، وحقل لإدخال النص) ، و Paypal (أزرار مختلفة للعمل مع نظام الدفع الإلكتروني هذا) ، وما إلى ذلك. إذا كنت لا تحتاج إلى أي فئة من الأموال في حسابك العمل ، يمكنك تصغيره ، لتحرير مساحة الشاشة للأدوات الأكثر شيوعًا.

يجدر الانتباه إلى فئة إضافية. فيما يلي أدوات مجمعة لإنشاء معرض للصور ، وإضافة اشتراك في الأخبار بتنسيق RSS ، وعرض شرائح ، والبحث في الموقع. يمكنك أيضًا العثور على مجموعة كاملة من عناصر كود جافا سكريبت الجاهزة هنا. يتضمن ذلك مجموعة متنوعة من التأثيرات المرئية والأدوات المفيدة مثل تحديد الإصدار الحالي من المتصفح ، وعرض معلومات حول وقت آخر تعديل لصفحة الويب ، ووضع رابط لوضع إشارة مرجعية على الصفحة.

على الرغم من حقيقة أنه عند العمل في WYSIWYG Web Builder ، يرى المستخدم عناصر الصفحة النهائية ، قد يبدو الموقع مختلفًا قليلاً في المتصفح عنه في نافذة محرر العمل. لعرض مظهر الصفحة بسرعة في المستعرض ، ما عليك سوى الضغط على مفتاح F5. سيفتح WYSIWYG Web Builder المشروع في المستعرض الافتراضي للنظام. إذا كنت بحاجة لعرض الصفحات في عدة متصفحات في وقت واحد ، فيمكنك إضافتها إلى القائمة.

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

في عملية العمل على مورد يتكون من عدد كبير من الصفحات ، مثل أدوات البرنامج مثل فحص الروابط للتشغيل ، وتقدير حجم الصفحات ، ومولد خرائط الموقع في شكل ملف XML ، والذي سيتم وضعه في الجذر دليل الموقع ، قد يكون مفيدًا أيضًا. بالإضافة إلى ذلك ، يمكن أن يساعدك WYSIWYG Web Builder في جمع كل الصور وملفات الوسائط الأخرى المستخدمة في صفحات الويب في مكان واحد.

على الرغم من حقيقة أن WYSIWYG Web Builder نفسه محرر وظيفي إلى حد ما ، فقد لا تجد أي أداة فيه. في هذه الحالة ، يجدر النظر في معرض الإضافات - ربما تكون الأداة المطلوبة متاحة كمكوِّن إضافي. يوجد أكثر من 250 امتدادًا للبرنامج ، وعددهم في ازدياد مستمر. تتم كتابة الامتدادات من قبل المستخدمين النشطين للمحرر ويتم نشرها في المنتدى الرسمي. يجب أن يؤخذ في الاعتبار أنه لا يمكنك توصيل الامتدادات بالإصدار التجريبي من WYSIWYG Web Builder ، لذلك تحتاج إلى تسجيل البرنامج.

⇡ صانع صفحات الويب 3.21

• المطور: www.webpage-maker.com
• حجم التوزيع: 3.66 ميجا بايت
• التوزيع: كومبيوتري
• الواجهة الروسية: لا

يعد Web Page Maker محررًا مرئيًا بسيطًا إلى حد ما ومناسب لإنشاء موقع صغير يتضمن عدة صفحات. باستخدامه ، يمكنك إضافة نص وعناصر متجهة وملفات رسومية ومقاطع فيديو بتنسيقات مختلفة وجداول ونماذج ويب وعناصر صفحة مألوفة أخرى إلى الصفحة.

يحتوي البرنامج أيضًا على إصدارات جاهزة لعنصر مهم في أي موقع مثل قائمة التنقل. يحتوي Web Page Maker على خيارات قائمة متنوعة. بعد اختيار العنصر المناسب ، يمكنك تحريره على الفور ، وتحديد الاتجاه (أفقيًا أو رأسيًا) ، والمسافة بين العناصر ، ومعلمات النص والارتباط.

يجب وضع بعض العناصر (على سبيل المثال ، قائمة التنقل نفسها) في جميع صفحات الموقع. عند تحرير أي كتلة ، يمكنك وضعها بسرعة على جميع صفحات المشروع الحالي أو تحديد تلك الصفحات التي يجب أن تكون موجودة فيها.

الجزء الرئيسي من نافذة البرنامج مشغول بمساحة العمل ، وعلى اليمين توجد لوحة محتويات الموقع. باستخدام هذه اللوحة ، من الملائم إدارة صفحات الموقع ، بالإضافة إلى العناصر الفردية للصفحات. تعرض علامة التبويب "العناصر" جميع الكتل على الصفحة ، وبالنقر على كل منها ، يمكنك أن ترى على الفور مكانها. بالإضافة إلى ذلك ، يمكنك استدعاء نافذة الخصائص لكل عنصر على الفور أو حذف الكتل غير الضرورية. بالنسبة لمجموعة أدوات إنشاء بنية الموقع ، تجدر الإشارة إلى إمكانية إنشاء صفحة جديدة بناءً على مورد موجود بالفعل على الإنترنت. يكفي تحديد عنوانها ، وسيقوم Web Page Maker بتحميل الصفحة وتقسيمها إلى كتل وجعلها قابلة للتحرير.

يمكن استخدام تأثيرات الرسوم المتحركة لجعل الموقع أكثر حيوية. يمكن العثور على أمثلة لرمز Javascript الذي تم إنشاؤه مسبقًا في مكتبة Web Page Maker. باستخدامها ، يمكنك تغيير لون تمرير النافذة ، ووضع ساعة تعرض الوقت الحالي في زاوية الشاشة ، وإضافة عرض شرائح ، وما إلى ذلك.

عند اكتمال العمل على الموقع ، يمكن حفظ المشروع على محرك الأقراص الثابتة أو تحميله على الفور إلى خادم FTP. علاوة على ذلك ، ليس هناك حاجة إلى عميل إضافي لهذا - يحتوي Web Page Maker على أدوات مدمجة للعمل مع FTP.

⇡ فنجان القهوة مصمم الموقع المرئي 6.06.1

• المطور: CoffeeCup Software
• حجم التوزيع: 17.6 ميجا بايت
• التوزيع: كومبيوتري
• الواجهة الروسية: لا

ربما يعيش مطورو برنامج CoffeeCup Visual Site Designer تحت شعار "كسب المال على كل ما يمكنك كسب المال منه". لذلك ، عليك أن تضع في اعتبارك أن شراء هذا المحرر المرئي مقابل 49 دولارًا لن يمنحك جميع الميزات التي يمكنك توقعها من شراء معظم البرامج المماثلة الأخرى.

إذن البرنامج يأتي بعشرة قوالب ، ولتنزيل الباقي يقترح الذهاب إلى موقع المطور. عند فتح الصفحة المقابلة ، يمكنك العثور على قوالب إضافية يتم دفعها وبيعها بسعر 9 دولارات للقطعة الواحدة. مثل هذه "المفاجآت" تنتظر المستخدم في عملية التعامل مع التطبيق. انقر فوق زر أداة نموذج الويب وستجد أنه يكلف 39 دولارًا أخرى لاستخدامها ، حاول إضافة معرض صور إلى موقعك وسترى أن هذه الميزة متاحة أيضًا مقابل رسوم إضافية.

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

لا يمكن إنشاء عناصر صفحة الويب الشائعة مثل العدادات ونماذج الويب إلا في البرنامج باستخدام أداة إدراج HTML مخصصة.

عند العمل باستخدام عناصر المتجه (الأسهم والمضلعات والعلامات النجمية ووسائل الشرح وما إلى ذلك) ، يمكنك استخدام العديد من الأدوات لتغيير مظهرها. على سبيل المثال ، من الممكن تغيير الشفافية ، أو إضافة ظل ، أو عمل كائن ثلاثي الأبعاد ، أو جعله يتوهج ، أو تغيير الأشكال عند تحريك الماوس فوق الماوس. بالإضافة إلى ذلك ، يمكنك تخصيص تعبئة كل كائن وإضافة نسيج.

يحتوي CoffeeCup Visual Site Designer على عميل FTP مضمن يمكن استخدامه لتحميل موقع إلى خادم بعيد. إذا قررت ، بعد تحميل الموقع ، إجراء تغييرات على بعض صفحاته ، يمكنك استخدام وظيفة مزامنة البيانات. في هذه الحالة ، سيقوم البرنامج بتحميل تلك الصفحات التي تم تغييرها. إذا لزم الأمر ، دون مغادرة CoffeeCup Visual Site Designer ، يمكنك حتى إزالة الموقع بالكامل من الخادم.

⇡ WebSite X5 Evolution 8

• المطور: Incomedia
• حجم التوزيع: 15.3 ميغا بايت
• التوزيع: كومبيوتري
• الواجهة الروسية: نعم

معظم برامج التحرير المرئية متشابهة مع بعضها البعض. هذا له مزاياه ، لأنك بعد أن اكتشفت أحد هذه البرامج ، ستشعر بالفعل بالثقة إذا قررت لاحقًا تجربة برنامج آخر. ومع ذلك ، إذا لم تكن قد أنشأت مواقع ويب من قبل ، فحتى أبسط محرر مرئي قد يثير الكثير من الأسئلة في البداية ، مثل: "ما الذي يجب عمله أولاً؟" ، وما هي أدوات البرنامج الرئيسية ، وأي منها مساعد ؟ " إلخ.

يطبق برنامج WebSite X5 Evolution أسلوباً مختلفاً قليلاً لإنشاء موقع ، وبفضله تختفي العديد من الأسئلة من تلقاء نفسها. يعتمد تشغيل التطبيق على مبدأ المعالج خطوة بخطوة ، بحيث يمكن للمستخدم المبتدئ التأكد من أنه لم يفوته أي شيء مهم.

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

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

في المرحلة الثانية ، يُقترح إنشاء خريطة موقع ، أي للتفكير في هيكلها. باستخدام زري "نسخ" و "لصق" على شريط الأدوات ، يمكنك إنشاء صفحات جديدة بناءً على الصفحات الموجودة. هنا يمكنك تحديد صفحات المورد التي سيتم إخفاؤها ، وتحديد معدل التحديث لكل صفحة.

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

في المرحلة الرابعة ، سيقدم لك WebSite X5 Evolution تحديد بعض الإعدادات الإضافية ، على سبيل المثال ، تحديد مظهر الصفحة التمهيدية ، وتعيين المعلمات لعرض إعلانات الفلاش ، وإضافة مدونة وموجز RSS إلى الموقع.

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

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

ربما يكون الإزعاج الوحيد عند العمل مع WebSite X5 Evolution هو عدم القدرة على معاينة الصفحات في المتصفح. إذا كنت تريد أن ترى كيف سيبدو الموقع ، يمكنك استخدام وظيفة "اختبار" ، ولكن الأمر يستغرق بعض الوقت لإنشاء المشروع. بالإضافة إلى ذلك ، يقوم البرنامج بإنشاء صفحات في المستعرض الخاص به ، والتي تم إنشاؤها على محرك Internet Explorer.

⇡ كومبوزر 0.7.10

• المطور: Fabien Cazenave
• حجم التوزيع: 7.9 ميغا بايت
• التوزيع: مجاني
• الواجهة الروسية: نعم

KompoZer هو محرر ويب مرئي مجاني ومفتوح المصدر. البرنامج متاح ليس فقط لنظام التشغيل Windows ، ولكن أيضًا لنظام التشغيل Mac ، وكذلك لنظام التشغيل Linux. يعتمد المحرر على محرك Gecko ، الذي يدير متصفح Firefox المعروف على نطاق واسع. يوفر هذا عددًا من المزايا: أولاً ، يدعم المحرك تمامًا معايير الويب الحديثة مثل XML و CSS و JavaScript. ثانيًا ، يمكن توسيع المحرر المستند إلى Gecko بمكونات إضافية.

ربما تكون أول إضافة تريد تثبيتها هي حزمة الترجمة الروسية. يتم تثبيته بنفس طريقة تثبيت المكونات الإضافية لمتصفح Firefox: في قائمة الأدوات ، حدد أمر الامتدادات ، ثم حدد المسار إلى ملف الترجمة الذي تم تنزيله بامتداد .xpi. بعد تثبيت المكون الإضافي ، ستحتاج إلى إعادة تشغيل البرنامج ، وبعد ذلك ستصبح الواجهة روسية.

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

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

على الرغم من أن KompoZer يقوم بإنشاء كود صفحة الويب نفسه ، إلا أنه يمكنك مراجعته وإجراء بعض التغييرات إذا لزم الأمر. في أسفل كل صفحة ، توجد علامات تبويب تتيح لك التبديل بين العرض المرئي للصفحة وعرض الشفرة.

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

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

⇡ BestAddress HTML Editor 17

• المطور: Multimedia Australia
• حجم التوزيع: 7.1 ميغا بايت
• التوزيع: كومبيوتري
• الواجهة الروسية: لا

عندما يقرر المستخدم دراسة بعض المجالات ، على سبيل المثال ، رسومات الكمبيوتر أو تحرير الفيديو أو البرمجة ، فإنه غالبًا ما يسأل رفاق أكثر خبرة عن البرنامج الأفضل لبدء تعلم حرفة جديدة به. في بعض الحالات ، في الواقع ، من الأفضل استخدام أدوات بسيطة في البداية ، وبعد ذلك ، بعد معرفة قدراتها ، انتقل إلى برامج تحرير أكثر تقدمًا. بالنسبة إلى BestAddress HTML Editor 2010 Professional ، يمكننا القول أن هذا البرنامج لديه كل فرصة ليصبح الأداة الأولى والأخيرة لمطور ويب مبتدئ.

يشبه العمل في وضع البناء المرئي لصفحة الويب العمل مع مُنشئ - يمكنك تعيين حجم العناصر ولونها وأزرار المكان والرسومات والقوائم ومكونات الموقع الأخرى بشكل مستقل وفقًا لتقديرك. يمكن استخدام التنسيق المريح ، كما هو الحال في محرر النصوص ، للتحكم في موضع أي عنصر من عناصر الصفحة. لن تجد قوالب في BestAddress HTML Editor 2010 Professional ، ولكن يمكنك تنزيل صفحة ويب موجودة على العنوان المحدد. بعد فتح الصفحة في البرنامج ، يمكنك تحريرها بعد ذلك.

يمكن للمحرر تحميل المشروع تلقائيًا إلى الخادم - لهذا ، يستخدم البرنامج عميل FTP للوصول الرقمي الذي يأتي معه.

يحتوي BestAddress HTML Editor 2010 Professional أيضًا على أدوات تشفير احترافية. يمكن للمبتدئين الذين يرغبون في فهم مبادئ العمل وكتابة كود HTML و CSS و Java و PHP الرجوع إلى الوثائق. يحدد أهم القواعد لكتابة التعليمات البرمجية ، مثل تعيين العلامات ، وأمثلة للعمليات البسيطة ، وما إلى ذلك. تعطي الدروس البسيطة والواضحة فكرة موجزة عن بنية HTML وتجعل المبتدئين "على دراية".

⇡ الخلاصة

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

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

تعد لغة HTML بسيطة للغاية ، وبالتالي يمكنك البدء في العمل على صفحات الويب الخاصة بك باستخدام محرر نصوص بسيط مثل Notepad أو WordPad أو أي برنامج آخر. يمكنك أيضًا الذهاب إلى أبعد من ذلك واستخدام أحد المحررين الأكثر ثراءً مثل Coffecup أو Notepad ++ أو Brackets أو Notetab أو BlueGriffon. تتمثل ميزة استخدام برامج تحرير أكثر تقدمًا ووظيفية في حصولك على المزيد من الأدوات التي يمكنها تسريع عملية الترميز وإنشاء المحتوى بشكل كبير.

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

ما هو محرر HTML المجاني المناسب لك؟

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

بالإضافة إلى ذلك ، يتم دعم كل محرر مدرج في هذه المقالة تقريبًا على أنظمة تشغيل متعددة ، بما في ذلك Windows و Linux و Mac ، لذلك لا داعي للقلق كثيرًا بشأن التوافق.

لاحظ أن معظم احتياجات التحرير الخاصة بك يتم تلبيتها بسهولة بواسطة Notepad ++ لنظام التشغيل Windows أو Brackets for Mac (هذا المحرر مدعوم أيضًا لنظامي Linux و Windows) أو Coffecup و Notetab. ومع ذلك ، إذا كنت تخطط لإنشاء موقع ويب معقد ، فإن بيئة تطوير كاملة الميزات مثل Eclipse هي السبيل للذهاب.

من ناحية أخرى ، إذا كنت ترغب فقط في التعامل مع HTML و CSS ، فهناك العديد من برامج التحرير عبر الإنترنت حيث يمكنك كتابة كود HTML ورؤية النتيجة على الفور.

دعنا نلقي نظرة على أفضل 10 برامج تحرير HTML سهلة الاستخدام وغنية بالميزات وشائعة بين مطوري الويب.

1. Notepad ++ (أفضل محرر HTML مجاني لنظام التشغيل Windows)

notepad-plus-plus.org

هذا المحرر متاح فقط لمستخدمي Windows ، لذلك إذا كنت تستخدم نظام Mac أو Linux ، فقم بالتمرير. Notepad ++ هو أفضل محرر HTML مجاني يمكنك تثبيته على جهاز كمبيوتر يعمل بنظام Windows. للوهلة الأولى ، يبدو الأمر بسيطًا للغاية ، لكنه يعد من أكثر المحررين تعقيدًا وفي نفس الوقت سهل الاستخدام.

يتم توفير الكثير من القوة العظيمة لـ Notepad ++ من خلال المكونات الإضافية لجهات خارجية ، بما في ذلك PreviewHTML ، والمكوِّن الإضافي لعلامة HTML لتمييز العلامات ، و Tidy2 للتجديد ، وغير ذلك الكثير.

الميزات الرئيسية لبرنامج Notepad ++ هي واجهة جدول بيانات للعمل على ملفات متعددة في نفس الوقت ، سهلة الطي وإبراز بناء الجملة ، واجهة مستخدم رسومية قابلة للتخصيص (بإصدار مبسط) ، جداول مع زر إغلاق ، جداول عمودية ، متعددة اللغات (أي يمكنك التخصيص الواجهة باللغات الإنجليزية والفرنسية والإسبانية والصينية ، بالإضافة إلى 80 لغة أخرى).

تم تطوير Notepad ++ بواسطة Don Ho وتم إصداره في عام 2003. إنه مجاني للاستخدام الشخصي والتجاري على حد سواء ويتم توزيعه بموجب رخصة جنو العمومية العامة.

بالنسبة لمستخدمي Mac ، فإن البديل الرائع لبرنامج Notepad ++ هو Brackets ، والذي سنغطيه بعد ذلك.

2. الأقواس (مجانًا لأنظمة التشغيل Mac و Windows و Linux)

Brackets هي أداة أخرى شائعة وموثوقة لتطوير الويب وتحرير HTML. على عكس Notepad ++ ، فإن هذا المحرر مدعوم لأنظمة Mac و Ubuntu و Debian و Windows. كما أنه مجاني للاستخدام الشخصي والتجاري (ترخيص MIT).

الأقواس سهلة الاستخدام ولها العديد من الامتدادات لتحسين وظائفها. الامتدادات الشعبية:

• Emmet - يسرع كتابة كود CSS و HTML ؛
• Beutify - تنسيقات ملفات HTML و CSS و JavaScript ؛
• التحقق من صحة W3C - يتحقق من كود HTML للتأكد من صحته.

Brackets هو محرر جميل بتصميم عصري بسيط. يتم عرض التغييرات التي تم إجراؤها في الرمز على الفور في المتصفح. يمكنك إجراء تعديلات على كود CSS أو HTML الخاص بك ومعرفة كيف يغيرون مظهر موقعك في الوقت الفعلي.

اقرأ عن الأقواس هنا - محرر HTML: الأقواس

3. Coffecup (هناك إصدارات مجانية ومدفوعة)

يمكن القول إن Coffecup هو أفضل محرر HTML متاح ، سواء مجاني أو تجاري. لا يحتوي الإصدار المجاني على بعض الميزات ، ولكنه معقد بما يكفي ليكون على قائمتنا.

تشمل الميزات الرئيسية للإصدار المجاني ما يلي:

• أشرطة أدوات مخصصة
• إكمال التعليمات البرمجية للعناصر والسمات والمحددات ،
• السمات والقوالب الجاهزة للاستخدام ،
• دعم تنسيق markdown لـ HTML ،
• دعم FTP / SFTP ،
• سحب ووضع للصور ،
• خيار المعاينة ،
• تسليط الضوء على تركيب،
• قاموس المرادفات للعثور على بدائل لكلمة وأكثر من ذلك بكثير.

النسخة المدفوعة ليست باهظة الثمن. يتضمن العديد من الميزات المتقدمة مثل التحقق من صحة أكواد HTML و CSS ، ومكتبة العلامات ، ومنظف الكود ، والمدقق الإملائي الديناميكي.

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

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

4. NoteTab (نسختان ، مدفوعة ومجانية)

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

يتم تأكيد شعبية NoteTab من خلال حقيقة أنه يتم استخدامه في NASA و FBU و VISA و CIA Hewlett Packard و MIT.

NoteTab له ثلاثة إصدارات ، Light و Standard و Pro. يتم توزيع الإصدار الخفيف مجانًا للاستخدام الفردي. لا يحتوي على جميع ميزات إصدار Pro ، لكنه يدعم مكتبات HTML5 و CSS3 ، التمهيد ، الإكمال التلقائي لـ HTML ، دمج الملفات في المشاريع ، دعم HTML Tidy ، HTML إلى نص ، ولديه أيضًا العديد من السمات.

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

يمكنك التعرف على NoteTab بشكل أفضل على الموقع الرسمي.

5. Eclipse (محرر HTML مجاني)

يعتبر Eclipse ثقيلًا وربما يكون مبالغة في تطوير HTML و CSS ، ولكن يمكن استخدامه بنجاح إذا كنت لا تمانع في تثبيت هذا الوحش وتكوينه. هذه أداة رائعة إذا كنت تخطط لإنشاء مواقع معقدة بقواعد بيانات موحدة مع مصادر بيانات أخرى ، وما إلى ذلك. يمكن أن يستغرق الإعداد بعض الوقت ويتطلب تثبيت مكونات إضافية.

Eclipse هو IDE مفتوح المصدر الأكثر شيوعًا. غالبًا ما يستخدم هذا المحرر في Java و JavaScript و PHP و Ruby و Android والعديد من لغات البرمجة الأخرى.

يمكنك معرفة المزيد هنا -

6. HTML عبر الإنترنت

عندما يتعلق الأمر بتحرير كود HTML عبر الإنترنت ، في المتصفح ، لا شيء يتفوق على HTML-online.com. يمكنك البدء في البرمجة على الفور دون تنزيل أي برنامج وتثبيته ، وهو مجاني.

تتمثل إحدى مزايا هذا المحرر في تحويل Word إلى HTML ، بحيث يمكنك نسخ المحتوى الخاص بك من ملفات Microsoft Word وتطبيق ترميز HTML عليه تلقائيًا. هناك أيضًا دعم لمستندات Google و PDF و Excel و PowerPoint والعديد من أنواع المستندات الأخرى.

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

7. BlueGriffon (مجاني ، أساسي وترخيص EPUB)

يأتي BlueGriffon من منزل الابتكارات التخريبية SAS. إنه مبني على Gecko ، محرك عرض الويب من Mozilla. BlueGriffon هو محرر قوي يرث معظم ميزاته من Netscape و Composer و Nvu و Mozilla.

يحتوي BlueGriffon على ثلاثة أشكال ، أولها مجاني ، والثاني يتم توزيعه بموجب الترخيص الأساسي ، والأكثر قوة بموجب ترخيص EPUB.

يمكن للنسخة المجانية أن تفعل الكثير أيضًا. يحتوي على سمات سوداء وخفيفة ، ويدعم HTML5 الصوت والفيديو والأشكال ، وتشمل ميزات تحرير CSS3 التحولات ، والتحويلات ثلاثية الأبعاد وثنائية الأبعاد ، وإنشاء SVG ، وتقنية WYSIWYG ، ومدير خطوط google ، ومدير الخط السنجابي ، ودعم تنسيق markdown ، وواجهة المستخدم في أكثر من 20 لغة.

يمكنك تنزيل BlueGriffon وتثبيته على أنظمة التشغيل Windows و Linux Ubuntu و OS X على جهاز Mac الخاص بك. يمكن الاطلاع على التفاصيل على الموقع الإلكتروني -

8. إيماكس مع الإضافات

www.gnu.org

يعد Emacs أحد أكثر المحررين المحبوبين في كل العصور. إنه مجاني للاستخدام (ترخيص GNU). Emacs هو محرر كود للأغراض العامة يمكنك تخصيصه ليناسب احتياجاتك. يؤدي توصيل المكونات الإضافية الموزعة مجانًا إلى تحويلها إلى محرر كود قوي بوظائف غنية.

عندما يتعلق الأمر بتحرير HTML ، يقدم Emacs وضع HTML يجعل تحرير التعليمات البرمجية أمرًا سهلاً للغاية. اقرأ المزيد هنا - إيماكس

9. ذرة

ذرة

Atom هو محرر نصوص قابل للتكوين من مطوري GitHub. شعبيتها تنمو بسرعة كبيرة. هذا المحرر مجاني للاستخدام الشخصي والتجاري (ترخيص MIT). يراقب مجتمع المطورين باستمرار إثراء المحرر بميزات جديدة.

كيف تحول Atom إلى محرر HTML مجاني؟

يأتي Atom مع جميع الميزات الأساسية التي تحتاجها لتحرير التعليمات البرمجية ، ولكن لجعله محرر HTML يعمل بكامل طاقته ، ستحتاج إلى تثبيت حزم إضافية. من بينها Emmet و atom-html-preview و Autocomplete-plus و Atom-color-light و Autocomplete-CSS و linter و minimap و haml و jade.

Atom مدعوم على Windows و Ubuntu (Debian Linux) و Fedora (22+) و Mac و Red Hat Linux. إنه أكثر ملاءمة لتطوير الويب من كتابة المحتوى لأنه أكثر توجهاً نحو الكود ويحتاج إلى القليل من التغيير والتبديل.

10. مجتمع Visual Studio

يعد Visual Studio Community بيئة تطوير كاملة الوظائف من Microsoft وهي مجانية للجميع. يوفر Visual studio ميزات تحرير HTML و CSS معدة مسبقًا يمكن تحسينها بشكل أكبر بالامتدادات.

الإضافات الشائعة الجديرة بالذكر هي HTML Snippets و HTMLHint ودعم HTML CSS و Intellisense لاسم فئة CSS.

مثل Eclipse ، يعد مجتمع Visual Studio خيارًا رائعًا للمواقع المعقدة والقابلة للتطوير بدرجة كبيرة والتي تحتاج إلى العديد من التقنيات.

خاتمة

يتم استخدام لغة ترميز HTML في كل مكان. هناك العديد من برامج تحرير HTML التي كانت موجودة منذ فترة طويلة ، ولكنها مع ذلك تواكب العصر وهي مناسبة تمامًا لتطوير الويب. لكن هناك آخرين يفتقرون بالفعل إلى الوظائف والإنتاجية. تظهر برامج تحرير جديدة مثل Brackets و Atom لتمكين التحرير الفعال للكود.

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

ألقِ نظرة على الخيارات المذكورة في هذه المقالة ، وقم بتدوين احتياجاتك الرئيسية ، وحصر القائمة إلى اثنين من المحررين ، وجرب كل منهما ، واعرف أيهما تفضله. ستجد بالتأكيد محرر HTML جيدًا واحدًا على الأقل لأنظمة Linux و Mac و Windows.

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

1. ما هو محرر الكود؟

2. أنواع محررات الكود.

3. أي نوع أفضل للاستخدام.

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

لماذا تحتاج إلى محرر كود

إذن ، ما هو محرر الكود؟ محرر الكود هو برنامج مصمم خصيصًا لكتابة التعليمات البرمجية بأي لغة برمجة. جوهر مثل هذا البرنامج هو جعل حياة مشرف الموقع أسهل ما يمكن. مثل هذه البرامج ، كقاعدة عامة ، تساعد بشكل كبير في كتابة التعليمات البرمجية بما يناسبها.

كنوع من الراحة ، يمكنك:

1. تسليط الضوء على الشفرة ، مما يسهل بشكل كبير التنقل في الشفرة نفسها ، حيث يمكن أن تكون الشفرة أحيانًا كبيرة جدًا.

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

ومع ذلك ، إذا بدأت في سرد ​​، حتى بشكل عام ، جميع وسائل الراحة ، فستكون النتيجة كتابًا لا يقل عن الحرب والسلام. قد يكون هناك الكثير منهم.

المزيد عن الأنواع

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

هل محرري الكود بهذه الأهمية؟

يبدو أنه يمكن أن يكون أفضل؟ لا تحتاج إلى معرفة CSS أو HTML ، يمكنك القول - إنك تعمل كما في Microsoft Word ، اكتب نصًا بنفسك ، وأدرج الصور والجداول والروابط - ويقوم البرنامج تلقائيًا بترميزها بتنسيق HTML وإنشاء صفحة عمل للموقع علاوة على ذلك ، يمكنك أن ترى على الفور كيف سيبدو موقعك بنقرة زر واحدة.

من الناحية الواقعية ، إذا كنت تعرف كيفية استخدام مثل هذا البرنامج (محرر الكود المرئي) - فأنت لست بحاجة إلى معرفة HTML و CSS. ويبدو أن كل شيء على ما يرام ، ولكن يجب أن أقول إن هؤلاء المحررين لديهم عيوبهم الكبيرة.

نحن الآن ننتقل بسلاسة إلى السؤال الثالث من هذه المقالة: ما هو نوع محرر الكود الأفضل للاستخدام.

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

سلبيات المحررين

أول عيب من هذا القبيل- إنها رسوم. هؤلاء المحررين يستحقون عدة مئات من حيوانات الراكون المقتولة (c.u.). توافق - لا يستطيع الجميع تحملها! ولكن ، سرعان ما يتحول هذا الطرح إلى علامة زائد ، حيث يمكنك العثور على أي برنامج على الإنترنت ، وتنزيله واستخدامه مجانًا (بشكل غير قانوني). الشيء الرئيسي هو معرفة ما الذي تبحث عنه. ولكن ، هذا ناقص نقدي ، والذي يمكن حله بسهولة - لقد تقلصوا في النفقات والشراء.

الثانية ناقص، ويجب أن أقول أهمية كبيرة - فكل محرر مرئي يقوم تلقائيًا بإنشاء رمز لصفحة ما يُنشئ كودًا أكثر مما يحتاج إليه.

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

يتم حل هذه المشكلة بطريقتين - إما أن تقوم بتحسين الصفحات لتقليل الشفرة ، ولكن لهذا تحتاج إلى فهم الكود - تعرف على CSS و HTML. أو تدفع أموالك التي كسبتها بشق الأنفس.

الثالث ناقص، مهما كان المحرر "رائعًا" ، فلن يتمكن من إنشاء موقع ويب لك بوظائف برمجة متنوعة. على سبيل المثال ، هذا هو إرسال رسالة ، ترقيم الصفحات ، نماذج تعليق ، تقييمات ، استطلاعات رأي وأشياء أكثر إثارة للاهتمام ستجعل موقعك حديثًا.

هل يمكنني إنشاء موقع ويب باستخدام محرر كود؟

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

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

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

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

مكان تنزيل محرري HTML و CSS مجانًا

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

محرر الأقواسالنسخة الروسية الأفضل والمفهومة للمبتدئين:

محرر SublimeText 3 ، سريع وموثوق ، يستخدمه العديد من المحترفين (على الرغم من اللغة الإنجليزية فقط):

رأيك؟