Redaktori i kodit Bluefish është një aplikacion i përdorur për të zhvilluar faqe interneti dhe skripte. Nuk është një redaktor WYSIWYG. Bluefish është një mjet i përdorur për të redaktuar kodin që krijohet një faqe interneti ose skicë. Është menduar për programuesit që kanë njohuri për shkrimin e kodit HTML dhe CSS dhe kanë mënyra për të punuar me gjuhët më të zakonshme të shkrimit si PHP dhe Javascript, si dhe shumë të tjerë. Qëllimi kryesor i redaktorit të Bluefish është të bëjë kodimin më të lehtë dhe për të zvogëluar gabimet. Bluefish është i lirë dhe softueri me kod të hapur dhe versionet janë në dispozicion për Windows, Mac OSX, Linux dhe platforma të tjera të ngjashme me Unix-in. Versioni që po përdor në këtë tutorial është Bluefish në Windows 7.
01 nga 04
Ndërfaqja Bluefish
Ndërfaqja Bluefish. Xhirimi i ekranit Jon Morin
Ndërfaqja Bluefish është e ndarë në disa seksione. Seksioni më i madh është butoni i redaktimit dhe kjo është ajo ku mund të ndryshoni direkt kodin tuaj. Në anën e majtë të panelit të editimit është paneli anësor, i cili kryen të njëjtat funksione si një menaxher i skedarëve, duke ju lejuar të zgjidhni skedarët për të cilat dëshironi të punoni dhe riemëroni ose fshini skedarët.
Seksioni i kokës në krye të dritareve të Bluefish përmban disa shiritat e veglave, të cilat mund të shfaqen ose të fshehura përmes menysë View.
Shiritat e veglave janë shiritat kryesor i veglave, të cilat përmbajnë butona për të kryer funksione të përbashkëta si ruajtja, kopjimi dhe ngjitja, kërkimi dhe zëvendësimi, dhe disa mundësi të identifikimit të kodit. Do të vëreni se nuk ka butona të formatimit si të theksuara ose nënvizuara.
Kjo për shkak se Bluefish nuk formaton kodin, është vetëm një redaktor. Më poshtë shiritin kryesor të veglave është shiriti HTML dhe menyja e copëzave. Këto menutë përmbajnë butona dhe nën-menutë që mund t'i përdorni për të futur automatikisht kodin për shumicën e elementeve dhe funksioneve gjuhësore.
02 nga 04
Përdorimi i HTML Toolbar në Bluefish
Përdorimi i HTML Toolbar në Bluefish. Xhirimi i ekranit Jon Morin
HTML toolbar në Bluefish është rregulluar nga skedat që i ndajnë mjetet sipas kategorisë. Tabs janë:
Shirit i Shpejtë - ju mund të pinni mjete të tjera në këtë skedë për artikujt që përdorni shpesh.
HTML 5 - ju jep akses në etiketat dhe elementët e zakonshëm në HTML 5.
Standardi - opsionet e zakonshme të formatimit të HTML arrihen në këtë skedë.
Formatimi - opsionet më të zakonshme të formatimit gjenden këtu.
Tabelat - funksione të ndryshme gjeneruese të tabelave, duke përfshirë një magjistar tavoline.
Lista - mjete për gjenerimin e listave të renditura, të parregulluara dhe përkufizime.
CSS-styleheets mund të krijohen nga kjo skedë, si dhe kodin e paraqitjes.
Formularët - elementët më të zakonshëm të formës mund të futen nga kjo skedë.
Fonts - kjo skedë ka shkurtesat për të punuar me fonts në HTML dhe CSS.
Korniza - funksionet më të zakonshme për të punuar me forma.
Duke klikuar në çdo skedë do të shfaqet butona në lidhje me kategorinë përkatëse në shiritin e veglave nën tabs.
03 nga 04
Përdorimi i menusë Snippets në Bluefish
Përdorimi i menusë Snippets në Bluefish. Xhirimi i ekranit Jon Morin
Më poshtë shiritin HTML është një menu e quajtur barra e fragmenteve. Ky bar i menysë ka nën-menusë që kanë të bëjnë me një shumëllojshmëri gjuhësh programimi. Secili artikull në menynë fut kodin e përdorur zakonisht, si p.sh doktriptat e HTML dhe informacion meta.
Disa nga artikujt e menysë janë fleksibël dhe gjenerojnë kodin në varësi të tagit që dëshironi të përdorni. Për shembull, nëse dëshironi të shtoni një bllok teksti të riformatuar në një faqe uebi, mund të klikoni në menunë HTML në shiritin e fragmenteve dhe të zgjidhni artikullin e menysë "çdo tag çiftëzohet".
Duke klikuar këtë artikull hapet një dialog që ju kërkon të futni tagin që dëshironi të përdorni. Ju mund të futni "pre" (pa kllapa këndore) dhe Bluefish fut një etiketë hapjeje dhe mbyllëse "pre" në dokument:
.
04 nga 04
Karakteristika të tjera të Bluefish
Karakteristika të tjera të Bluefish. Xhirimi i ekranit Jon Morin
Ndërsa Bluefish nuk është një redaktor WYSIWYG, ai ka aftësinë t'ju lejojë të shikoni kodin tuaj në çdo shfletues që keni instaluar në kompjuterin tuaj. Ai gjithashtu mbështet përfundimin e kodit automatik, theksimin e sintaksës, mjetet e debugging, kutinë e prodhimit të skriptit, shtojcat dhe modelet që mund t'ju japin një fillim kërcimi për krijimin e dokumenteve me të cilat punoni shpesh.