Редакторът на кодове Bluefish е приложение, използвано за разработване на уеб страници и скриптове. Това не е WYSIWYG редактор. Bluefish е инструмент, който се използва за редактиране на кода, от който е създадена уеб страница или скрипт. Тя е предназначена за програмисти, които имат знания за писане на HTML и CSS код и има режими за работа с най-често използваните скриптови езици като PHP и Javascript, както и много други. Основната цел на редактора Bluefish е да направи кодирането по-лесно и да намали грешките. Bluefish е безплатен и с отворен код софтуер и версии са достъпни за Windows, Mac OSX, Linux и различни други Unix-подобни платформи. Версията, която използвам в този урок, е Bluefish на Windows 7.
01 от 04
Интерфейсът Bluefish
Интерфейсът Bluefish. Екранът е застрелян учтивост Джон Морин
Интерфейсът Bluefish е разделен на няколко секции. Най-голямата секция е панелът за редактиране и тук можете да редактирате директно кода си. От лявата страна на прозореца за редактиране е страничният панел, който изпълнява същите функции като файловия мениджър, позволявайки ви да изберете файловете, които искате да работите, и да преименувате или изтривате файлове.
Секцията на заглавката в горната част на прозорците Bluefish съдържа няколко ленти с инструменти, които могат да бъдат показани или скрити чрез менюто "Изглед".
Лентите с инструменти са основната лента с инструменти, която съдържа бутони за извършване на общи функции като запазване, копиране и поставяне, търсене и замяна, както и някои опции за кодово вдлъбване. Ще забележите, че няма бутони за форматиране, като например удебелен шрифт или подчертаване.
Това е така, защото Bluefish не форматира код, той е само редактор. Под основната лента с инструменти се намират лентата с инструменти HTML и менюто за фрагменти. Тези менюта съдържат бутони и подменюта, които можете да използвате, за да въведете автоматично код за повечето езикови елементи и функции.
02 от 04
Използване на лентата с инструменти HTML в Bluefish
Използване на лентата с инструменти HTML в Bluefish. Екранът е застрелян учтивост Джон Морин
Лента с инструменти HTML в Bluefish се подрежда от разделите, които разделят инструментите по категории. Разделите са:
Бърз бар - можете да поставяте други инструменти в този раздел за елементи, които използвате често.
HTML 5 - ви дава достъп до общи етикети и елементи в HTML 5.
Стандарт - в този раздел се използват общи опции за HTML форматиране.
Форматиране - тук се намират по-рядко срещани опции за форматиране.
Таблици - различни функции за генериране на таблици, включително табличен съветник.
Списък - инструменти за генериране на подредени, неподредени и дефинирани списъци.
CSS - стилове могат да бъдат създадени от този раздел, както и кода на оформлението.
Формуляри - от този раздел могат да се вмъкнат най-често срещаните елементи от формуляра.
Шрифтове - в този раздел има преки пътища за работа с шрифтове в HTML и CSS.
Рамки - най-често срещаните функции за работа с формуляри.
При кликване върху всеки раздел ще се появят бутони, отнасящи се до съответната категория, в лентата с инструменти под разделите.
03 от 04
Използване на менюто "Фрагменти" в Bluefish
Използване на менюто "Фрагменти" в Bluefish. Екранът е застрелян учтивост Джон Морин
Под лентата с инструменти HTML има меню, наречено лентата с откъси. Тази лента с менюта има подменюта, отнасящи се до различни езици за програмиране. Всеки елемент от менюто вмъква често използван код, например HTML доктове и мета информация.
Някои от елементите на менюто са гъвкави и генерират код в зависимост от маркера, който искате да използвате. Например, ако искате да добавите предварително форматиран текстов блок към уеб страница, можете да кликнете върху менюто HTML в лентата с отрязъци и да изберете елемента от менюто "всяка двойка маркери".
Кликването върху този елемент отваря диалогов прозорец, който ви подканва да въведете маркера, който искате да използвате. Можете да въведете "pre" (без ъгловите скоби) и Bluefish вмъква в документа начален и затварящ "pre" маркер:
.
04 от 04
Други характеристики на Bluefish
Други характеристики на Bluefish. Екранът е застрелян учтивост Джон Морин
Докато Bluefish не е WYSIWYG редактор, той има възможността да ви позволи да визуализирате кода във всеки браузър, който сте инсталирали на вашия компютър. Той също така поддържа автоматично завършване на кода, подчертаване на синтаксис, инструменти за отстраняване на грешки, изходна кутия за скриптове, приставки и шаблони, които могат да ви дадат начален скок за създаване на документи, с които често работите.