코딩 하기 전 에 문서부터 디자인을 하라

HTML을 코딩하는 사람들이 시안을 처음 받았을때 하는 고민은..

  • 별다른 생각없이 시안대로 코딩하거나
  • 화면구성(즉 layout, grid)을 고민.

일것이다 하지만 이것은 초보와 중수의 모습이다.
그렇다면 고수의 고민은 무엇일까..?

먼저 문서 구조를 생각한다.

가 아닐까?

자료(정보)를 담고 있다는 측면에서 보면 웹은 책, 신문 처럼 문서라고 할 수 있다. 그리고 실제로 웹은 문서이다.
책에서 중요한것중 하나는 “좋은 정보를 어떻게 보여줘야 독자들이 잘 이해할 수 있을까?” 라고 생각한다.
가장 중요한것은 장식이 아니라 정보 그 자체이다.

그러므로 정보의 성격을 구분을 해서 문서의 구조를 새우는것이 가장 중요하다.
이렇게 하면 semantic한 마크업을 보다 쉽게 할 수 있게 되고, 이후 작업인 CSS, Javascript도 접근성을 보장하며 작업하게 될 확률이 높아진다.

한마디로 문서 구조부터 생각을 하고 작업을 시작하면 표준을 준수한 결과물이 나오게 될 확률이 높아지는 것이다. (시작이 반..?)

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중