추가 적립 안내

'위키북스 오픈소스 웹' 시리즈, 제5권 『제프리 젤드만의 웹표준 가이드』. 제2판. 웹표준 분야의 최고 권위자인 저자가 2003년에 저술하여 베스트셀러가 된 〈Designing With Web Standards〉의 초판을 완전히 새롭게 번역하여 출간한 것이다.

이 책은 접근성이 높은 웹사이트만이 살아남는 Web2.0 시대를 대비하여, 우리가 편하고 빠르게 일할 수 있도록 도와주는 웹표준에 대해 이해하기 쉽게 소개하고 있다. 아울러 웹표준은 꼭 지켜야한다는 생각을 심어준다.

무질서한 웹에 질서를 부여하다!

“이제 웹표준은 기준이 되고 규정이 되고 나아가서는 법률이 되고 있다. 처음에 웹이 만들어진 목적으로 다시 돌아가서 웹은 이제 서로 가지고 있던 장벽을 깨고 좀 더 많은 사람들을 위해서 좀 더 편리하게 만들어지는 도구를 얻게 되었다. 그것이 웹표준이다.”

명실상부한 웹표준의 최고 권위자 제프리 젤드만(Jeffrey Zeldman)이 쓴 최고 베스트셀러. 웹표준으로 만들고 접근성이 높은 웹사이트만이 살아남는 Web2.0 시대를 대비하는 필수도서를 만나보자.

베스트셀러 작가이자 디자이너, 그리고 웹표준의 전도사인 제프리 젤드만이 업계를 뒤흔들었던 그의 가이드북을 새로이 펴냈다. 초판이 출시되어 표준 기반의 웹디자인을 세상에 알린 이후, 더욱 발전된 웹 디자인 방법들과 새롭게 변화된 브라우저에 대한 내용을 전부 다루고 있다. 매력적이고 재치 넘치는 방식으로 복잡한 내용을 이해하기 쉽게 다루고 있어, 많은 사람들에게 더 빠르게 다가갈 수 있으면서 만들고 유지하기 쉬운 사이트를 만드는 핵심적인 방법을 알려준다.

1부: 이미 문제는 발생해 버렸다

시작하기 전에

비용, 줄어드는 효과
구식화의 악순환 끝내기
호환성이란 무엇인가?
규정도 없고 정석도 없다
이론이 아닌 실행
꼭 이 책을 읽어야 할까?

1장 웹사이트의 99.9%는 시대에 뒤떨어진다
최신 브라우저들과 웹표준
버전 문제
이전 버전에 대한 고려
나쁜 마크업에 좋은 일이 생길 때
해결책

2장 표준에 맞춰 디자인하고 제작하기
고생담
표준화가 도입되기 이전의 디자인 비용
구시대적인 방법으로 만든 현대적인 웹사이트
비참한 왕국
웹표준의 세 가지 요소
실행
절충법의 이점
웹표준 프로젝트: 이식성
A List Apart: 하나의 페이지, 다양한 디자인
앞으로의 발전방향

3장 표준화가 어려운 이유
보기에는 좋지만 실행하기는 끔찍하다
2000년: 브라우저가 완성된 해
너무 적다? 너무 늦었다?
나쁜 브라우저가 나쁜 습관을 만든다
혼동되는 사이트와 갈피를 잡을 수 없는 명칭들
플래시
호환은 나쁜 것이다

4장 파인더빌러티(findability), 조직, 블로그, 팟캐스트(Podcast), 롱테일, Ajax(그리고 표준화가 대세가 되는 다른 여러 가지 이유들)
범용언어 (XML)
XML 애플리케이션과 웹 사이트
호환성
새로운 협력의 시대
웹표준과 저작 프로그램
CSS 레이아웃의 출현
목적 있는 유행 따라가기
웹표준의 주류

2부 디자인과 제작

5장 최신 마크업
낡은 마크업의 숨겨진 오점
재구성
주요 요약
어느 XHTML이 더 우리에게 맞을까?

6장 XHTML: 웹의 재구성
XHTML로의 전환: 간단한 규칙과 손쉬운 가이드라인
실행 요약: XHTML 규칙
비주얼 요소와 구조

7장 확실한 페이지를 더 빈틈없고 견고하게: 엄격한(Strict) 마크업에서의 구조와 메타 구조
모든 요소를 구조적으로 사용해야 할까?
혼합형 레이아웃과 간결한 마크업: 해야 할 것과 하지 말아야 할 것들
구식 방법들

8장 XHTML 예제: 혼합형 레이아웃(1부)
전환형 방법의 장점
기본 접근법(개요)
초기 마크업: 최종 마크업과 같다

9장 CSS 기본
CSS 간략하게 살펴보기
스타일 분석
외부, 내부, inline 스타일
‘최고 브라우저 테스트’ 방식

10장 CSS 활용: 혼합형 레이아웃(2부)
이미지 준비
기본 요소 설정하기
네비게이션 요소 : 첫 번째 단계
네비게이션바 CSS: 두 번째 단계의 첫 번째 시도
네비게이션바 CSS: 마지막 단계
마지막 단계: 외부 스타일과 ‘현재위치’ 나타내기

11장 브라우저 다루기 1부: DOCTYPE 전환과 표준 모드
DOCTYPE 전환의 전설
브라우저 다양성에 축배를!

12장 브라우저 다루기 2부: Box Model, 버그, 차선책
Box Model과 이에 대한 불만들
윈도용 인터넷 익스플로러의 공백 버그
윈도용 인터넷 익스플로러 ‘Float’ 버그
Flash와 QuickTime: 고객의 요구에 의한 Object?

13장 브라우저 다루기 3부: 타이포그라피
사이즈 문제
사용자 조절
구시대 사람들의 공포
드디어 등장한 표준 사이즈
em 단위의 사용: 웃음과 눈물
픽셀에 대한 열정
폰트 사이즈 키워드 방법
최고의 시기

14장 접근성의 기본
책에서의 접근
일반적인 혼란
규정과 레이아웃
접근성에 관한 소문들의 진상
요소별 접근성 팁
Cynthia Says를 애용하자
접근성 계획: 어떤 장점이 있을까

15장 DOM 기반의 스크립트로 작업하기
DOM 관련 서적
DOM이란 무엇인가?

16장 CSS로 디자인하기
조건의 정의

이 책에서는 표준을 통해 웹디자인과 제작의 일반적인 문제들을 해결하는 몇 가지 방법을 살펴볼 것이다. 이 책은 미래에 필요하리라고 예상되는 현실적이고 즉각적인 필요성에 초점이 맞추어져 있다. 이 책에서 다루는 기술과 방법들은 나의 에이전시에서 디자인하고 제작한 방법에서 이미 테스트를 해보고 실용성이 입증된 것들이며 이 방법들과 또는 거기서 파생된 방법들은 수천 개의 진보적인 사이트에서 사용되었다. 더 많은 디자이너들이 이 방법을 사용할수록 새롭고 더 좋은 기술들이 생겨나고 공유된다. 이 책의 목적에는 이 새로운 방법들을 소개하고 최악의 경우에 대한 경고를 하는 것도 있다.

웹표준의 변화들은 곳곳에서, 어떤 경우에는 빠르게 어떤 경우에는 느리게 일어나고 있다. 이 변화들은 웹 컨텐츠를 만들거나 업데이트하는 작업을 해야 하는 사고력 있는 사람들에서부터 실질적으로 인식되고 있다. 웹표준은 곧 디자인과 사용성, 정보구조 면에서 광범위하게 논의되고 탐구될 것이고, 거의 학문의 한 분야처럼 중요하게 생각될 것이다-이것들이 우리 사이트와 우리가 몸담고 있는 매체의 수명에 없어서는 안 되는 것들이기 때문이다.

이 책은 방대하고 주의를 기울여 만들어져 있기는 하지만 표준이 웹에서 시사하는 바를 겨우 소개나 하는 정도에 불과하다. 이 책이나 다른 참고 서적들에서 다루는 내용들보다 CSS나 접근성, 구조적인 마크업, 그리고 DOM에 관한 내용은 엄청나게 더 많다. 그리고 앞에서 언급한 것처럼 문제에 대한 해결책은 이 책에서 보여주는 방법보다 훨씬 더 많이 있다.

두 명의 디자이너를 하나의 방에 두면 분명히 세 가지의 의견을 들을 수 있다. 어느 디자이너도 텍스트나 브랜딩이나 레이아웃 또는 색상에 대해서 서로 찬성하지 않는다. 표준에서도 마찬가지이다.

어떤 책도 모든 사람에게 모든 것을 알려줄 수는 없다. 따라서 이 책도 단순히 일반적인 방향을 정해줄 뿐 자신의 길은 자신이 찾아야 한다. 이 책의 역할은 어떻게 웹표준 기술들이 맞물려서 상위호환이 되는 사이트를 만드는지를 이해하는 데 도움을 주는 것 뿐이다-그리고 그 방법을 따라가는데 약간의 팁을 주는 것도 있다.

이전에 사용하던 방법으로 사이트를 디자인을 하면서 3년이 지났을 때 방황을 한 적이 있었고, 그 뒤로 이 책의 기본이 되는 이해의 단계에 도달하는데 8년이 걸렸다. 어쩌면 여기서 다룬 내용의 일부나 또는 전부를 반대할지도 모른다. 중요한 것은 작은 차이점에 집착하거나 한두 가지 작은 문제에 대해서 확신이 없다는 이유로 전부를 거부하지는 말아야 한다는 것이다. 그리고 현재의 웹 프로젝트가 최대한 많은 사람에게 오랫동안 그리고 최저의 비용으로 만들어질 수 있도록 하는 것이 중요한 점이다.

지금 시작하지 않는다면, 언제 시작할 수 있을까? 당신이 하지 않는다면, 누가 할 것인가?