Bluefish 코드 편집기는 웹 페이지 및 스크립트를 개발하는 데 사용되는 응용 프로그램입니다. WYSIWYG 편집기가 아닙니다. Bluefish는 웹 페이지 또는 스크립트가 작성된 코드를 편집하는 데 사용되는 도구입니다. HTML 및 CSS 코드 작성에 대한 지식이 있고 PHP 및 Javascript와 같은 가장 일반적인 스크립팅 언어뿐만 아니라 많은 다른 언어로 작업 할 수있는 모드가있는 프로그래머를위한 것입니다. Bluefish 편집기의 주된 목적은 코딩을 쉽게하고 오류를 줄이는 것입니다. Bluefish는 무료이며 오픈 소스 소프트웨어이며 버전은 Windows, Mac OSX, Linux 및 다양한 유닉스 계열 플랫폼에서 사용할 수 있습니다. 이 자습서에서 사용하는 버전은 Windows 7의 Bluefish입니다.
블루 피쉬 인터페이스
Bluefish 인터페이스는 여러 섹션으로 나뉩니다. 가장 큰 섹션은 편집 창이며 여기에서 코드를 직접 편집 할 수 있습니다. 편집 창의 왼쪽에는 파일 관리자와 동일한 기능을 수행하는 사이드 패널이있어 작업 할 파일을 선택하고 파일의 이름을 바꾸거나 삭제할 수 있습니다.
Bluefish 창의 맨 위에있는 머리글 섹션에는보기 메뉴를 통해 표시하거나 숨길 수있는 몇 가지 도구 모음이 있습니다.
도구 모음은 저장, 복사 및 붙여 넣기, 검색 및 바꾸기, 일부 코드 들여 쓰기 옵션과 같은 일반적인 기능을 수행하는 버튼이있는 기본 도구 모음입니다. 굵게 또는 밑줄과 같은 서식 지정 단추가 없음을 알 수 있습니다.
블루 피쉬는 코드 형식을 지정하지 않기 때문에 편집자 일뿐입니다. 기본 도구 모음 아래에는 HTML 도구 모음과 스 니펫 메뉴가 있습니다. 이 메뉴에는 대부분의 언어 요소 및 기능에 대한 코드를 자동으로 삽입하는 데 사용할 수있는 단추 및 하위 메뉴가 있습니다.
Bluefish에서 HTML 툴바 사용하기
Bluefish의 HTML 도구 모음은 범주별로 도구를 구분하는 탭으로 정렬됩니다. 탭은 다음과 같습니다.
- 빠른 바 - 자주 사용하는 항목에 대해이 탭에 다른 도구를 고정 할 수 있습니다.
- HTML 5 - HTML 5의 공통 태그 및 요소에 대한 액세스 권한을 제공합니다.
- 표준 - 일반적인 HTML 서식 옵션은이 탭에서 액세스됩니다.
- 서식 지정 - 덜 일반적인 서식 옵션이 여기에 있습니다.
- 테이블 - 테이블 마법사를 포함한 다양한 테이블 생성 기능.
- 명부 - 정렬 된 목록, 정렬되지 않은 목록 및 정의 목록 생성 도구.
- CSS -이 탭과 레이아웃 코드에서 스타일 시트를 만들 수 있습니다.
- 양식 - 가장 일반적인 양식 요소는이 탭에서 삽입 할 수 있습니다.
- 글꼴 -이 탭에는 HTML 및 CSS의 글꼴 작업을위한 바로 가기가 있습니다.
- 프레임 - 양식 작업을위한 가장 일반적인 기능.
각 탭을 클릭하면 해당 카테고리와 관련된 버튼이 탭 아래의 툴바에 나타납니다.
03 of 04Bluefish의 스 니펫 메뉴 사용
HTML 도구 모음 아래에는 스 니펫 막대라는 메뉴가 있습니다. 이 메뉴 모음에는 다양한 프로그래밍 언어와 관련된 하위 메뉴가 있습니다. 메뉴의 각 항목은 일반적으로 HTML Doctype 및 메타 정보와 같이 일반적으로 사용되는 코드를 삽입합니다.
일부 메뉴 항목은 사용하기 쉬운 태그에 따라 유연하고 코드를 생성합니다. 예를 들어 미리 포맷 된 텍스트 블록을 웹 페이지에 추가하려는 경우 스 니펫 막대에서 HTML 메뉴를 클릭하고 "페어링 된 태그"메뉴 항목을 선택할 수 있습니다.
이 항목을 클릭하면 사용할 태그를 입력하라는 대화 상자가 열립니다. "꺾쇠 괄호"없이 "pre"를 입력하면 Bluefish는 열고 닫는 "pre"태그를 문서에 삽입합니다.
.
04 04
Bluefish의 다른 기능
Bluefish는 WYSIWYG 편집기가 아니지만 컴퓨터에 설치 한 모든 브라우저에서 코드를 미리 볼 수 있습니다. 또한 코드 자동 완성, 구문 강조 표시, 디버깅 도구, 스크립트 출력 상자, 플러그인 및 자주 사용하는 문서를 만드는 데 도움이되는 템플릿을 지원합니다.
