웹사이트 구축? 어디서부터 시작해야할지 모르십니까? 내가 도와 줄게. 처음부터 웹사이트를 만드는 것은 진지한 사업입니다. 당신은 아이디어가 필요합니다. 디자인이 있어야 합니다. 그리고 사이트를 구축하려면 도구가 필요합니다. 그런 다음 실제로 작업을 시작하기 전에 웹 언어인 HTML에 익숙해져야 합니다. 피>
반드시 그런 것은 아닙니다. HTML, XHTML, CSS 또는 기타 관련 언어의 마스터가 아니어도 합리적인 웹사이트 구축이 가능합니다. 이 중 적어도 하나에 능숙해지는 것은 확실히 도움이 되지만 약간의 열정만 있으면 시작할 수 있습니다. 피>
미션
이를 위해 사람들은 HTML 편집기를 사용합니다. 이는 자유 텍스트를 관련 코드로 자동으로 감싸는 웹 구축 프로그램으로, 작성자가 기술 세부정보에 손을 대지 않아도 콘텐츠에 집중할 수 있습니다. 피>
이 기사에서는 웹 사이트를 구축하는 데 사용할 수 있는 한 쌍의 HTML 편집기를 소개하겠습니다. 둘 다 WYSIWYG(What You See Is What You Get) 범주에 속합니다. 즉, 길고 복잡한 편집이나 변환 없이 실시간으로 최종 제품의 모습을 즉시 확인할 수 있습니다. 두 후보는 KompoZer와 Bluefish입니다. 피>
블루피쉬
홈페이지
Bluefish는 주로 프로그래머와 웹 개발자가 사용하도록 고안된 강력한 다국어 편집기입니다. 많은 프로그래밍 및 마크업 언어를 지원하고 동적 및 대화형 웹사이트에 중점을 둡니다. Bluefish는 Linux 및 Mac에서 사용할 수 있습니다. 피>
Bluefish는 놀라운 옵션을 제공하는 강력한 편집기입니다. 웹 개발 사업이 처음이라면 Bluefish가 제공하는 풍부한 메뉴와 카테고리에 압도될 수 있습니다. 그럼에도 불구하고 시각적 혼란에도 불구하고 사용하기가 다소 쉽습니다. 피>
코드에만 의존하여 문서를 생성하거나 기본 제공 마법사를 사용하는 것 중에서 선택할 수 있습니다. HTML에 대한 지식이 거의 없는 사람들은 적어도 처음에는 마법사를 사용하도록 권장됩니다. 다음은 라디오 버튼을 만드는 방법의 예입니다.
피>
선택 사항에 만족하면 버튼이 생성됩니다. 무엇보다도 Bluefish는 개체를 생성하는 데 사용된 정확한 코드를 기록하므로 방금 수행한 단계를 더 잘 이해하는 데 확실히 도움이 될 수 있습니다. 피>
피>
작업 중 언제든지 작성 중인 페이지를 미리 볼 수 있습니다. 메뉴의 외부 카테고리를 사용하면 여러 브라우저에서 생성된 문서를 볼 수 있습니다. 다른 브라우저도 추가할 수 있습니다. 각 브라우저 엔진이 페이지를 조금씩 다르게 렌더링하는 경향이 있기 때문에 특히 복잡한 CSS 스타일을 사용하는 경우 출력을 비교하는 데 매우 편리합니다. 피>
피>
다음은 Opera에서 라디오 버튼의 모습입니다.
Bluefish는 많은 힘을 가지고 있습니다. C, CSS, HTML, Java, Javascript, Perl, PHP, Python, Ruby, XML 및 Matlab을 포함하여 광범위한 마크업 및 프로그래밍 언어를 지원합니다. 편집기는 lint 또는 tidy와 같은 외부 플러그인을 사용할 수도 있으며 HTML 및 XML 문서에 대한 태그를 자동 완성합니다. 무제한 실행 취소/다시 실행 기능도 있습니다. 피>
Bluefish는 중급 및 고급 사용자에게 적극 권장됩니다. 신입 웹마스터는 처음에는 약간 겁이 날 수 있지만 프로그램을 효과적으로 사용하기 위해 사용 가능한 무수한 기능을 알거나 활용할 필요는 없습니다. Bluefish에는 LaTeX 편집기인 Winefish라는 자매 프로젝트도 있습니다. 피>
컴포저
홈페이지
KompoZer는 HTML이나 웹 코딩에 대한 사전 경험이 거의 또는 전혀 없는 지식이 부족한 사용자를 위해 설계된 간단하고 친숙한 웹 저작 프로그램입니다. Bluefish보다 기능은 적지만 극도의 사용 편의성으로 보완합니다. KompoZer는 Windows, Linux 및 Mac에서 사용할 수 있습니다. 피>
피>
KompoZer는 Linspire 배포판에서 시작하고 후원하는 현재 없어진 프로젝트인 Nvu의 유산을 이어갑니다. KompoZer는 Nvu에 비해 훨씬 깔끔한 문서 마크업을 포함하여 버그 수정 및 새로운 요소를 도입합니다. 피>
KompoZer는 Mozilla 기반 브라우저를 지원하는 Gecko 엔진을 기반으로 합니다. 실제로 자체 렌더링 엔진이 포함되어 있으므로 외부 브라우저를 호출하지 않고도 KompoZer 내부에서 HTML 문서를 미리 볼 수 있습니다. 피>
피>
피>
다른 기능으로는 사이트 관리자, CSS 편집기, HTML 유효성 검사기, 맞춤법 검사기 및 Firefox와 같은 확장 기능을 사용할 수 있는 기능이 있습니다. 이를 통해 Tidy와 같은 새로운 테마 및 유틸리티를 사용하여 HTML 편집기의 생산성과 모양을 향상시킬 수 있습니다. 피>
피>
CSS 편집기는 텍스트 편집기를 사용하여 스타일을 직접 생성하지 않으려는 경우에 특히 유용합니다. 일반적으로 CSS를 사용하는 것은 콘텐츠와 스타일을 분리하고 모듈식의 깔끔한 웹 콘텐츠를 만드는 데 권장되는 방법입니다. 피>
피>
KompoZer는 특히 초보자나 HTML이나 CSS에 대한 지식이 거의 없는 사람들에게 매우 현명한 선택입니다. Windows 사용자를 위한 휴대용 버전도 있습니다. 피>
결론
웹사이트를 시작하는 데 관심이 있다면 Bluefish와 KompoZer가 시작하는 데 도움이 될 것입니다. 경험이 많고 동적 웹 사이트에 익숙하다면 Bluefish가 더 나은 후보로 보입니다. 초보자이거나 옵션이 적은 단순한 인터페이스를 선호하는 경우 KompoZer를 사용해야 합니다. 피>
그럼에도 불구하고 Bluefish나 KompoZer는 원하지 않는 경우 고급 기능을 사용하도록 강요하지 않습니다. HTML에 대해 충분히 자신감을 갖게 되면 그것들을 멀리하고 사용을 시작할 수 있습니다. 이것은 귀하의 요구에 가장 적합한 적응형 학습 곡선을 약속합니다. 피>
무엇을 선택하든 둘 다 멋진 웹사이트를 빠르고 쉽게 만들 수 있도록 도와주는 가벼운 무료 프로그램입니다. 무엇보다도 적합하다고 생각되는 대로 둘 다 사용할 수 있습니다. 앞으로 몇 가지 추가 프로그램을 포함하여 HTML 편집기에 대해 좀 더 이야기하고 생산성에 대한 힌트와 팁에 중점을 둘 것이며 tidy, lint 등과 같은 HTML 도우미도 검토할 것입니다. 피>
건배. 피>