محرر رمز Bluefish هو تطبيق يستخدم لتطوير صفحات الويب والنصوص. ليس محرر WYSIWYG. Bluefish هي أداة تستخدم لتحرير الرمز الذي يتم إنشاء صفحة ويب أو برنامج نصي منه. وهو مخصص للمبرمجين الذين لديهم معرفة بكتابة كود HTML و CSS ولديه صيغ للعمل مع لغات البرمجة الأكثر شيوعًا مثل PHP و Javascript ، بالإضافة إلى العديد من اللغات الأخرى. الهدف الرئيسي لمحرر Bluefish هو جعل الترميز أسهل وتقليل الأخطاء. Bluefish هي برامج مجانية ومفتوحة المصدر وإصدارات متوفرة لنظام التشغيل Windows و Mac OSX و Linux ، والعديد من الأنظمة الأساسية الأخرى المشابهة لـ Unix. الإصدار الذي أستخدمه في هذا البرنامج التعليمي هو Bluefish على Windows 7.
01 من 04
واجهة Bluefish
تنقسم واجهة Bluefish إلى عدة أقسام. القسم الأكبر هو جزء التعديل وهذا هو المكان الذي يمكنك فيه تعديل رمزك مباشرةً. على الجانب الأيمن من جزء التعديل توجد اللوحة الجانبية ، والتي تقوم بنفس وظائف إدارة الملفات ، مما يسمح لك باختيار الملفات التي تريد العمل عليها وإعادة تسمية الملفات أو حذفها.
يحتوي قسم الرأس في الجزء العلوي من نوافذ Bluefish على العديد من أشرطة الأدوات ، والتي يمكن إظهارها أو إخفاؤها من خلال القائمة عرض.
أشرطة الأدوات هي شريط الأدوات الرئيسي ، الذي يحتوي على أزرار لأداء وظائف شائعة مثل الحفظ والنسخ واللصق والبحث والاستبدال ، وبعض خيارات المسافة البادئة الرمز. ستلاحظ أنه لا توجد أزرار تنسيق مثل غامق أو تسطير.
هذا لأن Bluefish لا يقوم بتنسيق الكود ، فهو مجرد محرر. يوجد أسفل شريط الأدوات الرئيسي شريط أدوات HTML وقائمة المقتطفات. تحتوي هذه القوائم على أزرار وقوائم فرعية يمكنك استخدامها لإدخال التعليمة البرمجية تلقائيًا لمعظم عناصر ووظائف اللغة.
02 من 04
باستخدام شريط أدوات HTML في Bluefish
يتم ترتيب شريط HTML في Bluefish بواسطة علامات التبويب التي تفصل الأدوات حسب الفئة. علامات التبويب هي:
- شريط سريع - يمكنك تثبيت أدوات أخرى على علامة التبويب هذه للعناصر التي تستخدمها بشكل متكرر.
- يتيح لك HTML 5 - الوصول إلى العلامات والعناصر الشائعة في HTML 5.
- قياسي - يتم الوصول إلى خيارات تنسيق HTML الشائعة في علامة التبويب هذه.
- التنسيق - يوجد خيارات تنسيق أقل شيوعًا هنا.
- الجداول - مختلف وظائف توليد الجدول ، بما في ذلك معالج الجدول.
- قائمة - أدوات لتوليد قوائم مرتبة ، غير مرتبة ، وتعريف.
- CSS - يمكن إنشاء صفحات الأنماط من علامة التبويب هذه بالإضافة إلى رمز المخطط.
- النماذج - يمكن إدراج أكثر عناصر النماذج شيوعًا من علامة التبويب هذه.
- الخطوط - تحتوي علامة التبويب هذه على اختصارات للعمل مع الخطوط في HTML و CSS.
- الإطارات - أكثر الوظائف شيوعًا للعمل مع النماذج.
يؤدي النقر على كل علامة تبويب إلى ظهور أزرار مرتبطة بالفئة ذات الصلة في شريط الأدوات أسفل علامات التبويب.
03 من 04
باستخدام قائمة Snippets في Bluefish
يوجد أسفل شريط أدوات HTML قائمة تسمى شريط المقتطفات. يحتوي شريط القوائم هذا على قوائم فرعية تتعلق بمجموعة متنوعة من لغات البرمجة. يقوم كل عنصر في القائمة بإدراج تعليمات برمجية شائعة الاستخدام ، مثل HTML doctypes ومعلومات meta على سبيل المثال.
بعض عناصر القائمة مرنة وتوليد رمز اعتمادًا على العلامة التي ترغب في استخدامها. على سبيل المثال ، إذا كنت ترغب في إضافة كتلة نص منسقة مسبقًا إلى صفحة ويب ، فيمكنك النقر فوق قائمة HTML في شريط المقتطفات واختيار عنصر القائمة "أي علامة علامة مقترنة".
يؤدي النقر على هذا العنصر إلى فتح مربع حوار يطالبك بإدخال العلامة التي ترغب في استخدامها. يمكنك إدخال "pre" (بدون الأقواس المائلة) ويدرج Bluefish علامة "pre" وفتح وإغلاق في المستند:
pre>.04 من 04
ميزات أخرى من Bluefish
في حين أن Bluefish ليس محرر WYSIWYG ، إلا أنه يتيح لك إمكانية معاينة التعليمات البرمجية في أي متصفح قمت بتثبيته على جهاز الكمبيوتر الخاص بك. كما يدعم أيضًا الإكمال التلقائي للتعليمات البرمجية ، وإبراز البنية ، وأدوات تصحيح الأخطاء ، ومربع إخراج النص البرمجي ، والمكونات الإضافية ، والقوالب التي يمكن أن تمنحك بداية سريعة لإنشاء المستندات التي تعمل بها كثيرًا.