Bluefish ടെക്സ്റ്റ് HTML എഡിറ്ററിന് ഒരു ആമുഖം

വെബ് പേജുകളും സ്ക്രിപ്റ്റും വികസിപ്പിക്കുന്നതിനായി ഉപയോഗിക്കുന്ന ഒരു അപ്ലിക്കേഷനാണ് ബ്ലൂ ഫിഷ് കോഡ് എഡിറ്റർ. ഇതൊരു WYSIWYG എഡിറ്റർ അല്ല. ഒരു വെബ് പേജ് അല്ലെങ്കിൽ സ്ക്രിപ്റ്റ് സൃഷ്ടിക്കുന്ന കോഡ് എഡിറ്റുചെയ്യാൻ ഉപയോഗിക്കുന്ന ഒരു ഉപകരണമാണ് Bluefish. പ്രോഗ്രാമ്മർമാർക്ക് HTML , CSS കോഡ് എഴുതുന്നതിനുള്ള അറിവുണ്ട്, കൂടാതെ PHP- ഉം Javascript പോലുളള സ്ക്രിപ്റ്റിംഗ് ഭാഷകളും, കൂടാതെ മറ്റു പല മഹത്തായ പ്രോഗ്രാമുകൾ തുടങ്ങിയവയുമൊക്കെ പ്രവർത്തിക്കാൻ മോഡുകൾ ഉണ്ട്. കോഡിംഗ് എളുപ്പമാക്കുകയും പിശകുകൾ കുറയ്ക്കുകയും ചെയ്യുക എന്നതാണ് ബ്ലൂബിഷ് എഡിറ്ററുടെ പ്രധാന ഉദ്ദേശ്യം. Bluefish സ്വതന്ത്രവും ഓപ്പൺ സോഴ്സ് സോഫ്റ്റ്വെയറുകളും വിൻഡോസ്, മാക് ഒഎസ്എക്സ്, ലിനക്സ്, യുണിക്സ് പോലുള്ള പ്ലാറ്റ്ഫോമുകളിലേയ്ക്ക് പതിപ്പുകൾ ലഭ്യമാണ്. വിൻഡോസ് 7 ൽ ബ്ലൂഫിഷ് ആണ് ഈ ട്യൂട്ടോറിയലിൽ ഞാൻ ഉപയോഗിക്കുന്നത്.

01 ഓഫ് 04

ബ്ലൂഫിഷ് ഇന്റർഫേസ്

ബ്ലൂഫിഷ് ഇന്റർഫേസ് പല ഭാഗങ്ങളായി തിരിച്ചിരിക്കുന്നു. ഏറ്റവും വലിയ വിഭാഗം എഡിറ്റ് പാനി ആണ്. ഇവിടെ നിങ്ങളുടെ കോഡ് നേരിട്ട് എഡിറ്റുചെയ്യാൻ കഴിയും. എഡിറ്റിങ് പാളി ഇടതുഭാഗത്ത് സൈഡ് പാനൽ ആണ്, അത് ഫയൽ മാനേജരെ പോലെ പ്രവർത്തിക്കുകയും, നിങ്ങൾ പ്രവർത്തിക്കാനാഗ്രഹിക്കുന്ന ഫയലുകൾ തിരഞ്ഞെടുക്കുകയും ഫയലുകൾ പുനർനാമകരണം ചെയ്യുകയും ഇല്ലാതാക്കുകയും ചെയ്യാം.

BlueHouse വിൻഡോകളുടെ മുകളിൽ ഹെഡ്ഡർ വിഭാഗം നിരവധി ടൂൾബാറുകളുണ്ടു്, അവ കാണിയ്ക്കാനോ വ്യൂ മെനു വഴി മറയ്ക്കാനോ കഴിയും.

സംരക്ഷിക്കുക, പകർത്തുക, ഒട്ടിക്കുക, തിരച്ചിൽ, മാറ്റിസ്ഥാപിക്കൽ, ചില കോഡ് ഇൻഡന്റേഷൻ ഓപ്ഷനുകൾ എന്നിവ പോലുള്ള സാധാരണ പ്രവർത്തനങ്ങൾ ചെയ്യുന്നതിന് ബട്ടണുകൾ അടങ്ങുന്ന പ്രധാന ടൂൾബാർ ആണ് ടൂൾബാറുകൾ. ഫോള്ഡര് അല്ലെങ്കില് അടിവരയോ പോലുള്ള ഫോർമാറ്റിംഗ് ബട്ടണുകളില്ലെന്ന് നിങ്ങൾ ശ്രദ്ധിക്കും.

കാരണം ബ്ലൂ ഫിഷ് കോഡിന്റെ ഫോർമാറ്റ് അല്ല, ഇത് എഡിറ്റർ മാത്രമാണ്. പ്രധാന ടൂൾ ബാർ താഴെ HTML ടൂൾബാറും സ്നിപ്പെറ്റുകൾ മെനുവും ആണ്. ഈ മെനുകളിൽ ഭൂരിഭാഗം ഭാഷ ഘടകങ്ങൾക്കും പ്രവർത്തനങ്ങൾക്കുമായി കോഡ് യാന്ത്രികമായി ചേർക്കാൻ ഉപയോഗിക്കുന്ന ബട്ടണുകളും ഉപ-മെനുകളും ഉണ്ട്.

02 ഓഫ് 04

ബ്ലൂബിസിലെ HTML ടൂൾബാർ ഉപയോഗിക്കുന്നത്

ബ്ലൂഫിഷ് ലെ എച്ച്എഎൽ ടൂൾബാർ ടാഗുകൾ ക്രമീകരിച്ചിരിക്കുന്നു. ടാബുകൾ ഇവയാണ്:

• ദ്രുത ബാർ - നിങ്ങൾ പലപ്പോഴും ഉപയോഗിക്കുന്ന ഇനങ്ങൾക്കായി നിങ്ങൾക്ക് മറ്റ് ഉപകരണങ്ങൾ ഈ ടാബിൽ പിൻ ചെയ്യാവുന്നതാണ്.
• HTML 5 - HTML 5 ലെ സാധാരണ ടാഗുകളും ഘടകങ്ങളും നിങ്ങൾക്ക് ആക്സസ് നൽകുന്നു.
• സ്റ്റാൻഡേർഡ് - സാധാരണ HTML ഫോർമാറ്റിംഗ് ഓപ്ഷനുകൾ ഈ ടാബിൽ ആക്സസ് ചെയ്യപ്പെടുന്നു.
• ഫോർമാറ്റിംഗ് - കുറച്ച് സാധാരണ ഫോർമാറ്റിംഗ് ഓപ്ഷനുകൾ ഇവിടെ ലഭ്യമാണ്.
• ടേബിളുകൾ - ഒരു ടേബിൾ വിസാർഡ് ഉൾപ്പെടെ നിരവധി ടേബിൾ ജനറേഷംഗ് ഫംഗ്ഷനുകൾ.
• ലിസ്റ്റ് - ഓർഡറുകൾ, ഓർഡർ ചെയ്ത, ഡെഫനിഷൻ ലിസ്റ്റുകൾ ഉണ്ടാക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ.
• CSS- സ്റ്റൈൽഷീറ്റുകൾ ഈ ടാബിൽ നിന്നും ലേഔട്ട് കോഡിൽ നിന്നും സൃഷ്ടിക്കാൻ കഴിയും.
• ഫോമുകൾ - ഈ സാധാരണ ടാബിൽ നിന്നും ഏറ്റവും സാധാരണ ഫോം ഘടകങ്ങൾ ചേർക്കാവുന്നതാണ്.
• ഫോണ്ടുകൾ - ഈ ടാബിന് HTML, CSS എന്നിവയിൽ ഫോണ്ടുകൾക്കൊപ്പം പ്രവർത്തിക്കാൻ കുറുക്കുവഴികൾ ഉണ്ട്.
• ഫ്രെയിമുകൾ - ഫോമുകളിൽ പ്രവർത്തിക്കാൻ ഏറ്റവും സാധാരണ പ്രവർത്തനങ്ങൾ.

ഓരോ ടാബിലും ക്ലിക്കുചെയ്യുന്നത്, ടാബുകൾക്ക് ചുവടെയുള്ള ടൂൾബാറിൽ ദൃശ്യമാകുന്ന പ്രസക്ത വിഭാഗവുമായി ബന്ധപ്പെട്ട ബട്ടണുകൾ കാണിക്കും.

04-ൽ 03

ബ്ലൂഷിൽ സ്നിപ്പെറ്റുകൾ മെനു ഉപയോഗിക്കുന്നത്

HTML ടൂൾബാറിനു താഴെ സ്നിപ്പെറ്റുകൾ ബാർ എന്നു വിളിക്കുന്ന ഒരു മെനുവാണു്. വിവിധ തരത്തിലുള്ള പ്രോഗ്രാമിംഗ് ഭാഷയുമായി ബന്ധപ്പെട്ട ഉപമെനു ഈ മെനു ബാറിൽ ഉണ്ട്. ഉദാഹരണത്തിന് HTML ഡോക്സികളും മെറ്റാ വിവരങ്ങളും സാധാരണയായി ഉപയോഗിക്കുന്ന കോഡിൽ ഓരോ ഇനവും ചേർക്കുന്നു.

മെനു ഉത്പന്നങ്ങളിൽ ചിലത് വഴങ്ങുന്നതാണ്, നിങ്ങൾ ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന ടാഗ് അനുസരിച്ച് കോഡ് ജനറേറ്റുചെയ്യും. ഉദാഹരണത്തിന്, ഒരു വെബ് പേജിലേക്ക് മുൻകൂട്ടി ഫോർമാറ്റ് ചെയ്ത ബ്ലോക്ക് ചേർക്കുവാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് സ്നിപ്പെറ്റുകൾ ബാറിലെ HTML മെനു ക്ലിക്കുചെയ്ത് "ജോടിയാക്കിയ ടാഗ്" മെനു ഇനം തിരഞ്ഞെടുക്കുക.

ഈ ഇനത്തിൽ ക്ലിക്ക് ചെയ്യുക നിങ്ങൾ ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന ടാഗിൽ പ്രവേശിക്കാൻ ഒരു ഡയലോഗ് തുറക്കുന്നു. നിങ്ങൾക്ക് "പ്രി" (കോണി ബ്രാക്കറ്റുകൾ ഇല്ലാതെ) നൽകാം, Bluefish ഡോക്സിൽ തുറക്കുകയും അടയ്ക്കുമ്പോൾ "പ്രീ" ടാഗ് അടയ്ക്കുകയും ചെയ്യുക:

 . 

 04 of 04 
 ബ്ലൂബിളിന്റെ മറ്റു സവിശേഷതകൾ 
 Bluefish ഒരു WYSIWYG എഡിറ്റർ അല്ലാത്തതിനാൽ, നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ നിങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ള ഏതെങ്കിലും ബ്രൗസറിൽ നിങ്ങളുടെ കോഡ് പ്രിവ്യൂ ചെയ്യാനുള്ള കഴിവുണ്ട്. കോഡ് യാന്ത്രിക പൂർത്തിയാക്കൽ, സിന്റാക്സ് ഹൈലൈറ്റിംഗ്, ഡീബഗ്ഗിംഗ് ടൂൾസ്, സ്ക്രിപ്റ്റ് ഔട്ട്പുട്ട് ബോക്സ്, പ്ലഗിൻസ്, ടെംപ്ലേറ്റുകളും നിങ്ങൾ കൂടെക്കൂടെ പ്രവർത്തിപ്പിക്കുന്ന പ്രമാണങ്ങൾ സൃഷ്ടിക്കുന്നതിന് ഒരു ജമ്പ് സ്റ്റാർട്ടിംഗ് നൽകുന്നതും പിന്തുണയ്ക്കുന്നു.