본문 바로가기
기술자료 (KB)/HTML5

HTML5 저작 툴 MS에는 없을까?

by 이완주 2011. 6. 7.

HTML 5 공부하려고 합니다.

어떤 툴을 쓸까 하다가 역시 MS 툴을 쓰는 것이 좋겠다라는 판단에..

(그래도 MS공인강사인데.. ㅎㅎ) Microsoft Expression Web 4를 쓰기로 했습니다.

HTML5 스키마를 업데이트 해야 하는 작업이 필요하더군요.

아래 사이트 가시면 자세히 설명이 나와 있습니다. 물론 Add-ins 도구 링크도 같이.

http://www.expression-web-tips.com/html-5-and-expression-web/

 

스키마 다운로드 링크.. 우측 하단에 녹색으로 된 다운로드를 누르면 됩니다.

http://gallery.expression.microsoft.com/Web4HTML5SchemaAddIn/

 

영어가 어려운 분을 위해 한글로 자세히 나와 있는 사이트도 찾았습니다.

역시 영어보다는 한글로. 특히 아래 사이트 저 같은 초보를 위한 다양한 자료가 올라와 있더군요.

여기 예제 다 해볼까 생각 중입니다. (항상 생각만.. ㅎㅎ)

http://rintiantta.blog.me/40115867745

 

스키마 올리고 Enable 하려고 했더니 무반응이 나오더군요. 뭘 잘못했나 고민을 하다가

위의 영문 링크된 사이트를 다시 봤죠.

역시 영어라 놓친게 있더군요.

밑에 굵은 글씨 보이죠.. 관리자 권한으로 실행해야만 가능하다고 친절하게 써 있네요.

그래서 매뉴얼대로 했더니 바로 되더군요.

 

Before you can use the HTML5 Schema, you will need to configure it.

  • To do this you will need to restart Expression Web 4 with administrative privileges (Right-Click the EW4 program icon and select"Run as Administrator").
  • Click the HTML5 button on the standard toolbar (pictured above). The Configure HTML 5 Schema dialog box allows you to enable or disable the new HTML5 schema.

    Enable HTML5 Schema.

 

 

 

드디어 Enable 되었습니다.

도구 – 페이지 편집기 옵션 여기 눌러서 기본을 HTML5로 변경하면 이제 도구 준비는 완료 했네요.

 

워드 쓰는 것처럼 막 타이핑 ㅎㅎ

IE9에서 개발자 도구를 이용해서 보니 HTML 5로 작성된게 확인 되네요.

전 개발자 도구 보고 깜짝 놀랐습니다. 이렇게 편리한 것이 있구나 하고. .ㅎㅎ

그래서 혹시나 해서 사파리에도 이런게 있나 확인해 봤습니다.

비슷한 도구가 있더군요.

 

이상하게 전 사파리께 정이 더 가는 이유는 뭘까요.

나름 취향에 맞게 쓰시면 될 듯 합니다.

댓글