Editorul de cod Bluefish este o aplicație folosită pentru a dezvolta pagini web și scripturi. Nu este un editor WYSIWYG. Bluefish este un instrument folosit pentru a edita codul pe care o pagină Web sau un script este creat. Este destinat programatorilor care au cunoștințe de scriere a codului HTML și CSS și are moduri de a lucra cu cele mai comune limbi de scripting cum ar fi PHP și Javascript, precum și multe altele. Scopul principal al editorului Bluefish este de a face codificarea mai ușoară și de a reduce erorile. Bluefish este software gratuit și open source, iar versiunile sunt disponibile pentru Windows, Mac OSX, Linux și alte platforme asemănătoare Unix. Versiunea pe care o folosesc în acest tutorial este Bluefish pe Windows 7.
01 din 04
Interfața Bluefish
Interfața Bluefish. Screen shot împuternicit Jon Morin
Interfața Bluefish este împărțită în mai multe secțiuni. Cea mai mare secțiune este panoul de editare și aici puteți edita direct codul. În partea stângă a ferestrei de editare este panoul lateral, care execută aceleași funcții ca un manager de fișiere, permițându-vă să alegeți fișierele pe care doriți să lucrați și să redenumiți sau să ștergeți fișiere.
Secțiunea antet din partea superioară a ferestrelor Bluefish conține mai multe bare de instrumente, care pot fi afișate sau ascunse prin meniul Vizualizare.
Barele de instrumente reprezintă bara principală de instrumente, care conține butoane pentru a efectua funcții comune cum ar fi salvați, copiați și lipiți, căutați și înlocuiți și unele opțiuni de codare pentru indentare. Veți observa că nu există butoane de formatare, cum ar fi caractere aldine sau subliniate.
Asta pentru că Bluefish nu formatează codul, ci doar un editor. Sub bara principală de instrumente este bara de instrumente HTML și meniul fragmentelor. Aceste meniuri conțin butoane și submeniuri pe care le puteți utiliza pentru a introduce automat codul pentru majoritatea elementelor și funcțiilor lingvistice.
02 din 04
Utilizarea bara de instrumente HTML în Bluefish
Utilizarea bara de instrumente HTML în Bluefish. Screen shot împuternicit Jon Morin
Bara de instrumente HTML din Bluefish este aranjată de filele care separă uneltele de categorie. Taburile sunt:
Bara rapidă - puteți conecta alte instrumente la această filă pentru elementele pe care le utilizați frecvent.
HTML 5 - vă oferă acces la etichete și elemente comune în HTML 5.
Standard - în această filă sunt accesate opțiunile comune de formatare HTML.
Formatare - opțiuni de formatare mai puțin obișnuite se găsesc aici.
Tabele - diferite funcții de generare de tabele, inclusiv un expert de masă.
Listă - instrumente pentru generarea listelor ordonate, neordonate și definite.
CSS - foi de stiluri pot fi create din această filă, precum și codul de aspect.
Formulare - cele mai comune elemente de formă pot fi inserate din această filă.
Fonturi - această filă are comenzi rapide pentru a lucra cu fonturi în HTML și CSS.
Cadrele - cele mai comune funcții pentru lucrul cu formularele.
Dacă faceți clic pe fiecare filă, butoanele referitoare la categoria respectivă vor apărea în bara de instrumente de sub file.
03 din 04
Utilizarea meniului Fragmente în Bluefish
Utilizarea meniului Fragmente în Bluefish. Screen shot împuternicit Jon Morin
Sub bara de instrumente HTML este un meniu numit bara de fragmente. Această bară de meniu are submeniuri referitoare la o varietate de limbi de programare. Fiecare element din meniu introduce codul utilizat în mod obișnuit, cum ar fi doctypes HTML și informații meta, de exemplu.
Unele dintre elementele de meniu sunt flexibile și generează cod în funcție de eticheta pe care doriți să o utilizați. De exemplu, dacă doriți să adăugați un bloc de text preformat într-o pagină web, puteți să faceți clic pe meniul HTML din bara de fragmente și să selectați elementul de meniu "orice etichetă asociată".
Dând clic pe acest element, se deschide un dialog care vă solicită să introduceți eticheta pe care doriți să o utilizați. Puteți introduce "pre" (fără paranteze unghiulare) și Bluefish inserează o etichetă de deschidere și închidere "pre" în document:
.
04 din 04
Alte caracteristici ale Bluefish
Alte caracteristici ale Bluefish. Screen shot împuternicit Jon Morin
În timp ce Bluefish nu este un editor WYSIWYG, acesta are capacitatea de a vă permite să vă previzualizați codul în orice browser pe care l-ați instalat pe computer. De asemenea, suportă auto-completarea codului, evidențierea sintaxei, instrumentele de depanare, o casetă de ieșire a scriptului, plugin-uri și șabloane care vă pot oferi un început pentru crearea documentelor cu care lucrați frecvent.