مقدمه ای بر Bluefish Text Editor HTML

ویرایشگر کد Bluefish یک برنامه کاربردی است که برای توسعه صفحات وب و اسکریپت ها استفاده می شود. این یک ویرایشگر WYSIWYG نیست. Bluefish یک ابزار برای ویرایش کد است که از صفحه وب یا اسکریپت ایجاد شده است. این برای برنامه نویسان که دانش کپی از HTML و کد CSS دارند و دارای حالت هایی برای کار با رایج ترین زبان های برنامه نویسی مانند پی اچ پی و جاوا اسکریپت و بسیاری دیگر است. هدف اصلی ویرایشگر Bluefish این است که برنامه نویسی ساده تر و خطاهای را کاهش دهد. Bluefish نرم افزار آزاد و منبع باز است و نسخه ها برای ویندوز، Mac OSX، لینوکس و سایر سیستم عامل های مشابه Unix نیز در دسترس هستند. نسخه ای که من در این آموزش استفاده می کنم Bluefish در ویندوز 7 است.

01 از 04

رابط کاربری Bluefish

رابط کاربری Bluefish. عکس جنجالی Jon Morin

رابط Bluefish به چند بخش تقسیم شده است. بزرگترین قسمت پنجره ویرایش است و این جایی است که شما می توانید به طور مستقیم کد خود را ویرایش کنید. در سمت چپ پنجره ویرایش پنل جانبی است که عملکردهای مشابه را به عنوان مدیر فایل انجام می دهد و به شما اجازه می دهد تا فایل هایی را که می خواهید بر روی آن کار کنید را انتخاب کرده و فایل ها را تغییر و یا حذف کنید.

بخش هدر در بالای پنجره Bluefish حاوی چندین نوار ابزار است که می تواند از طریق منوی View نشان داده شود یا پنهان شود.

نوار ابزار نوار ابزار اصلی است که حاوی دکمه هایی برای انجام کارهای رایج مانند ذخیره، کپی و چسباندن، جستجو و جایگزینی و برخی از گزینه های جایگذاری کد است. شما متوجه خواهید شد که دکمه های قالب بندی مثل bold یا underline وجود ندارد.

به این دلیل که Bluefish کد را فرمت نمی کند، فقط یک ویرایشگر است. در زیر نوار ابزار اصلی نوار ابزار HTML و منوی قطعه است. این منوها حاوی دکمه ها و زیر منوها هستند که می توانید آن ها را به طور خودکار برای اکثر عناصر و توابع زبان وارد کنید.

02 از 04

با استفاده از نوار ابزار HTML در Bluefish

با استفاده از نوار ابزار HTML در Bluefish. عکس جنجالی Jon Morin

نوار ابزار HTML در Bluefish توسط زبانه ها تنظیم شده که ابزار را براساس طبقه بندی جدا می کند. زبانه ها عبارتند از:

با کلیک بر روی هر برگه دکمه مربوط به دسته مربوطه ظاهر خواهد شد در نوار ابزار زیر زبانه ها.

03 از 04

با استفاده از منوی Snippets در Bluefish

با استفاده از منوی Snippets در Bluefish. عکس جنجالی Jon Morin

در زیر نوار ابزار HTML یک منو به نام نوار لغزشی است. این نوار منو دارای زیر منوهای مربوط به انواع زبان های برنامه نویسی است. هر آیتم در منوی، کد معمولی مورد استفاده قرار می گیرد، مانند مثال doctypes HTML و متا اطلاعات.

برخی از آیتم های منو انعطاف پذیر هستند و بسته به برچسب مورد نظر شما کد را تولید می کنند. به عنوان مثال، اگر می خواهید یک بلوک پیش فرمت متن را به یک صفحه وب اضافه کنید، می توانید بر روی منوی HTML در نوار لغزیدن کلیک کنید و موردی از گزینه "هر تگ زوجی" را انتخاب کنید.

با کلیک بر روی این آیتم یک محاوره ای باز می شود که از شما می خواهد که برچسب مورد نظر خود را وارد کنید. شما می توانید "پیش" را وارد کنید (بدون براکت های زاویه ای) و Bluefish یک تگ "پیش" باز و بسته را به سند وارد می کند:

 . 

04 از 04

ویژگی های دیگر Bluefish

ویژگی های دیگر Bluefish. عکس جنجالی Jon Morin

در حالی که Bluefish یک ویرایشگر WYSIWYG نیست، توانایی اجازه دادن به پیش نمایش کد شما را در هر مرورگر ای که در رایانه خود نصب کرده اید، می دهد. همچنین از تکمیل خودکار کد، برجسته سازی نحو، ابزار اشکال زدایی، جعبه خروجی اسکریپت، افزونه ها و قالب هایی که می توانند شروع به پرش برای ایجاد اسنادی که اغلب با آن کار می کنند، پشتیبانی کند.