댓글 검색 목록

[design] Dreamweaver의 7 가지 오픈 소스 대안

페이지 정보

작성자 운영자 작성일 20-08-25 20:16 조회 1,084 댓글 0

Dreamweaver 또는 다른 독점 HTML / CSS 편집기에 대한 오픈 소스 대안을 찾고 계십니까? 몇 가지 옵션을 정리해 보겠습니다.


https://opensource.com/alternatives/dreamweaver 


몇 년 전만 해도 인터넷의 거의 모든 웹 페이지는 어느 정도 수작업으로 공들여 디자인 되었습니다. 힘들었고 CSS가 실제로 자리를 잡고 대부분의 일반적인 브라우저에서 잘 지원되기 전에는 HTML 테이블을 실제로 지원할 계획이 없었던 방식으로 레이아웃을 함께 해킹하는 경우가 많았습니다.


일부 디자이너는 원시 HTML 파일의 수동 편집을 기반으로 완전히 워크 플로우를 개발했지만, WYSIWYG (당신이 보는 것은 당신이 얻는 것) 편집기가 알지 못했던 수백만의 아마추어 및 전문 디자이너에게 권한을 부여하는 도구로 등장하기 시작했습니다. 최소한의 하이퍼 텍스트 마크 업 기술은 마스터하지 못했습니다.


CoffeeCup, HotDog, FrontPage, GoLive와 같은 제품이 시장을 가득 메웠고 많은 웹 기반 WYSIWYG 편집기도 등장했습니다. 더 성공적인 것 중에는 Macromedia (이후 Adobe) Dreamweaver가 있었는데, 이는 수년 동안 개인적으로 좋아하는 것 중 하나였습니다.


이러한 웹 저작 도구는 WYSIWYG 편집에 관한 것이 아닙니다. 마크 업 언어의 직접 작성에 익숙한 사용자에게도 이러한 도구는 템플릿 제어, 파일 관리 및 기능 코드 작성에 걸리는 시간을 줄이는 이점을 제공했습니다.


그러나 이 유용한 편집자들이 웹 페이지 생성에 대한 액세스를 확대 한 것처럼 다른 일도 발생했습니다. Drupal 및 WordPress와 같은 콘텐츠 관리 시스템 (및 그 이전의 많은 것)은 일반 콘텐츠 제작자가 원시 HTML을 전혀 편집해야 하는 필요성을 대체했습니다. 기본 마크업에 대해 걱정하지 않고도 기능적인 웹 사이트를 쉽게 만들 수 있습니다.


그렇다면 콘텐츠 관리 시스템의 등장으로 웹이 바뀌었습니까? 물론. HTML을 직접 코딩 할 필요가 없었습니까? 글쎄요, 어떤 사람들에게는 그렇습니다. 그러나 웹이 콘텐츠 모음에서 애플리케이션 용 플랫폼으로 이동함에 따라 마크 업을 수행 할 수 있는 새로운 기회가 많이 생겼습니다. 서비스 애플리케이션으로서의 모든 소프트웨어, 모든 소셜 미디어 네트워크, 심지어 많은 모바일 애플리케이션도 HTML과 CSS에 의존하여 디스플레이를 렌더링합니다. 그리고 그 콘텐츠 관리 시스템? 여전히 작동하려면 템플릿이 필요합니다.


웹 개발 프로세스를 표준화하고 단순화하는 데 도움이 되는 많은 라이브러리가 존재하지만 웹 코딩은 조만간 대체되지 않습니다. 독점 도구는 여전히 일반적이지만 다양한 오픈 소스 대안 모음이 있습니다. 고려해야 할 몇 가지 사항이 있습니다.


1. BlueGriffon 


BlueGriffon은 Mozilla Firefox 용으로 개발 된 렌더링 엔진 인 Gecko에서 제공하는 오픈 소스 WYSIWYG 편집기입니다. 현재 단종 된 HTML 편집기 인 NVU의 몇 가지 파생물 중 하나 인 BlueGriffon은 HTML5와 최신 CSS 구성 요소를 지원하는 유일하게 활발하게 개발 된 NVU 파생물입니다. 실제 HTML을 가능한 한 적게 작성하는 것이 목표라면 BlueGriffon이 원하는 도구입니다. 진정한 드래그 앤 드롭 방식의 WYSIWYG 웹 사이트 디자이너이며 이중 보기 옵션도 포함되어있어 편집하거나 배우고 싶을 때 디자인 뒤에 있는 코드를 볼 수 있습니다.


또한 EPUB ebook 형식을 지원하므로 웹에 게시 할 필요가 없습니다. 독자에게 가져갈 수 있는 콘텐츠 다운로드를 제공 할 수 있습니다. MPL, GPL 및 LGPL에 따라 라이센스가 부여 된 BlueGriffon 버전은 Linux, Windows 및 Mac에서 사용할 수 있습니다.


2. Aptana Studio 


Aptana Studio는 '개방형 웹용 오픈 소스 개발 도구'로 실제로 웹 개발을 전문으로 하는 고급 IDE에 가깝습니다. 오픈 소스 Eclipse 프로젝트를 기반으로 하는 Aptana Studio는 코드 색상 표시 및 완성, 디버깅 및 문서 개요를 포함하여 HTML 및 CSS 작성을 지원하는 도구를 제공합니다. 주요 판매 포인트는 JavaScript 지원으로 더 복잡한 웹 애플리케이션을 개발하기 위한 강력한 도구입니다.


3. NetBeans 


NetBeans는 자바, 자바 스크립트, HTML5 등을 사용하여 웹, 모바일, 데스크톱 애플리케이션을 빌드 하는 데 널리 사용되는 소프트웨어 개발 플랫폼입니다. 1999 년부터 Oracle (및 이전 버전 인 Sun)의 지원을 받았으며 2016 년 10 월에 개방형 거버넌스와 간소화되고 간소화 된 커뮤니티 기여를 위해 Apache Foundation으로 이전 되었습니다. Netbeans는 드래그 앤 드롭 방식의 웹 디자인 응용 프로그램은 아니지만 강력한 웹 인식 IDE입니다. 웹 앱을 개발 중이거나 웹 코딩을 즐기는 경우 좋은 선택입니다.


4. SeaMonkey 


SeaMonkey는 한때 Mozilla에서 제작 한 인터넷 애플리케이션 제품군의 커뮤니티 연속입니다. Mozilla는 개별 프로젝트로 초점을 좁히기로 결정했지만 SeaMonkey는 간단한 WYSIWYG HTML 편집기인 SeaMonkey Composer가 포함 된 전체 제품군을 계속해서 정기적으로 출시합니다. Composer로 고급 레이아웃을 수행하는 데 어려움을 겪습니다 (예를 들어 CSS 표시 또는 속성을 조정하여 두 개의 열 텍스트와 이미지 쌍을 만들 수는 없지만 대신 반응하지 않는 표를 사용해야 함). 코드가 전혀 작성되지 않은 페이지에서 이것은 현실적인 옵션입니다.


5. Aloha Editor 


Aloha Editor는 자바 스크립트 기반의 WYSIWYG HTML5 편집기로, 독자가 보는 것과 동일한 레이아웃으로 콘텐츠를 수정할 수 있습니다. 이것은 정확히 애플리케이션 자체는 아니지만 HTML 페이지에 편집기를 포함하기 때문에 매우 독특한 모델입니다. Node.js 스택이 필요하므로 개발자가 Javascript에 익숙하지 않으면 구성하기 어려울 수 있습니다. 그러나 사용자가 페이지를 빠르게 업데이트 할 수 있는 쉬운 편집 인터페이스를 찾고 있는 사이트 관리자라면 Aloha에게 "aloha"라고 말해야 합니다.


6. Wordpress 


오픈 소스 콘텐츠 관리 서비스 (CMS) 및 블로그 플랫폼 인 Wordpress는 구조화되었지만 유연한 페이지 레이아웃 인터페이스를 제공합니다. 창의력을 발휘할 수 있는 충분한 유연성과 창작물이 모든 브라우저에서 올바르게 렌더링 될 수 있도록 충분한 제한을 두고 블로그 게시물과 페이지를 만들 수 있습니다. Wordpress를 사용하면 모든 단계에서 원하는 수준의 복잡성을 선택할 수 있습니다. 유명한 5 분 설치 방법을 사용하여 자체 호스팅 하거나 Wordpress.com에서 호스팅을 구입할 수 있습니다. 드래그 앤 드롭 디자이너를 사용하여 페이지를 만들거나 HTML 및 PHP를 직접 해킹 할 수 있습니다. 기여한 테마를 선택하거나 직접 디자인하고 만들 수 있습니다. 웹 사이트를 운영하려는 모든 사람들에게 훌륭한 리소스입니다.


7. Try an advanced text editor 


초보자에게 꼭 필요한 것은 아니지만 많은 텍스트 편집기가 HTML / CSS 문서를 편집하는 사람들에게 매우 유용한 추가 기능을 제공합니다. 디버깅 도구가 내장 된 최신 브라우저와 나란히 사용하면 보다 전용 솔루션을 사용할 때와 마찬가지로 이들 중 하나를 사용하여 생산성을 높일 수 있습니다. 우리가 가장 좋아하는 것 중 일부는 다음과 같습니다.


  • Atom 스스로를 "21 세기를 위한 해킹 가능한 텍스트 편집기"라고 설명합니다. GitHub에서 개발 한이 제품은 기본적으로 HTML 및 CSS를 지원하며 많은 추가 플러그인을 사용할 수 있습니다.
  • Brackets 웹 디자인 및 프런트 엔드 개발을 위해 Adobe에서 개발 한 JavaScript 기반 텍스트 편집기입니다. 인라인 편집기, 라이브 미리보기 및 전 처리기 지원 기능을 통해 브라우저에서 웹 디자인을 보다 쉽게 ​​수행 할 수 있습니다.
  • Vim or Emacs. 이 두 가지 전통적인 텍스트 편집기 간의 거룩한 전쟁에 참여하지 않고도 두 가지 모두에 사용할 수 있는 웹 편집을 위한 여러 가지 향상된 기능이 있다고 안전하게 말할 수 있습니다. 


댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.