NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


웹 표준, 대체 무슨책을 읽어야 합니까?

본문 건너 뛰기

'웹 표준, 대체 무슨책을 읽어야 합니까?'

아직까지 이런 의문을 가지고 계신 분들께 웹 표준과 관련된 필수서적 몇권을 소개해 드립니다.

첫째, 실전 웹 표준 가이드(무료배포)

아직 '실전 웹 표준 가이드' 라는 문서를 접해보지 못한 분이 계시다면 우선 읽어보실 것을 권합니다. '실전 웹 표준 가이드' 는 국내에서 웹 표준으로 잘 알려진 분들(윤석찬, 신현석, 이성노, 신정식)께서 저작하고 'IABF(정보통신 접근성 향상 표준화 포럼)' 에서 무료로 배포하는 PDF 형식의 자료 입니다. 목차는 아래와 같으며 다른 어떤 서적보다 먼저 읽어볼 것을 권해드립니다.

  1. 실전 XHTML 가이드
  2. 실전 CSS 레이아웃
  3. 실전 DOM/Script 가이드
  4. 실전 표준 웹 프로그래밍
  5. 실전 웹 표준 개발 프로세스
  6. 웹 표준 브라우저 호환표

PDF 형식의 '실전 웹 표준 가이드' 다운로드

둘째, 웹 접근성을 고려한 콘텐츠 제작기법(무료배포)

'실전 웹 표준 가이드' 가 웹 표준과 관련하여 다양한 실무분야를 다룬것에 비하여 KADO(한국정보문화진흥원) 에서 발간한 연구보고서 '웹 접근성을 고려한 콘텐츠 제작기법' 은 XHTML의 바른 바크업(Valid Markup & Semantic Markup)에 대하여 보다 집중적으로 세세하게 다루고 있습니다. 웹 표준을 처음 접하는 개발자들은 당장의 필요(현실)에 의하여 바른 Markup 보다 CSS 관련기법을 먼저 학습하는 경우가 많은것 같은데 이는 다소간의 조율이 필요합니다. Markup 이 잘못되면 아무리 유능한 CSS 기법이라 할지라도 '그 의미가 없다' 할 수 있습니다. CDK(CSS Design Korea) 와 같은 포럼에도 종종 잘못된 Markup 코드를 작성해 놓고 이를 CSS 를 이용하여 어떻게 표현해야 하는지에 대한 질문이 자주 올라옵니다. 그럴 때마다 잘못된 Markup 을 우선 수정해야 한다고 번번이 설명을 하지만 이런 상황(바른 Markup 에 대한 인식 부족)은 개선되어야 하고 이 한권의 책으로 해결할 수 있습니다. '실전 웹 표준 가이드' 다음으로 읽어볼 것을 추천합니다. 이 문서에는 '한국형 웹 콘텐츠 접근성 지침(KWCAG) 1.0' 이 함께 첨부되어 있습니다. 참여(최두진 센터장, 김석일 교수, 홍경순 팀장, 조웅희 대표, 신승식 과장, 현준호 전임연구원).

  1. 웹 접근성이란?
  2. 대체 텍스트
  3. 동영상
  4. 색상
  5. 이미지 맵
  6. 프레임
  7. 깜박임, 움직임
  8. 장치 독립성
  9. 링크를 통한 이동
  10. 시간 제한
  11. 데이터 테이블
  12. 콘텐츠의 배치
  13. 온라인 양식(form)
  14. 스크립트, 애플릿
  15. 별도(대체) 페이지
  16. 첨부 : 한국형 웹 콘텐츠 접근성 지침 1.0

PDF 형식의 '웹 접근성을 고려한 콘텐츠 제작기법' 직접 다운로드 : IABF 자료실

셋째, 박수만님 번역의 '웹 표준 3종 세트'

  1. 실용예제로 배우는 웹표준
  2. 웹 2.0을 이끄는 방탄웹
  3. CSS 마스터 전략

CSS 마스터 전략12/19(화) 저녁에는 에이콘 출판사 로부터 'CSS 마스터 전략' 이 출간된다고 합니다. 이 책은 작년 여름과 올해 봄에 출간되었던 '실용예제로 배우는 웹표준' 과 '웹 2.0을 이끄는 방탄웹' 에 이은 민간분야 3번째 '웹 표준' 관련 서적이며 세권 모두 박수만님에 의하여 번역되었습니다. 특히 이번에 출간되는 'CSS 마스터 전략' 은 amazone.com 의 Computers & Internet 분야에서 베스트셀러에 올라있는 'CSS Mastery' 라는 책을 번역한 것이며 목차는 다음과 같습니다.

  1. 기초다지기
  2. 화면 표시를 위한 모델 완벽 정리
  3. 배경 이미지와 이미지 대치 기법
  4. 링크 모양 바꾸기
  5. 리스트 스타일과 네비게이션 바 만들기
  6. 접근성 높은 폼과 테이블 만들기
  7. 레이아웃
  8. 핵과 필터
  9. 브라우저 버그 해결하기
  10. 부록
    • 동호회 사이트 만들기
    • 투스카니 럭셔리 리조트

한 가지 재미있는 사실은 그동안 웹 표준과 관련된 서적을 부를때 빨간책(실용..), 파란책(방탄..) 이라는 별칭을 사용하기도 했었는데 이번에 출간되는 책은 '초록책' 입니다. 현재 '박수만님의 블로그' 에서는 'CSS 마스터 전략' 이라는 책과 관련있는 포스팅을 트랙백 하시는 10분께 추첨을 통하여 해당 서적을 무료로 받아볼 수 있는 이벤트를 개최하고 있습니다. 이벤트 기간은 2006/12/23(토)까지 입니다.

분류: CSS,웹 디자인,웹 접근성,웹 표준 | 2006년 12월 18일, 19:03 | 정찬명 | 댓글: 37개 |
트랙백URI - http://naradesign.net/wp/2006/12/18/103/trackback/

37개의 댓글이 있습니다.

  1. iHWAN 댓글:

    실전 웹 표준 가이드 를 책으로 받거나 살 수는 없으려나요.

    PDF로는 한번 죽 읽기가 힘들어서요..

  2. 링크 : 웹 표준, 대체 무슨 책을 읽어야 합니까?…

    웹 표준, 대체 무슨책을 읽어야 합니까?에 웹 표준 관련 문서와 책에 대한 정보가 정리되어 있다.

    무엇보다 먼저 나는, Head First HTML with CSS and XHTML 를 제일 먼저 읽어야지.

    웹 프로그래밍의…

  3. 정찬명 댓글:

    iHWAN님께,
    저같은 경우는 이면지에 두쪽 인쇄 해서 읽었는데 그것도 나쁘지 않더라구요. 제가 최근 웹 표준 관련행사에 참석했을 때 KIPA(한국소프트웨어진흥원)의 이재경 선생님께서 말씀하시길 ‘제본이 몇부 남았는데 메일로 요청하면 택배로 보내주겠다.’ 라고 말씀하셨었거든요. 그런데 저는 그분께 메일을 보냈음에도 불구하고 아직 책이 오지 않았습니다. 라고… 말하려는 지금 이 순간 저희 이사님께서 그 책을 들고 오셨네요 ㅡㅜ; 이런 기가막힌 우연이…하하하… 책이 왔네요. 그분 성함과 연락처를 알려드리겠습니다. 혹시 책이 더 남았는지 문의해 보세요. 이재경 선생님께 제가 누를 끼치는 것은 아닌지 죄송하지만 웹 표준에 대한 뜨거운 관심과 열의를 어쩌겠습니까.

    ‘실전 웹 표준 가이드 제본판’ 문의처.
    기관명 : 한국소프트웨어진흥원
    웹사이트 : http://www.software.or.kr/
    위치 : 서울특별시 송파구 가락본동 79-2 KIPA빌딩
    연락처 : 02-2141-5000
    담당자 : 이재경 선생님(jklee1앳software.or.kr)

    일단 메일로 문의해보시는 것이 예의에 어긋나지 않을것 같습니다. 마구 전화하시면 그분 업무에 방해가 될 수도 있잖아요 ^^a

  4. 낭망백수 댓글:

    iHWAN //
    웹 표준 관련 행사때마다 일정부수 제작이 되는 것 같습니다.
    지난 수퍼유저코리아 주최 부산 오픈소스세미나에서도 책으로 배포되었습니다.
    수퍼유저코리아에도 문의해보시기 바랍니다. http://www.superuser.co.kr
    꾸벅~!

  5. 낭망글루 댓글:

    웹표준 관련 문서…

    웹표준, 대체 무슨 책을 읽어야 합니까?실전 웹 표준 가이드가 1순위. ^^;…

  6. 날아라응가 댓글:

    에어콘출판사에서 이미 두권의 책이 나온것이 있지만 그책들보다는 이책이 더 요약하여 잘 설명된 부분이 있는것 같습니다.
    또한.. 그나마 오타가 적다는 것도 추천의 의미에 포함… ^^

  7. 정찬명 댓글:

    저는 위 5권중 한 권만을 추천할 수가 없습니다. 모두 중요하고 포함하고 있는 내용도 각각 다르기 때문입니다. 5권 모두 필독서라고 생각합니다. 아직 CSS Mastery 는 다 읽지 못했는데 화장실 갈 때, 차타고 이동할 때 틈틈이 읽고 있습니다. 읽고 혼자나누기 아까운 팁은 개작해서 올려도 볼까 합니다 ^^;

  8. 이미경 댓글:

    웹표준…찬명씨랑 같이 일할때 부터 공부했으면 좋았을것을..
    이제사 맘이 급해져서 공부하게 되었네요…

  9. 정찬명 댓글:

    미경씨와 같이 일할땐 저도 웹 표준을 몰랐었죠. ^^; 지금도 충분히 늦지 않았다고 생각해요. 화이팅!

  10. 정찬명 댓글:

    가격이 저렴해서 좋기는 한데 네이버 직원 블로그에 이런걸 올려주시다니 이거 어떻게 받아들여야 할지 참 난감 하군요.

  11. 꿈트리 댓글:

    헉…………… 처음 봤어요 저런..

  12. 정찬명 댓글:

    네이버 아이디를 판매한다는 광고글은 신고 되었고 해당 사실이 확인되어 혹 선의(?)의 피해자가 발생하지 않도록 삭제 하였습니다.

  13. 황준상 댓글:

    웹접근성 블로그,트위터라고 만들어봤는데..
    잘 모르겠네요.. 찬명님과 고수분들께서 제 사이트좀 봐주시면 감사하겠습니다..

  14. 나니 댓글:

    광고가 갑자기 늘었군요 =_=…. 왜 저러고 사나 모르겠…

  15. 나니 댓글:

    황준상님 // 저 나름 접근성 컨설턴트인데 저에게도 좀 ^^;;

  16. 황준상 댓글:

    오..나니님께서 조언좀 해주셔요..

  17. 정찬명 댓글:

    @황준상
    와~ 재미있는 시도인데요. ^^; 가입해서 한번 써봤습니다. 뭔가 생각나는게 있으면 제 트윗블로그에 적어 볼께요.

    http://www.webpeace.net/index.jsp?userid=dece24

    그리고 오늘 저녁 7시쯤에 서현(풍림아이원) 근처에서 전화 주세요. ^^;

  18. 정찬명 댓글:

    @나니
    광그글을 지우고 났더니 문맥상 준상님 글이 광고글이 되어 버렸네요. ㅋㅋㅋ. 다른 분들 오해 없으시길. 조언좀 해주세요. ㅎㅎ.

  19. 나니 댓글:

    ㅋㅋ 스패머 준상님?

  20. 황준상 댓글:

    ㅎㅎ 제가 미리 광고 안봤다면.. 마음상할뻔..ㅡㅡ ㅎㅎ “왜 저러고 사나 모르겠..” ㅜㅜ 찬명님 7시 30분쯤에 갈게요..

  21. 정찬명 댓글:

    @황준상
    네, 저녁에 뵈어요. ^^

  22. 황준상 댓글:

    잘들어가셨는지.. 형 잘먹었습니다~ 아무리 프리미엄이지만 소고기로 사주시고.. 프리미엄이라 술까지… 소주를 5병먹은거 같네요. 집에 가는길에 알딸딸해서 좀 힘들었어요. ㅋㅋ 가족이 있으신데 너무 붙잡고 있었네요..담엔 딱 3병만.. 재밌었어요.. 조만간 또 찾아 뵙겠습니다.. ㅎ

  23. 정찬명 댓글:

    준상, 어제 너무 즐거웠고 하도 많이 먹어서 소화좀 시키느라고 자전거 타고 율동공원 찍고 집에 들어갔네. 지금도 머리가 아파. ㅜㅜ; 종종 와~ 격주로~ ㅎㅎㅎ.

  24. 황준상 댓글:

    대단하시네요.. 최고~ 전 집에가다 어지러워서 잠깐 쉬었다 간 기억이..땅바닥에서..ㅋ

  25. lala 댓글:

    저위에 PDF 자료링크가 다 깨지네요.. 혹… 가지고계신걸 받을수 있을까요?
    먼저읽고 책을 사는게 나을거 같아서요 ^^

  26. 정찬명 댓글:

    lala님 깨진 링크는 제거 했습니다. IABF 링크를 이용해서 받으시면 됩니다. 감사합니다. ^^

  27. 김경태 댓글:

    ‘웹 접근성을 고려한 콘텐츠 제작기법’ 직접 다운로드 : IABF 자료실 <== 주소 이전으로 인해 링크가 잘못되어 있는것 같습니다.

  28. 정찬명 댓글:

    감사합니다! 언제든 또 이런것 발견하시면 마구마구 알려주세요! ^^

  29. 오현 댓글:

    11월쯤에 한국에서 오는분이 있어 웹관련 책을 몇 권 부탁할까 합니다.
    아직 초보다 보니 많이 공부해야 한다는 인식은 있는데
    어떤 책으로 해야 하는지 모르겠습니다.
    직접 서점이라도 간다면 내용이라도 훑어 보면서 고르겠다만…

    css, javascript, asp.net 관련 고수님들 초보가 쉽게 다가갈 수 있는 책 몇 권씩만 권해주십시오.
    죽어라 공부해야 먹고 사는 세상이다 보니
    죽어라 공부할 수 있는 책들 부탁드립니다.

  30. 정찬명 댓글:

    제 책장에 있는 책들을 소개해 드려 볼께요.
    제가 이 책들을 다 읽은것은 아니지만 주변 분들의 추천을 받아서 구입한 목록들 입니다.

    실전 웹 표준 가이드(PDF 무료)
    웹 접근성을 고려한 신기술 콘텐츠 제작기법(PDF 무료)
    실용예제로 배우는 웹표준
    웹 2.0을 이끄는 방탄웹
    CSS 마스터 전략
    CSS 완벽 가이드
    제프리 젤드만의 웹표준 가이드
    웹 표준 교과서
    웹 사이트 최적화 기법
    자바스크립트 완벽 가이드
    DOM 스크립트
    방탄 Ajax
    PPK 자바스크립트
    유니버설 디자인(선인)
    유니버설 디자인(디자인로커스)
    정보디자인 교과서
    컨텍스트를 생각하는 디자인
    웹 폼 디자인

  31. 오현 댓글:

    감사합니다.
    무게 때문에 책을 한번에 다 사오기 힘들기에 이 책들 기준으로 해서 한번더 추려 보겠습니다

    그리고 인편이 있을때 마다 꼭 다 구입해서 읽어 보겠습니다.

    14~5년 만에 책 읽는거라 머리에는 들어갈지 모르겠습니다 ㅋㅋㅋ

  32. […] 포스팅은 2006년 12월에 포스팅 되었던 ‘웹 표준, 대체 무슨 책을 읽어야 합니까?‘ 라는 내용을 보충한 내용입니다. 최근 번역된 ‘웹 표준 […]

  33. 이애본 댓글:

    찬명님 책장 속의 책들 중에 몇권은 제 책장에도 꼳혀있는 책들이네요. ㅋ
    두루 보면서 머리속에 넣지 못해서 문제지만요.

    레이아웃 디자인에 욕심이 생겨서~
    요새는 레이아웃 디자인쪽의 책들을 보는 중이에요.

    찬명님의 강의가 많이 도움이 되어서~ 열심히 공부하고 있습니당~

  34. 성지애 댓글:

    정말 많은 도움이 되고 있습니다. 감사합니다.

    전 4년차 디자이너인데요. 표준코딩도 같이 하고 있습니다.

    첨엔 어려워서 못 읽던 책도..이제 눈에 들어올정도로 익숙해졌고요..

    아직 배울게 너무 많아서..신입때 기분으로 열심히 하고있습니다.

    돔스크립트 책을 구입하려고 하는데요..

    이해가 안되면 어쩌나..고민이 되네요..

    계속 반복해서 보면 되겠죠?? ㅋㅋ

    정말 매일매일 들어와서 하나하나 익히고 있습니다. 감사합니다.

  35. […] 하겠지요. 웹 접근성에 대한 가이드는 우선 WCAG 1.0 지침과 KWCAG 1.0 그리고 웹 표준 필독도서들을 참조하시면 거의 완벽에 가까운 가이드를 만드실 수 […]

  36. […] http://naradesign.net/wp/2006/12/18/103/ 무료로 다운받을 수 있는 글도 두 개 있다. 그것도 열심히 보길. google_ad_client = "ca-pub-4085781408395472"; /* 728×90 */ google_ad_slot = "8630977240"; google_ad_width = 728; google_ad_height = 90; .daumview_flash_widget{ text-align: center; } .tt_plugin_daumView { display: none; } @media (max-width: 800px) { .tt_plugin_daumView { display: block; margin: 13px auto 6px; width: 56px; height: 55px; } .daumview_flash_widget{ display: none; } } Thanks for rating this! Now tell the world how you feel via Twitter. (Nah, it's cool; just take me back.) MOODTHINGY 글이 어떠셨나요? (원하는 항목이 없다면 댓글을!) […]

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님