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

المفكرة + +

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

اقرأ أيضا: المفكرة + + + نظائرها

المفكرة + واجهة نص محرر

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

تحميل المفكرة + +

سابليم تكست

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

واجهة محرر النص Sublime Text

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

تنزيل SublimeText

بين قوسين

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

واجهة محرر النص Brackets

يتأثر فقط بوجود بعض الأقسام غير المتخصصة في البرنامج ، بالإضافة إلى إمكانية استخدام وظيفة "Live Preview" حصريًا في المتصفح جوجل كروم .

تنزيل الأقواس

الأعرج

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

جيمب محرر الصور اجهة

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

تنزيل GIMP

أدوبي فوتوشوب

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

واجهة Adobe Photoshop Image Editor

من بين العيوب الرئيسية هي صعوبة إتقان جميع وظائف Adobe Photoshop. بالإضافة إلى ذلك ، على عكس GIMP ، يتم دفع هذه الأداة مع فترة تجريبية لا تزيد عن 30 يومًا.

تنزيل أدوبي فوتوشوب

استوديو Aptana

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

واجهة Aptana ستوديو

تتمثل العوائق الرئيسية لـ Aptana Studio في صعوبة إتقان اللغة الروسية وعدم وجود واجهة باللغة الروسية.

تحميل Aptana Studio

WebStorm

التناظرية لبرنامج Aptana Studio هي WebStorm ، والتي تنتمي أيضًا إلى فئة أنظمة التطوير المتكاملة. يحتوي منتج البرنامج هذا على محرر مناسب للشفرات يدعم قائمة رائعة من لغات البرمجة المختلفة. من أجل راحة أكبر للمستخدم ، يوفر المطورون الفرصة لاختيار التصميم لتصميم مساحة العمل. من بين "الإيجابيات" الخاصة بـ WebShield ، يمكنك إبراز وجود أداة لتصحيح أخطاء Node.js ومكتبات الضبط الدقيق. توفر الوظيفة "تحرير مباشر" القدرة على استعراض جميع التغييرات التي تم إجراؤها من خلال المتصفح. تسمح لك وسائل التفاعل مع خادم الويب بإجراء التحرير عن بعد للموقع وتكوينه.

واجهة WebStorm

بالإضافة إلى عدم وجود واجهة باللغة الروسية ، لدى WebStorm أكثر من "ناقص" ، والتي ، بالمناسبة ، لا تحتوي على Aptana Studio ، وهي الحاجة إلى دفع ثمن البرنامج.

تنزيل WebStorm

الصفحة الأمامية

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

واجهة مايكروسوفت الواجهة الأمامية

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

تنزيل الصفحة الأمامية

KompoZer و

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

واجهة محرر HTML المرئي Kompozer

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

تنزيل KompoZer

أدوبي دريمويفر

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

اقرأ أيضا: دريمويفر النظير

واجهة محرر HTML المرئي Adobe Dreamweaver

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

تنزيل Adobe Dreamweaver

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