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

웹[기술|표준|접근]/작은 팁2008/03/19 03:02

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

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

별다른 생각없이 시안대로 코딩하거나

화면구성(즉 layout, grid)을 고민.

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

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

가 아닐까?

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

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

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

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

CSS Frameworks (0)	2008/08/01
CSS Editors Reviewed (0)	2008/06/25
코딩 하기 전 에 문서부터 디자인을 하라 (2)	2008/03/19
탭메뉴는 어떻게 코딩 해야 할까? (4)	2008/03/06
IE에서 display를 toggle할때 여백이 바뀌는 경우.(알수 없는 공백이 생길때) (0)	2008/02/04
IE6 에서 print 했는데 글씨가 겹쳐서 나올때 (0)	2008/02/01