Google Web Designer 1.0 Beta

뜻밖에 듣지 못한 Google에서 만든 웹 에디터 프로그램의 등장이네요;; 저만 못들은 것일까요? 어쨌든 사용을 해본 후기를 적어보도록 하겠습니다.

Google Web Designer는 현재 Beta Release 입니다. 지원되는 플랫폼(OS)는 Windows와 Mac에서 지원되며 Linux는 지원하지 않습니다.

UI는 Adobe PhotoShop과 유사하며 웹 디자이너인 만큼 Code를 직접 입력하지 않아도 마우스로 할 수 있는 간편하다는 장점이 있겠지요? 하지만 역시 Code로 직접 쓰는 것만큼 매력적이지 못하군요.. (?) 

그 외 CSS를 직접 수정할 수도, 이벤트를 만들어줄 수도 있고, 기존 HTML 편집기와는 다른 Webkit 에디터라고 보면 쉬울 것 같습니다. 아래에 보면 직접 HTML5로 영상을 만들 수 있는 도구도 제공되어 있네요.

또한 이 에디터로 Google Adsense처럼 게시되는 광고도 직접 만들 수 있는 모양인 듯합니다. 차후 밑에 버튼을 클릭하시면 Google Web Designer로 광고를 만드는 법도 Google에서 영상으로 제공하고 있습니다. 

다만 폰트에 대해서는 모든 폰트가 지원되지 않는다는게 단점이네요. Google Web Designer에서 제공하는 폰트만 사용이 가능하다는 점. 아무래도 이 부분은 웹 폰트를 통해서 모든 플랫폼에 독립적으로 웹 페이지를 표시하기 위한 Google Web Designer의 목적이지 않을까 생각합니다.

Google Web Designer는 다른 곳에서 제작한 HTML 파일(메모장, EditPlus 내지 vim이나 다른 편집기)에서는 불러올 수 없도록 되어 있습니다. 아직까지 다양한 Webkit 형태의 소스들이 많이 있습니다만 그걸 완벽하게 소화해내지 못하는 듯 하여 Web Designer 이외 제작한 소스들은 불러오지 못하도록 한 모양입니다.

<meta name="generator" content="Google Web Designer 1.0.0.924">

현 Google Web Designer는 위 meta 태그를 통하여 Google Web Designer 에서의 제작의 여부를 구분하고 있습니다. 억지로 소스를 만들어 저 meta 태그를 씌운 후 불러오니 정상적으로 불러와지기는 합니다.

meta 태그를 억지로 끼워넣어 불러온 외부 HTML 소스 입니다. 정상적으로 불러오기는 하나 Preview를 통하여 미리보기를 하게 되는 경우 정상적으로 작동하지 않는 문제점이 있습니다.

Download and Support Google Web Designer

Google Web Designer를 다운로드 받고 싶다면 위 버튼을 클릭하여 다운로드를 받으실 수 있습니다. 그 외 프로그램에 사용된 폰트 내지 라이브러리 등의 라이선스 및 사용에 대한 설명도 같이 보실 수 있습니다