تحرير HTML. اختيار محرر HTML

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

حقل إدخال النص....

المزايا الرئيسية لمحرر HTML المرئي عبر الإنترنت

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

وصف موجز للوظيفة

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

تم تصميم المجموعة التالية من الأدوات لإنشاء أزرار ونماذج HTML وما إلى ذلك...

• استمارة.إنشاء نموذج الإدخال. القدرة على تحديد النوع والخصائص.
• زر الاختيار. خانة اختيار على شكل علامة اختيار مع إمكانية الاختيار المتعدد.
• حدد زر. خانة الاختيار مع اختيار خيار واحد.

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

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

لذا، فإن أول محرر HTML وقعت أعيننا عليه هو Macromedia HomeSite.

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

تكبير الصورة

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

يوفر Macromedia HomeSite تسليط الضوء على بناء الجملة بسهولة ليس فقط لصفحات HTML، ولكن أيضًا لـ PHP وPerl وASP وMySQL وأدوات التطوير الشائعة الأخرى. هذه الحقيقة ستجذب المستخدمين ذوي الخبرة الذين لا يقتصرون على أدوات لغة ترميز النص التشعبي ويستخدمون لغات برمجة ويب أكثر تعقيدًا. إذا لم تكن راضيا عن نظام الألوان الحالي لتسليط الضوء على بناء الجملة، فهذه ليست مشكلة - يمكنك تحرير القائمة، أو حتى إنشاء نظام تخطيط المستند الخاص بك. يحتوي HomeSite على نظام مساعدة قوي، والذي، بالإضافة إلى وصف إمكانيات برنامج مواصفات لغة HTML، يحتوي على كتاب مرجعي للعلامات ويتضمن تلميحات أدوات ملائمة للواصف الحالي - للاتصال بهم، ما عليك سوى الضغط على F2، وسيظهر للمستخدم كل شيء السمات المحتملة لعلامة معينة.

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

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

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

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

فقط تخيل كم من الوقت سيستغرق إنشاء مثل هذا الجدول يدويًا!

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

لزيادة سرعة إنشاء المستندات، يمكنك استخدام اختصارات لوحة المفاتيح - يوفر HomeSite مجموعة واسعة من الأنشطة لمحبي لوحة المفاتيح. على سبيل المثال، العلامة
يتوافق مع مجموعة المفاتيح Ctrl + Break. ومع ذلك، فإن المستخدم حر في تعيين اختصار لوحة المفاتيح المناسب له لأي أمر تقريبًا.

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

يمكنك تنزيل أحدث إصدار من Macromedia HomeSite على هذا العنوان.

تم إنشاء برنامج SiteEdit بواسطة شركة EdgeStile الروسية وتم وضعه من قبل المطورين كنظام لإدارة الموقع. على عكس HomeSite، ينتمي SiteEdit إلى ما يسمى بأدوات التطوير المرئي - محرري WYSIWYG (من الحروف الكبيرة للتعبير ما تراه هو ما تحصل عليه - "ما تراه هو ما تحصل عليه").

بعد الإطلاق الأول للبرنامج، يظهر قالب موقع جاهز.

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

بعد النقر على زر "تغيير القسم"، تظهر نافذة جديدة يمكنك من خلالها إجراء هذه العملية البسيطة:

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

يقدم البرنامج العديد من قوالب التصميم: book، galeon، kafe، palm_skin، stroitel، والتي بفضلها يمكنك تغيير مظهر الموقع بأكمله بشكل كبير.

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

تكبير الصورة

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

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

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

الايجابيات. واجهة بسيطة - لا يلزم عمليًا معرفة HTML، والوظائف، ووزن التوزيع الخفيف، ولغة الواجهة الروسية، وإصدار البداية المجاني.

السلبيات. عدم القدرة على حفظ الملفات مباشرة من البرنامج، أخطاء إملائية.

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

يتوفر SiteEdit في ثلاثة إصدارات رئيسية - Start، وStandard، وBusiness، وإصدارين إضافيين - Partner. يمكنك تنزيل إصدار البدء من SiteEdit من هنا.

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

تكبير الصورة

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

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

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

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

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

تحتوي قائمة "العلامات" على المجموعات الرئيسية لواصفات HTML.

الأكثر أهمية هو محتوى قائمة "الأدوات" التي تحتوي على جميع أدوات هذا البرنامج. دعونا ننظر إلى محتوياته عن كثب.

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

ومن الجدير بالذكر نظام المساعدة المتقدم لبرنامج HTML Source والذي يتضمن وصفًا كاملاً لإمكانيات البرنامج بالإضافة إلى مواصفات لغة HTML بما في ذلك CSS.

الإيجابيات: حجم التوزيع الصغير، الميزات الأصلية، نظام المساعدة المتقدم.

السلبيات: عدم وجود فرص للتطوير البصري للمستندات، وإمكانيات متواضعة لتخصيص البرنامج، ونقص الترويس.

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

البرنامج التالي الذي استعرضناه كان Magic HTML Studio، الذي طورته AG FreeSoft. بعد إطلاق البرنامج، ظهرت صورة غير عادية لأعيننا - كان تصميم Magic HTML Studio غير عادي للغاية.

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

ولكن هنا كل شيء على أعلى مستوى! فكر في أدوات مثل Java Constructor وCQI QuickBuilder. ولكن أول الأشياء أولا.

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

الآن دعنا ننتقل مباشرة إلى الأدوات والأدوات الفريدة لـ Magic HTML Studio. تعد Java Constructor أداة قوية وبسيطة في نفس الوقت لإنشاء البرامج النصية بلغة JavaScript، ولهذا لا يحتاج المستخدم إلى أي معرفة بلغة البرمجة هذه. باستخدام المصمم، يمكنك إدراج تقويم أو ساعة على صفحتك، وإنشاء قائمة ديناميكية أو منسدلة، وإنشاء لافتة بسيطة تتكون من عدة صور وبعض العناصر الديناميكية المفيدة الأخرى.

تكبير الصورة

يقوم المصمم تلقائيًا بإنشاء البرنامج النصي الضروري، وما عليك سوى لصقه في المكان المناسب في المستند.

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

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

من الضروري أيضًا ملاحظة نظام مساعدة جيد باللغة الروسية، يحتوي على وصف لجميع الميزات الرئيسية للبرنامج.

الإيجابيات: مصممون متقدمون لنصوص JavaScript وCGI، فرص كبيرة لإضافة عناصر ديناميكية، نظام مساعدة باللغة الروسية.

السلبيات: تصميم غير ناجح تمامًا، ونقص في إبراز بناء الجملة، ونقص أدوات التطوير المرئي.

Microsoft FrontPage، المضمن في مجموعة Microsoft Office، هو محرر WYSIWYG كلاسيكي، ومع ذلك، لديه القدرة على تحرير التعليمات البرمجية يدويًا.

تذكرنا واجهة البرنامج من نواحٍ عديدة بواجهة Microsoft Word، وهو أمر ليس مفاجئًا على الإطلاق - سيساعد توحيد المظهر المبتدئين على إتقان القدرات الأساسية لبرنامج FrontPage بسرعة.

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

تكبير الصورة

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

وأخيرًا، يتيح لك وضع المعاينة رؤية الشكل الذي ستبدو عليه صفحتك في نافذة المتصفح.

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

وبطبيعة الحال، لدى FrontPage مصمم للجداول يجعل إنشاءها أسهل بكثير.

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

بعد تحديد القالب المطلوب، يمكنك المتابعة مباشرة لملء الصفحة بالمحتوى. وهنا يأتي دور جمال FrontPage: فعملية إنشاء صفحة HTML لا تختلف عن إنشاء مستند نصي عادي في Microsoft Word. يتمتع المستخدم بإمكانية الوصول إلى نفس الأدوات لتحرير النص وتغيير تنسيقه وإنشاء الجداول وتحريرها وإدراج كائنات وصور مختلفة. يتيح لك البرنامج إنشاء قوائم ذات تعداد نقطي ومرقمة ومتعددة المستويات بسهولة - كل ذلك دون معرفة HTML!

يقوم FrontPage بتقسيم منطقة العمل إلى عدة كتل تحتوي على عناصر معينة في الصفحة - الصور والنصوص والعناوين وما إلى ذلك. لكل كتلة، يمكنك تعيين معلمات التنسيق الخاصة بك وموقعها بالنسبة للصفحة.

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

الإيجابيات: واجهة مألوفة لمنتجات MS Office، ومجموعة جيدة من القوالب، والتكامل مع البرامج الأخرى من مجموعة MS Office.

السلبيات: مجموعة صغيرة من أدوات التطوير، واستحالة شراء البرنامج بشكل منفصل. يعد Microsoft FrontPage خيارًا جيدًا كمحرر HTML لأول مرة، ولكن مع نمو احتياجات المستخدم، قد لا تكون إمكانياته كافية.

وأخيرا، البرنامج الأخير في مراجعتنا هو Macromedia Dreamweaver MX 2004. يتيح لك الحجم الكبير لمجموعة التوزيع (62 ميجابايت) توقع الكثير من محرر HTML هذا. في الواقع، فإن إمكانيات Macromedia Dreamweaver MX 2004 مثيرة للإعجاب. بعد التثبيت، يُطلب من المستخدم اختيار مظهر البرنامج، والذي يختلف اعتمادًا على أسلوب إنشاء مستندات الويب. عند تحديد "Code"، سيتم تعديل واجهة البرنامج وفقًا لاحتياجات برنامج التشفير، وعندما تحدد "Design" - وفقًا لذلك، المصمم. ومع ذلك، من الممكن دائمًا التبديل بين هذين الوضعين، كما يتوفر أيضًا وضع ثالث مدمج - منطقة عمل البرنامج مقسمة إلى جزأين.

تكبير الصورة

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

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

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

بالنسبة للمستخدمين المطلعين على إمكانيات لغة HTML، يمكننا أن نوصي باستخدام أداة تسمى Tag Chooser، والتي يمكنك من خلالها ليس فقط إدراج أي علامة HTML، ولكن أيضًا التعبيرات الأساسية وعوامل تشغيل لغات البرمجة مثل JavaScript وASP.Net و PHP و WML و ColdFusion. كل هذا يفتح آفاقًا جديدة لاستخدام البرنامج عند تطوير المشاريع المعقدة المختلفة باستخدام لغات برمجة الخادم.

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

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

يمكن استخدام Macromedia Dreamweaver MX 2004 مع منتجات الشركة الأخرى - Macromedia Fireworks وFlash وما إلى ذلك.

إذا كان اختيار المستخدم الذي يفضل إنشاء المستندات في الوضع المرئي واضحًا تقريبًا، فإن "المشفر" يواجه مهمة صعبة في الاختيار بين منتجين من منتجات Macromedia: HomeSite أو Dreamweaver MX 2004؟ تجدر الإشارة إلى أن إمكانيات Dreamweaver MX 2004 ستكون غير ضرورية للمبرمج، ومع ذلك، مع قدر كبير من العمل الروتيني، يمكنك استخدام الوضع المرئي بالكامل - إذا كان البرنامج يقدمه، فلماذا لا تحاول ذلك؟ يُحرم مستخدمو HomeSite من هذه الفرصة، لكن البرنامج يقدم لهم مجموعة كاملة من الأدوات اللازمة للتطوير المريح لمستندات الويب ذات التعقيد المتفاوت.

وبالتالي، يتمتع كل فرد بحرية اختيار المنتج الذي يحتاجه بشكل مستقل، مع مراعاة أهدافه ومعرفته الحالية. بالطبع، هناك أيضًا مسألة السعر - يتم توزيع كلا منتجي Macromedia كبرنامج كومبيوتري، لكنهما مجانيان للاستخدام خلال فترة تجريبية مدتها 30 يومًا. هذه المرة كافية لاتخاذ قرار.

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

السلبيات: حجم التوزيع الكبير، ارتفاع سعر المنتج.

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

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

يدعم الإصدار الجديد معيار HTML 5، كما يعمل على تحسين محرر التعليمات البرمجية ونافذة المطور. تم تنفيذ دعم معالج CSS المسبق، بالإضافة إلى عرض جميع التغييرات في نافذة المتصفح في الوقت الفعلي. يتم توفير التكامل الدقيق مع Flash Player. تم تحديث التصميم الخارجي بالكامل.

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

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

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

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

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

يمكنك تحميل البرنامج على الموقع الرسمي: https://www.sublimetext.com.

برنامج Notepad++ ليس محرر HTML من الناحية الفنية، ولكن يمكن استخدامه لهذه الأغراض. يحتوي على ميزة تسليط الضوء على بناء الجملة للغات الترميزية HTML وXML، وهي لغات البرمجة الأكثر شيوعًا، والتي يتم استخدام بعضها في تطوير الويب، مثل PHP وRuby وPerl وPython وغيرها الكثير.

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

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

يمكنك تنزيل هذا المحرر الآن من الموقع الرسمي https://notepad-plus-plus.org دون أي قيود.

هذا محرر بسيط ذو واجهة جميلة تذكرنا بصريًا بشكل غامض بـ Sublime Text. مكتوب في كوفي سكريبت. Atom هو محرر نصوص شاب إلى حد ما، تم إصدار الإصدار الأول منه في 26 فبراير 2014. لديه دعم للمكونات الإضافية المكتوبة في Node.js. مناسب للمبتدئين للعمل ليس فقط مع HTML، ولكن أيضًا مع عدد من المهام الأخرى.

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

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

Vim هو محرر نصوص مجاني احترافي ينحدر من عائلة أقدم محرري Unix. تم إصدار Vim لأول مرة في 2 نوفمبر 91. تُعرف بأنها أداة للمبرمجين المحترفين، والتي توفر فرصًا هائلة لأتمتة العمل. الواجهة المرئية القياسية لـ Vim هي وحدة تحكم، ولكن هناك تعديل لـ Gvim يعمل من خلال واجهة رسومية ذات إطارات.

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

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

على عكس البرامج الأخرى، يعد IntelliJ IDEA بيئة تطوير احترافية متكاملة (IDE). بالإضافة إلى إمكانية العمل بسلاسة مع لغات ترميز HTML/XHTML/HAML ولغات وصف مظهر الصفحة CSS/SASS/LESS، فمن الممكن العمل بشكل وثيق مع Java وJavaScript وPython وCoffee Script. تم تطوير IntelliJ IDEA بواسطة JetBrains.

لماذا يجب أن تبدأ في استخدام هذا البرنامج بالذات؟ أولا، لديه واجهة مدروسة حقا. يمكنك البدء في العمل معه مباشرة بعد التثبيت، حتى لو لم يسبق لك مواجهته من قبل. بالإضافة إلى ذلك، من الممكن العمل باستخدام أدوات شائعة مثل CVS وApache Ant وMaven وJUnit وSubversion، وهي بالمناسبة مجانية تمامًا.

لسوء الحظ، IntelliJ IDEA في حد ذاته ليس برنامجًا مجانيًا تمامًا. الإصدار الكامل متاح فقط لفترة تجريبية مدتها 30 يومًا، ويفتقر الإصدار المبسط إلى العديد من الميزات المفيدة ويمكن أن يكون مفيدًا حقًا لتطوير التطبيقات على Android أو عند العمل باستخدام جهاز Java.

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

إليك بعض أدوات التحرير التي يمكنك استخدامها اليوم، وكلها مجانية تمامًا.

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

المحرر مجاني تمامًا لأنظمة التشغيل Windows وLinux وMac OS X. وهو عبارة عن بيئة تطوير ويب كاملة تستخدم مجموعة من أدوات التطوير القوية جدًا لـ HTML وJavaScript وCSS. كما أن لديها العديد من المكونات الإضافية الإضافية التي أنشأها مجتمع المطورين. إنها أداة موحدة لتحرير تطبيقات الويب.

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

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

يعد هذا محرر نصوص ممتازًا لنظام التشغيل Microsoft Windows. إنه كامل المواصفات ومصمم لتحرير صفحات الويب وتنسيقها ومراجعتها ومعاينتها ونشرها بلغات HTML وXHTML وXML. يتيح لك المحرر طي التعليمات البرمجية، ويحتوي على العديد من خيارات التحميل، ويسمح لك بالتنقل عبر العلامات والبرامج النصية.

محرر أكواد مجاني آخر لأنظمة التشغيل Windows وLinux وMac OS X. وهو محرر جيد جدًا متعدد المنصات ومتعدد اللغات يمنح مستخدميه القدرة على إنشاء التعليمات البرمجية وتعديلها والتنقل فيها وإنشائها وتصحيحها أيضًا بسرعة ودقة كبيرة. يسمح لك بتحرير الملفات التي يصل حجمها إلى 2 جيجابايت.

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

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

إنه محرر نصوص جيد جدًا ومحرر HTML ومحرر Java ومحرر PHP أيضًا. إنه مصمم لنظام التشغيل Windows ويحتوي أيضًا على ميزات ممتازة وقوية لمبرمجي الويب ومؤلفي الويب.

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

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

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

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

محرر الأكواد هذا مجاني لأنظمة التشغيل Windows وLinux وMac OS X. وهو محرر أكواد مصمم بشكل جيد للغاية ويأتي مزودًا بالعديد من المكونات الإضافية التي يمكنك استخدامها في عملية التطوير الخاصة بك. يحتوي على لغة ماكرو مدمجة ويمكنه دعم عدد كبير من ترميزات الأحرف، بما في ذلك Unicode وUTF8.

إنه خيار مثالي لمطوري الويب الذين يرغبون في إكمال جميع مهامهم بسرعة وسهولة. يتمتع المحرر بميزات ممتازة تقدم معالجة النصوص والبرمجة وتطوير الويب ومعالجة الملفات والعروض التوضيحية وغيرها.

إنه محرر نصوص مجاني ومفتوح المصدر مذهل. وهو يعمل بشكل جيد مع عدد من أنظمة التشغيل، بما في ذلك Microsoft Windows وLinux وMacOs.

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

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

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

محرر نصوص جيد جدًا وسهل الاستخدام. إنه أفضل محرر تعاوني ستحب استخدامه. إنه ضروري لجعل تعاونك ممكنًا وممتعًا.

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

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

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

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

يتم توفير برامج تحرير التعليمات البرمجية في مجموعات تلبي احتياجات أنواع معينة من المطورين.

للمعلم

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

همة

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

ايماكس

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

للمحترفين

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

كسوف

غالبًا ما يستخدم Eclipse لتطوير تطبيقات Java. يدعم هذا البرنامج المكونات الإضافية التي تتيح دعم لغات برمجة إضافية. هناك مكونات إضافية لـ C/C++، وRuby، وPHP وغيرها. يقدم Eclips تلميحات قوية للتعليمات البرمجية مبنية على الوثائق والتحقق من بناء الجملة في الوقت الحقيقي. توفر الشركات الكبيرة، مثل Google، أدوات التطوير الخاصة بها لهذه المنصة. يمكنك بسهولة إنشاء تطبيقات لنظام Android وApp Engine. Eclipse مجاني ومفتوح المصدر.

استوديو أبتانا

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

نتبيانز

بيئة أخرى لـ Java، ولكن مثل Eclipse، يمكن توسيعها لتشمل لغات إضافية: PHP وPython وC/C++ وغيرها. يعمل التطبيق على Linux وWindows وOSX. يمكن لـ Netbeans تسريع عملية تطوير تطبيقات سطح المكتب باستخدام أداة السحب والإفلات الخاصة بها. الجانب السلبي هو الأداء - يمكن أن يكون Netbeans بطيئًا في المشاريع الكبيرة. محرر الكود هذا مجاني ومفتوح المصدر.

دريمويفر

يعد Dreamweaver جزءًا من مجموعة تطبيقات Adobe المصممة لمصممي الويب. وهو يدعم فقط لغات برمجة الويب الأكثر شعبية - PHP، ASP.NET، JavaScript، HTML، CSS. سهل الاستخدام للغاية للمبتدئين، مع دعم تحرير WISIWYG والعرض المباشر والاختبار على خادم بعيد وتطوير التطبيقات باستخدام jQuery mobile وPhonegap. يتوفر Dreamweaver على نظامي التشغيل OSX وWindows. إذا قمت بشراء حزمة التطبيقات بأكملها مقابل 399 دولارًا، فلا فائدة من استخدامها. ولكن إذا اشتريته بشكل منفصل، فقد يكون هناك شيء ما. سيكون الأمر أسهل.

استوديو مرئي

يعد Visual Studio بيئة تطوير شاملة لنظام التشغيل Windows. يدعم هذا المحرر عددًا كبيرًا من اللغات: C/C++، وC#، وVB.NET، وF# المضمنة في البيئة. يحتوي على أدوات قوية لإكمال التعليمات البرمجية، والتوثيق سطرًا تلو الآخر، والتحقق من الأخطاء، وتصحيح الأخطاء، وتصميم النماذج، وإنشاء مخططات قاعدة البيانات، وغير ذلك الكثير. يبدأ السعر من 500 دولار، لكن النسخة السريعة من البرنامج متاحة مجانًا.

Xcode

Xcode هو الحل الذي تقدمه Apple لتطوير تطبيقات OSX وiOS. يدعم C وC++ وObjective-C وObjective-C++ وJava وAppleScript وPython وRuby. باستخدام Xcode، يمكنك كتابة التطبيقات وتصحيح أخطائها واختبارها. يحتوي على مصمم واجهة ومحاكي للأجهزة المحمولة لاختبار تطبيقات iOS. تم استخدام Xcode كمحرر مدفوع، لكنهم الآن يقدمونه مجانًا.

كودا 2

Coda هو محرر الكل في واحد لمطوري الويب. يدعم نقل الملفات عبر FTP، والتنقل بين التعليمات البرمجية والملفات، والمواقع ومجموعات المواقع، وإدارة MySQL وغير ذلك الكثير. مع Coda 2 الجديد، يمكنك استخدام جهاز iPad الخاص بك للتصفح. السعر الثابت هو 99 دولارًا، ولكن يمكنك الحصول عليه بخصم قدره 75 دولارًا.

للجماليات

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

TextMate

TextMate هو في الأساس محرر نصوص رسومية لنظام OSX. يدعم وحدات الماكرو وتخزين التعليمات البرمجية والمقتطفات وتكامل الصدفة وإدارة المشاريع. من المفترض أن يأتي Text Mate 2 مع كل ما يمكنك الحصول عليه. يكلف المحرر حوالي 50 دولارًا.

النص السامي 2

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

للبراغماتيين

المفكرة ++

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

TextWrangler

TextWrangler هو محرر مجاني وخفيف الوزن لنظام OSX. يدعم جميع لغات البرمجة. يوفر وظائف بحث واستبدال قوية ومعالجة النصوص ومقارنة الملفات ودعم FTP وغير ذلك الكثير.

CodeLobster

يتمتع CodeLobster بوظائف بسيطة وقوية لمبرمجي الويب. مناسب لجميع إصدارات نظام التشغيل Windows: 8، 7، Vista، XP، 2003، 2000، ME، Server. تكوين مرن لبيئة العمل، وتلميحات الأدوات للوظائف، وتصحيح الأخطاء، وقائمة المهام. يوصى بهذا المحرر خصيصًا لمطوري الويب، ويمكن توسيعه بسهولة للعمل مع أطر عمل مختلفة: CakePHP، CI، Drupal، JQuery، Yii، Smarty، Symfony، WP، Facebook. نسخة خفيفة الوزن من المحرر متاحة مجانًا. مع مجموعة من الأدوات بقيمة 40 دولارًا، ومجموعة كاملة من المكونات الإضافية والإضافات بأكثر من 100 دولار.

أفضل محرر كود هو...

لم تتمكن من العثور على المحرر الخاص بك في هذه القائمة؟ أخبرنا ما هو محررك المفضل في التعليقات أدناه!