기존의 흔해 빠진 방식으로 제작한 웹사이트를 사례로 들어 문제점을 분석하고 어떤 한계점을 가지고 있는지 설명하고 있는 책으로, 유연성과 가독성, 사용자 편의성 등 성공적인 웹사이트가 갖춰야 할 핵심사항을 구비하기 위한 웹 표준 전략을 다루고 있다. 특히 이번 개정판에서는 마이크로소프트 인터넷 익스플로러 7에 대응하도록 내용을 보강하고, em을 이용한 유동적인 레이아웃 등의 예제들이 추가되어 있다.
훌륭한 웹디자인을 구성하기 위해 방탄웹 특성을 갖도록 구축하는 방법을 안내하고 있으며 각 장마다 방탄웹을 만드는 방법에 대해 다루었다. 예제들을 통해 페이지에 들어가는 디자인 구성요소를 다뤄볼 수 있고, 따라서 각 구성요소들이 어떻게 방탄웹을 구성해가는지 쉽게 볼 수 있다. 각 예제들은 단계별로 구성되어 있어서 XHTML과 CSS 초보자라도 쉽게 따라할 수 있으며, 에이콘출판사 도서정보 페이지 (http://www.acornpub.co.kr/book/bulletproof-web2)에서 개정판의 예제 코드를 다운로드 받을 수 있다.

1장 글씨 크기를 내 마음대로 27
흔해 빠진 구축방식 30
방탄웹이 아닌 이유 31
최적의 방법 선택하기 33
길이 단위 34
상대크기 키워드 34
퍼센트값 35
절대크기 키워드 35
방탄웹으로 만들려면? 36
키워드 설명 36
픽셀 고정은 이제 그만 37
두 가지 장애물 38
단순화된 박스모델 핵 41
방탄웹이 좋은 이유 42
다음 단계 43
기본 글씨 크기 지정 43
퍼센트값을 이용해서 기본 크기와 다른 크기 지정하기 44
키워드값과 퍼센트값 사용 48
글씨 크기값을 정확하게 잡아가기 48
퍼센트값을 겹쳐 쓸 때 유의할 점 50
퍼센트값을 이용해 일관성 유지하기 52
em 단위를 이용한 글씨 크기 조정방법 53
요약 56

2장 자유롭게 크기가 조절되는 내비게이션 메뉴바 59
흔해 빠진 구축 방식 62
탭 구현방식 62
롤오버 효과 63
방탄웹이 아닌 이유 64
용량 크기 문제 64
접근성 문제 65
크기 조절 문제 65
유지보수 문제 65
방탄웹으로 만들려면? 66
스타일 미적용 시 모습 67
작은 이미지 두 개면 오케이 67
스타일 적용 68
플로트를 추가로 지정해 문제 해결하기 69
탭 모양 꾸미기 71
배경 이미지 지정 72
바닥 테두리선 추가 74
마우스오버 효과 주기 75
선택된 상태 표현하기 76
방탄웹이 좋은 이유 77
em을 적용해서 개선하기 78
그 밖의 사례 소개 80
모질라 80
슬랜츠 81
ESPN 검색 82
요약 84

3장 자유자재로 높낮이가 조절되는 행 만들기 87
흔해 빠진 구축 방식 90
방탄웹이 아닌 이유 91
불필요한 이미지 사용 91
고정된 높이값 92
복잡한 코드 93
방탄웹으로 만들려면? 93
마크업 구조 94
각 요소에 id 부여하기 95
스타일 미적용 시 모습 96
배경색 지정 97
위치 지정 97
사라진 배경색 99
디테일한 디자인 요소 추가 101
사방을 둥근 모서리로 만들기 104
텍스트와 링크 모양 106
마지막 단계 108
인터넷 익스플로러 7에 맞추기 110
방탄웹이 좋은 이유 111
구조와 디자인의 분리 112
고정되지 않은 높이 112
세로 확장 사례 하나 더 113
마크업 115
이미지 두 개 준비하기 116
CSS 적용 117
자동 확장기능 118
요약 119

4장 나만의 플로트 활용 비법 121
흔해 빠진 구축 방식 124
방탄웹이 아닌 이유 126
방탄웹으로 만들려면? 127
최적의 구조를 결정해 보자 128
정의 리스트 사용 129
마크업 구조 130
스타일 미적용 시 모습 132
외곽 영역 꾸미기 133
사진 이미지를 마크업하자 134
기본 스타일 적용하기 135
이미지 자리 잡기 140
양쪽 끝에 띄우기 141
설명문의 길이가 짧아도 모양 유지하기 144
플로트 자체 해제 방식 146
멋지게 꾸미는 마무리 152
이미지 정렬 방식 155
표 모양 만들기 157
배경 이미지 만들기 161
그 밖의 플로트 해제 방법 164
생성된 컨텐트를 이용한 쉬운 해제 방법 166
방탄웹이 좋은 이유 171
요약 172

5장 깨지지 않는 상자 만들기 175
흔해 빠진 구축 방식 178
방탄웹이 아닌 이유 181
방탄웹으로 만들려면? 182
마크업 구조 183
이미지 준비 전략 184
스타일 입히기 186
방탄웹이 좋은 이유 190
그 밖의 둥근 모서리 기법 소개 191
브라우즈 해피 사례 192
박스 힌팅 201
둥근 모서리가 한 개 있는 상자 201
모서리 힌팅 206
늘어나는 화살표 207
제약이 많은 환경에서 새로운 아이디어가 나온다 209
요약 209

6장 이미지나 CSS 없이도 볼 수 있게 하기 211
흔해 빠진 구축 방식 214
방탄웹이 아닌 이유 217
방탄웹으로 만들려면? 219
방탄웹이 좋은 이유 220
스타일 유무 여부에 관계없는 디자인 224
10초 만에 하는 사용성 검사 224
흔해 빠진 구축 방식 225
방탄웹으로 만들려면? 227
디그더그 테스트 230
방탄웹을 만들기 위한 도구 소개 231
패블릿 231
웹 개발 확장기능 툴바 234
웹 접근성 툴바 236
파이어버그 236
유효성 검사도 하나의 도구 237
요약 242

7장 쉽게 변환할 수 있는 테이블 만들기 243
흔해 빠진 구축 방식 246
방탄웹이 아닌 이유 248
방탄웹으로 만들려면? 249
마크업 구조 250
스타일 적용하기 257
방탄웹이 좋은 이유 273
요약 275

8장 유동적인 글자비례형 레이아웃 만들기 277
흔해 빠진 구축 방식 280
방탄웹이 아닌 이유 282
남용되는 코드 282
끔찍한 유지보수 283
컨텐트 표시 순서 문제 283
방탄웹으로 만들려면? 285
마크업 구조 285
다단 레이아웃 만들기 286
스타일 적용하기 289
단 간격 지정 296
단 여백 지정 299
최소/최대 너비값 지정 305
이동하는 가짜 단 만들기 310
3단 레이아웃 만들기 315
방탄웹이 좋은 이유 325
em 단위 기반의 레이아웃 326
글자비례형 레이아웃 사례 326
마크업 구조 329
CSS 331
일관성을 유지하는 것이 이상적 334
유의할 점 - 스크롤바 334
요약 335

9장 방탄웹 구축 종합완결편 337
목표 설정 340
방탄웹이 좋은 이유 341
유동적인 레이아웃 341
글씨 크기를 마음대로 343
이미지나 CSS 없이도 볼 수 있는 페이지 344
다국어 버전 웹사이트 제작 346
기초 공사 348
마크업 구조화 348
기본 스타일 지정 350
레이아웃 구조 지정 351
사이드바 메뉴 배경 만들기 352
헤더 영역 355
이벤트 공지사항 영역 꾸미기 358
단 간격 조정 360
컨텐트 영역 꾸미기 362
사이드바 메뉴 영역 꾸미기 372
푸터 영역 꾸미기 379
인터넷 익스플로러를 위한 CSS 문제 해결 381
핵 관리 방법 382
푸터 문제 해결 방법 383
자체 플로트 해제 문제 해결 방법 384
마치면서 385