2008/03/19 03:02
코딩 하기 전 에 문서부터 디자인을 하라 작은 팁2008/03/19 03:02
HTML을 코딩하는 사람들이 시안을 처음 받았을때 하는 고민은..
그렇다면 고수의 고민은 무엇일까..?
자료(정보)를 담고 있다는 측면에서 보면 웹은 책, 신문 처럼 문서라고 할 수 있다. 그리고 실제로 웹은 문서이다.
책에서 중요한것중 하나는 "좋은 정보를 어떻게 보여줘야 독자들이 잘 이해할 수 있을까?" 라고 생각한다.
가장 중요한것은 장식이 아니라 정보 그 자체이다.
그러므로 정보의 성격을 구분을 해서 문서의 구조를 새우는것이 가장 중요하다.
이렇게 하면 semantic한 마크업을 보다 쉽게 할 수 있게 되고, 이후 작업인 CSS, Javascript도 접근성을 보장하며 작업하게 될 확률이 높아진다.
한마디로 문서 구조부터 생각을 하고 작업을 시작하면 표준을 준수한 결과물이 나오게 될 확률이 높아지는 것이다. (시작이 반..?)
일것이다 하지만 이것은 초보와 중수의 모습이다.
- 별다른 생각없이 시안대로 코딩하거나
- 화면구성(즉 layout, grid)을 고민.
그렇다면 고수의 고민은 무엇일까..?
먼저 문서 구조를 생각한다.가 아닐까?
자료(정보)를 담고 있다는 측면에서 보면 웹은 책, 신문 처럼 문서라고 할 수 있다. 그리고 실제로 웹은 문서이다.
책에서 중요한것중 하나는 "좋은 정보를 어떻게 보여줘야 독자들이 잘 이해할 수 있을까?" 라고 생각한다.
가장 중요한것은 장식이 아니라 정보 그 자체이다.
그러므로 정보의 성격을 구분을 해서 문서의 구조를 새우는것이 가장 중요하다.
이렇게 하면 semantic한 마크업을 보다 쉽게 할 수 있게 되고, 이후 작업인 CSS, Javascript도 접근성을 보장하며 작업하게 될 확률이 높아진다.
한마디로 문서 구조부터 생각을 하고 작업을 시작하면 표준을 준수한 결과물이 나오게 될 확률이 높아지는 것이다. (시작이 반..?)
'작은 팁' 카테고리의 다른 글
| Conditional comments를 이용해서 CSS-Hack 안쓰고 코딩하기 (4) | 2008/11/27 |
|---|---|
| [JS] IE6인지 구분하기 (0) | 2008/08/20 |
| 코딩 하기 전 에 문서부터 디자인을 하라 (2) | 2008/03/19 |
| 탭메뉴는 어떻게 코딩 해야 할까? (3) | 2008/03/06 |
| IE에서 display를 toggle할때 여백이 바뀌는 경우.(알수 없는 공백이 생길때) (0) | 2008/02/04 |
| IE6 에서 print 했는데 글씨가 겹쳐서 나올때 (0) | 2008/02/01 |
