બ્લ્યૂફિશ કોડ એડિટર એ વેબ પૃષ્ઠો અને સ્ક્રિપ્ટ્સ વિકસાવવા માટે વપરાતી એક એપ્લિકેશન છે. તે WYSIWYG સંપાદક નથી. બ્લુફિશ એ એક એવું સાધન છે જેનો ઉપયોગ વેબ કોડ અથવા સ્ક્રિપ્ટ બનાવવામાં આવે છે. તે પ્રોગ્રામર્સ માટે છે જે HTML અને CSS કોડ લખવાનું અને PHP અને Javascript જેવા મોટાભાગના સ્ક્રીપ્ટીંગ ભાષાઓ સાથે કામ કરવા માટેનાં મોડ્સ ધરાવે છે, તેમજ ઘણા અન્ય લોકો પણ છે. બ્લ્યુફિશ એડિટરનો મુખ્ય હેતુ કોડિંગને સરળ બનાવવા અને ભૂલો ઘટાડવાનું છે. બ્લુફિશ મફત અને ઓપન સોર્સ સૉફ્ટવેર છે અને આવૃત્તિઓ Windows, Mac OSX, Linux, અને અન્ય વિવિધ યુનિક્સ જેવા પ્લેટફોર્મ્સ માટે ઉપલબ્ધ છે. આ ટ્યુટોરીઅલમાં હું જે વર્ઝનનો ઉપયોગ કરું છું તે બ્લુફિશ વિન્ડોઝ 7 પર છે.
04 નો 01
બ્લુફિશ ઇન્ટરફેસ
બ્લુફીશ ઇન્ટરફેસને કેટલાક વિભાગોમાં વિભાજિત કરવામાં આવે છે. સૌથી મોટું વિભાગ સંપાદન ફલક છે અને આ તે છે જ્યાં તમે સીધા જ તમારો કોડ સંપાદિત કરી શકો છો. સંપાદન ફલકની ડાબી બાજુ પર બાજુની પેનલ છે, જે ફાઇલ મેનેજર તરીકે સમાન વિધેયો કરે છે, તમે ફાઇલોને પસંદ કરવા માટે પરવાનગી આપી શકો છો કે જેના પર તમે કાર્ય કરવા માંગો છો અને ફાઇલોનું નામ બદલી અથવા કાઢી નાંખો છો.
બ્લુફિશ વિન્ડોની ટોચ પરનો હેડર વિભાગમાં ઘણા ટૂલબાર છે, જે દૃશ્ય મેનૂ દ્વારા બતાવવામાં અથવા છુપાવી શકાય છે.
ટૂલબાર મુખ્ય ટૂલબાર છે, જેમાં સાચવવા, કૉપિ અને પેસ્ટ, શોધો અને બદલો જેવા સામાન્ય વિધેયો કરવા માટે બટન્સ અને કેટલાક કોડ ઇન્ડેંટેશન વિકલ્પો છે. તમે જોશો કે બોલ્ડ અથવા રેખાંકિત જેવા કોઈ ફોર્મેટિંગ બટનો નથી.
તે કારણ કે Bluefish કોડ ફોર્મેટ કરતું નથી, તે ફક્ત એક સંપાદક છે. મુખ્ય ટૂલબાર નીચે HTML ટૂલબાર અને સ્નિપેટ મેનૂ છે. આ મેનૂઝમાં બટન્સ અને ઉપ-મેનુઓ છે જેનો ઉપયોગ તમે મોટા ભાગનાં ભાષા ઘટકો અને કાર્યો માટે આપમેળે કોડ દાખલ કરવા માટે કરી શકો છો.
04 નો 02
Bluefish માં HTML ટૂલબારનો ઉપયોગ કરવો
બ્લુફીશમાં એચટીએમએલ ટૂલબારને ટેબ દ્વારા ગોઠવવામાં આવે છે જે શ્રેણી દ્વારા સાધનો અલગ કરે છે. ટેબ્સ છે:
- ક્વિક બાર - તમે જે ટેબનો ઉપયોગ વારંવાર કરો છો તે માટે તમે આ ટેબ પર અન્ય સાધનોને પિન કરી શકો છો
- એચટીએમએલ 5 - તમને સામાન્ય ટેગ્સ અને એચટીએમએલ 5 માંના તત્વોની ઍક્સેસ આપે છે.
- સ્ટાન્ડર્ડ - આ ટેબ પર સામાન્ય HTML ફોર્મેટિંગ વિકલ્પોનો ઉપયોગ થાય છે
- ફોર્મેટિંગ - ઓછા સામાન્ય ફોર્મેટિંગ વિકલ્પો અહીં મળે છે.
- કોષ્ટકો - કોષ્ટક વિઝાર્ડ સહિત વિવિધ કોષ્ટક પેદા કરે છે.
- સૂચિ - નિર્દિષ્ટ, અનક્રમાંડિત અને વ્યાખ્યા સૂચિ બનાવવા માટે સાધનો.
- સીએસએસ - સ્ટાઈલશીટો આ ટેબથી લેઆઉટ કોડ તેમજ બનાવી શકાય છે.
- ફોર્મ્સ - આ ટેબમાંથી સૌથી સામાન્ય ફોર્મ તત્વો શામેલ કરી શકાય છે
- ફોન્ટ - આ ટૅબમાં HTML અને CSS માં ફોન્ટ્સ સાથે કામ કરવા માટે શોર્ટકટ્સ છે.
- ફ્રેમ - સ્વરૂપો સાથે કામ કરવા માટેના સૌથી સામાન્ય કાર્યો
દરેક ટેબ પર ક્લિક કરવાનું ટૅબની નીચે ટૂલબારમાં દેખાશે સંબંધિત કેટેગરીને લગતી બટનો કરશે.
04 નો 03
Bluefish માં સ્નિપેટ્સ મેનુનો ઉપયોગ કરવો
એચટીએમએલ ટૂલબાર નીચે સ્નીપેટ બાર નામનું મેનુ છે. આ મેનુ બારમાં વિવિધ પ્રોગ્રામિંગ ભાષાઓથી સંબંધિત સબમેનુસ છે. મેનૂ પર દરેક વસ્તુ સામાન્ય રીતે ઉપયોગમાં લેવાયેલી કોડ, જેમ કે HTML doctypes અને મેટા માહિતી ઉદાહરણ તરીકે દાખલ કરે છે.
તમે ઉપયોગ કરવા માગો છો તે ટેગ પર આધારિત કેટલીક મેનુ વસ્તુઓ સરળ છે અને કોડ જનરેટ કરે છે. દાખલા તરીકે, જો તમે કોઈ વેબ પેજ પર ટેક્સ્ટનો પૂર્વ ફોર્મેટ બ્લોક ઉમેરવા માંગતા હો, તો તમે સ્નિપેટ્સ પટ્ટીમાં HTML મેનૂને ક્લિક કરી શકો છો અને "કોઈપણ જોડેલા ટેગ" મેનુ આઇટમ પસંદ કરી શકો છો.
આ આઇટમને ક્લિક કરવાથી એક સંવાદ ખોલે છે જે તમને ઉપયોગમાં લેવાતા ટેગને દાખલ કરવા માટે પૂછે છે. તમે "પૂર્વ" (કોણ કૌંસ વગર) દાખલ કરી શકો છો અને બ્લુફીશ દસ્તાવેજમાં એક "ઓપનિંગ" અને "પૂર્વ" ટૅગ બંધ કરે છે:
pre>.04 થી 04
બ્લુફિશના અન્ય લક્ષણો
જ્યારે બ્લુફિશ WYSIWYG એડિટર નથી, તો તે તમને તમારા કમ્પ્યુટર પર ઇન્સ્ટોલ કરેલા કોઈપણ બ્રાઉઝરમાં તમારા કોડનું પૂર્વાવલોકન કરવાની ક્ષમતા ધરાવે છે. તે કોડ સ્વતઃ-સમાપ્તિ, સિન્ટેક્સ હાઇલાઇટિંગ, ડીબગિંગ ટૂલ્સ, સ્ક્રિપ્ટ આઉટપુટ બોક્સ, પ્લગિન્સ અને ટેમ્પ્લેટ્સનું પણ સમર્થન કરે છે જે તમને તે દસ્તાવેજો બનાવવા માટેની કૂદી શરૂ કરી શકે છે જે તમે વારંવાર કાર્ય કરે છે.