Bluefish код редакторы веб-беттер мен сценарийлерді әзірлеу үшін қолданылатын бағдарлама. Бұл WYSIWYG редакторы емес. Bluefish - веб-бетті немесе сценарийді жасайтын кодты өңдеу үшін пайдаланылатын құрал. Ол HTML және CSS кодын жазуды білетін бағдарламашылар үшін және PHP және Javascript сияқты ең көп таралған сценарий тілдерімен жұмыс істеу режимдері бар, сондай-ақ көптеген басқа адамдарға арналған. Bluefish редакторының басты мақсаты кодтауды жеңілдету және қателерді азайту болып табылады. Bluefish тегін және ашық бастапқы бағдарламалық жасақтама болып табылады және Windows, Mac OSX, Linux және басқа да Unix ұқсас платформалар үшін қол жетімді. Осы оқулықта қолданылған нұсқам - Windows 7 жүйесінде Bluefish.
01 04
Bluefish интерфейсі
Bluefish интерфейсі бірнеше бөлікке бөлінген. Ең үлкен бөлік редакциялау тақтасы болып табылады және кодты тікелей өңдей аласыз. Өңдеу аумағының сол жағында - жұмыс істегіңіз келетін файлдарды таңдауға, файл атауын өзгертуге немесе жоюға мүмкіндік беретін файл менеджері сияқты функцияларды орындайтын бүйірлік панель.
Bluefish терезесінің жоғарғы жағындағы тақырып бөлімі Көрініс мәзірі арқылы көруге немесе жасыруға болатын бірнеше құралдар тақтасын қамтиды.
Құралдар тақталары негізгі құралдар тақтасы болып табылады, оларда сақтау, көшіру және қою, іздеу және ауыстыру және кейбір код шегін шығару параметрлері сияқты жалпы функцияларды орындау үшін түймелер бар. Қалың немесе асты сызылған сияқты пішімдеу түймешіктері жоқ екенін байқайсыз.
Өйткені, Bluefish кодты пішімдемесе, бұл тек редактор ғана. Негізгі құралдар тақтасының астында - HTML құралдар тақтасы және үзінділер мәзірі. Бұл мәзірлерде көптеген тіл элементтері мен функциялары үшін кодты автоматты түрде кірістіру үшін пайдалануға болатын түймешіктер мен ішкі мәзірлер бар.
02 04
HTML құралдар тақтасын Bluefish ішінде пайдалану
Bluefish ішіндегі HTML құралдар тақтасы құралдарды санат бойынша бөлетін қойындылармен реттеледі. Қойындылар:
- Жылдам тақтасы - жиі пайдаланатын элементтер үшін осы қойыншаға басқа құралдарды қосуға болады.
- HTML 5 - жалпыға ортақ тегтер мен HTML 5 элементтеріне қол жеткізуге мүмкіндік береді.
- Стандартты - жалпы HTML пішімдеу параметрлеріне осы қойындыда қол жеткізуге болады.
- Пішімдеу - аз пішімдеу параметрлері мұнда көрсетілген.
- Кестелер - кесте жасаушы функциялары, соның ішінде кесте шебері.
- Тізім - реттелген, реттелмеген және анықтау тізімдерін жасау құралдары.
- CSS - стиль кестелері осы қойындыдан және орналасу кодынан жасалуы мүмкін.
- Пішіндер - бұл жиі қолданылатын пішін элементтерін осы қойындыдан кірістіруге болады.
- Қаріптер - бұл қойындыда HTML және CSS-та қаріптермен жұмыс істеу үшін сілтемелер бар.
- Фреймдер - нысандармен жұмыс істеудің ең кең таралған функциялары.
Әрбір қойындыға нұқу тиісті қойындыға қатысты түймешіктерді қойындылар астындағы құралдар тақтасында пайда болады.
03 04
Bluefish ішіндегі үзінділер мәзірін пайдалану
HTML құралдар тақтасының астында үзінділер жолағы деп аталатын мәзір болып табылады. Бұл мәзір жолында әртүрлі бағдарламалау тілдеріне қатысты ішкі мәзір бар. Мәзірдегі әрбір элемент HTML үйреншікті және мета ақпараты сияқты әдетте пайдаланылатын кодты енгізеді.
Мәзір элементтерінің кейбірі икемді және пайдаланғыңыз келетін тегіне қарай кодты жасайды. Мысалы, веб-бетке алдын ала пішімделген мәтін блогын қосқыңыз келсе, үзінділер жолағындағы HTML мәзірін басып, «кез-келген жұпталған тег» мәзір элементін таңдай аласыз.
Осы элементті басқан кезде сіз пайдаланғыңыз келетін тегті енгізуді сұрайтын диалог терезесі ашылады. Сіз «pre» (бұрыштық жақшасыз) енгізе аласыз және Bluefish құжатқа «pre» тегінің ашылуы мен жабылуын енгізеді:
pre>.04 04
Көк балықтың басқа да ерекшеліктері
Bluefish WYSIWYG редакторы болмаса да, сіздің компьютеріңізде орнатылған кез келген браузерде сіздің кодты алдын-ала қарауға мүмкіндік береді. Сондай-ақ ол кодты автоматты түрде аяқтауды, синтаксисті бөлектеуді, отладтау құралдарын, сценарий шығару терезесін, плагиндерді және сіз жиі жұмыс істейтін құжаттарды жасау үшін секіруді бастауға мүмкіндік беретін үлгілерді қолдайды.