Bluefish Text HTML засварлагчийн танилцуулга

Bluefish код засварлагч нь вэб хуудас болон скриптүүдийг боловсруулахад хэрэглэгддэг програм юм. Энэ бол WYSIWYG редактор биш юм. Bluefish бол веб хуудас эсвэл скрипт үүсгэгдсэн кодыг засах хэрэгсэл юм. Энэ нь HTML болон CSS код бичих чадвартай программистуудад зориулагдсан бөгөөд PHP болон Javascript зэрэг хамгийн түгээмэл скрипттэй хэлээр ажиллах горимуудтай байдаг. Bluefish редакторын гол зорилго нь кодлоход хялбар, алдааг багасгах явдал юм. Bluefish бол үнэгүй, нээлттэй эхийн програм хангамж бөгөөд Windows, Mac OSX, Linux болон бусад Unix-тэй төстэй тавцангууд дээр ажиллах боломжтой. Энэ хичээл дээр миний ашиглаж буй хувилбар нь Windows 7 дээрх Bluefish юм.

01 - 04

Bluefish интерфэйс

Bluefish интерфэйс нь хэд хэдэн хэсэгт хуваагддаг. Хамгийн том хэсэг нь засах панел бөгөөд энэ нь та өөрийн кодоо шууд засварлаж болно. Засварлах талбайн зүүн тал нь файлын менежертэй адил функцуудыг гүйцэтгэдэг хажуугийн самбар бөгөөд та хүссэн файлуудаа сонгож, файлуудаа өөрчлөх эсвэл устгах боломжтой.

Bluefish цонхны дээд хэсэгт байрлах толгой хэсэг нь View цэсээр харагдах эсвэл харуулах боломжтой хэд хэдэн хэрэглэгддэг багаж байдаг.

Toolbars нь товчлууруудыг хадгалах, хуулбарлах, зөөх, хайх, солих, зарим кодын төлөв байдлын тохиргоонууд зэрэг нийтлэг функцуудыг гүйцэтгэх товчлууруудыг агуулдаг гол toolbar юм. Та bold буюу underline зэрэг форматтай товчлуурууд байхгүй гэдгийг анзаарах болно.

Учир нь Bluefish нь кодыг өөрчилдөггүй, зөвхөн засварлагч юм. Үндсэн багажны доор HTML хэрэгслийн хэсэг болон хэсэг цэс байна. Эдгээр цэсүүд нь ихэнх хэл дээрх элементүүд болон функцуудад зориулсан кодыг автоматаар оруулахын тулд ашиглаж болох товчлуурууд болон дэд цэсүүдийг агуулдаг.

04 дүгээр сарын 02

Bluefish-ийн HTML хэрэгслийг ашиглах

Bluefish дэх HTML програм нь багажуудыг категороор нь ангилдаг. Табууд нь:

• Түргэн бар - Та энэ хэрэгслийг байнга хэрэглэдэг зүйлүүдэд зориулж энэ хэрэгслийг ашиглан бусад хэрэгслийг зүүж болно.
• HTML 5 - HTML 5-д нийтлэг хаягууд болон элементүүдэд хандах боломжийг танд олгоно.
• Стандарт - нийтлэг HTML форматлах тохиргоог энэ таб дээр нэвтэрч байна.
• Форматлах - ерөнхий форматын тохиромжгүй сонголт эндээс олдох болно.
• Хүснэгт - хүснэгтийн хөтөч гэх мэт хүснэгт үүсгэх функцууд.
• Жагсаалт - Захиалгат, эрэмбэлээгүй, тодорхойлолтын жагсаалт гаргах хэрэгслүүд.
• CSS - stylesheets нь энэ табоос гадна layout кодыг үүсгэж болно.
• Маягтууд - хамгийн түгээмэл хэлбэрийн элементүүдийг энэ табаас оруулж болно.
• Фонтууд - Энэ таб нь HTML болон CSS доторх фонтуудтай ажиллах товчлолуудтай.
• Фото - формуудтай ажиллах хамгийн нийтлэг функцууд.

Таб бүрийн дээр дарж холбогдох категоруудтай холбоотой товчлуурууд нь таб мөрний доор багажны Toolbar дээр гарч ирнэ.

03 - 04

Bluefish-ийн Snippets цэсийг ашиглах

HTML хэрэгслийн мөрний доорхи нь snippet bar гэж нэрлэгддэг цэс юм. Энэ цэсний мөр нь програмчлалын хэлнүүдийн төрөлтэй холбоотой дэд цэстэй. Цэсийн элемент бүр нь түгээмэл хэрэглэгддэг код, жишээлбэл HTML сургаал ба мета мэдээлэл оруулдаг.

Цэсийн зарим зүйл уян хатан бөгөөд ашиглахыг хүссэн хаягаас шалтгаалан кодыг үүсгэдэг. Жишээлбэл, урьдчилан текстийн текстийг веб хуудсанд байрлуулахыг хүсвэл, та хуанлийн хэсэгт HTML цэсийг дарж "ямар ч хос хост" цэсний зүйлийг сонгож болно.

Энэ зүйлийг дарах нь ашиглахыг хүсч буй хаягаа оруулахыг танаас хүсч буй цонхыг нээнэ. Та "урьдчилан" (өнцөг хаалтгүйгээр) оруулж болох бөгөөд Bluefish нь баримтыг "нээх" өмнө нээгдэж, "өмнөх" шошгыг оруулна.

 . 

 04 - 04 
 Bluefish-ийн бусад онцлогууд 
 Цэн Bluefish нь WYSIWYG редактор биш боловч таны компьютер дээр суулгасан ямар ч хөтөч дээр кодоо урьдчилан харах боломж олгодог. Энэ нь кодыг автоматаар гүйцээх, синтаксийн тодруулга, дибаг хийх хэрэгслүүд, скрипт гаралтын хайрцаг, залгаасууд, мөн та байнга ажилладаг баримтууд үүсгэхэд үсрэх эхлэл болох боломжийг олгодог.