목차 일부

이 책에 쏟아진 블로그 글과 서평 ... 4
추천의 글 ... 6
감사의 글 ... 8
지은이 소개 ... 9
옮긴이의 글 ... 10
옮긴이 소개 ... 11
들어가며 ... 19
1장 글씨 크기를 내 마음대로 ... 27
   흔해 빠진 구축방식 ... 30
   방탄웹이 아닌 이유 ... 31
   최적의 방법 선택하기 ... 33
      길이 단...

더보기

목차 전체

이 책에 쏟아진 블로그 글과 서평 ... 4
추천의 글 ... 6
감사의 글 ... 8
지은이 소개 ... 9
옮긴이의 글 ... 10
옮긴이 소개 ... 11
들어가며 ... 19
1장 글씨 크기를 내 마음대로 ... 27
   흔해 빠진 구축방식 ... 30
   방탄웹이 아닌 이유 ... 31
   최적의 방법 선택하기 ... 33
      길이 단위 ... 33
      상대크기 키워드 ... 34
      퍼센트값 ... 34
      절대크기 키워드 ... 35
   방탄웹으로 만들려면? ... 36
      키워드 설명 ... 36
      픽셀 고정은 이제 그만 ... 37
      두 가지 장애물 ... 38
      단순화된 박스모델 핵 ... 42
   방탄웹이 좋은 이유 ... 43
   다음단계 ... 43
      기본 글씨 크기 지정 ... 44
      퍼센트값을 이용해서 기본 크기와 다른 크기 지정하기 ... 45
   키워드값과 퍼센트값 사용 ... 49
      글씨 크기값을 정확하게 잡아가기 ... 49
      퍼센트값을 겹쳐 쓸때 유의할 점 ... 52
      퍼센트값을 이용해 일관성 유지하기 ... 54
   요약 ... 56
2장 자유롭게 크기가 조절되는 내비게이션 메뉴바 ... 57
   흔해 빠진 구축 방식 ... 60
      탭 구현방식 ... 60
      롤오버 효과 ... 61
   방탄웹이 아닌 이유 ... 62
      용량 크기 문제 ... 62
      접근성 문제 ... 63
      크기 조절 문제 ... 63
      유지보수 문제 ... 64
   방탄웹으로 만들려면? ... 64
      스타일 미적용시 모습 ... 65
      작은 이미지 두 개면 오케이 ... 66
      스타일 적용 ... 67
      float을 추가로 지정해 문제 해결하기 ... 68
      탭 모양 꾸미기 ... 69
      배경 이미지 지정 ... 71
      바닥 테두리선 추가 ... 73
      마우스오버 효과 주기 ... 74
      선택된 상태 표현하기 ... 75
   방탄웹이 좋은 이유 ... 76
   그 밖의 사례 소개 ... 78
      모질라 ... 78
      슬랜츠 ... 79
      ESPN 검색 ... 80
   요약 ... 81
3장 자유자재로 높낮이가 조절되는 행 만들기 ... 83
   흔해 빠진 구축 방식 ... 86
   방탄웹이 아닌 이유 ... 87
      불필요한 이미지 사용 ... 88
      고정된 높이값 ... 88
      복잡합 코드 ... 89
   방탄웹으로 만들려면? ... 90
      마크업 구조 ... 90
      각 요소에 id 부여하기 ... 91
      스타일 미적용시 모습 ... 92
      배경 지정 ... 93
      위치 지정 ... 94
      사라질 배경색 ... 96
      디테일한 디자인 요소 추가 ... 97
      둥근 모서리 개 만들기 ... 101
      텍스트와 링크 모양 ... 103
      마지막 단계 ... 105
   방탄웹이 좋은 이유 ... 107
      구조와 디자인의 분리 ... 108
      고정되지 않은 높이 ... 108
   세로 확장 사례 하나 더 ... 109
      마크업 ... 111
      이미지 두 개 준비하기 ... 112
      CSS 적용 ... 113
      자동 확장기능 ... 115
   요약 ... 116
4장 나만의 float 활용 비법 ... 117
   흔해 빠진 구축 방식 ... 120
   방탄웹이 아닌 이유 ... 122
   방탄웹으로 만들려면? ... 123
      최적의 구조를 결정해 보자 ... 124
      정의 리스트 사용 ... 125
      마크업 구조 ... 127
      스타일 미적용시 모습 ... 128
      외곽 영역 꾸미기 ... 129
      사진 이미지를 마크업하자 ... 131
      기본 스타일 적용하기 ... 132
      이미지 자리잡기 ... 137
      양쪽 끝에 띄우기 ... 138
      설명문의 길이가 짧아도 모양 유지하기 ... 142
      멋지게 꾸미는 마무리 ... 149
      이미지 정렬 방식 ... 152
      표 모양 만들기 ... 154
      배경 이미지 만들기 ... 158
   방탄웹이 좋은 이유 ... 161
   요약 ... 162
5장 깨지지 않는 상자 만들기 ... 163
   흔해 빠진 구축 방식 ... 166
   방탄웹이 아닌 이유 ... 169
   방탄웹으로 만들려면? ... 171
      마크업 구조 ... 172
      이미지 준비 전략 ... 173
      스타일 입히기 ... 174
   방탄웹이 좋은 이유 ... 179
   그 밖의 둥근 모서리 기법 소개 ... 180
      브라우즈 해피 사례 ... 181
   요약 ... 191
6장 이미지나 CSS 없이도 볼 수 있게 하기 ... 193
   흔해 빠진 구축 방식 ... 196
   방탄웹이 아닌 이유 ... 200
   방탄웹으로 만들려면? ... 201
   방탄웹이 좋은 이유 ... 203
   스타일 유무 여부에 관계없는 디자인 ... 207
      10초만에 하는 사용성 검사 ... 208
      흔해 빠진 구축 방식 ... 209
      방탄웹으로 만들려면? ... 211
   방탄웹을 만들기 위한 도구 소개 ... 214
      패블릿 ... 214
      웹 개발 확장기능 툴바 ... 217
      웹 접근성 툴바 ... 219
      유효성 검사도 하나의 도구 ... 220
   요약 ... 223
7장 쉽게 변환할 수 있는 테이블 만들기 ... 225
   흔해 빠진 구축 방식 ... 228
   방탄웹이 아닌 이유 ... 230
   방탄웹으로 만들려면? ... 231
      마크업 구조 ... 232
      스타일 적용하기 ... 239
   방탄웹이 좋은 이유 ... 258
   요약 ... 260
8장 유동적인 레이아웃 만들기 ... 261
   흔해 빠진 구축 방식 ... 264
   방탄웹이 아닌 이유 ... 266
      남용되는 코드 ... 267
      끔찍한 유지보수 ... 267
      컨텐트 표시 순서 문제 ... 267
   방탄웹으로 만들려면? ... 269
      마크업 구조 ... 269
      다단 레이아웃 만들기 ... 270
      스타일 적용하기 ... 273
      단 간격 지정 ... 279
      단 여백 지정 ... 282
      최소／최대 너비값 지정 ... 289
      이동하는 가짜 단 만들기 ... 294
      3단 레이아웃 만들기 ... 299
   방탄웹이 좋은 이유 ... 309
   요약 ... 310
9장 방탄웹 구축 종합완결편 ... 311
   목표 설정 ... 314
   방탄웹이 좋은 이유 ... 315
      유동적인 레이아웃 ... 315
      글씨 크기를 마음대로 ... 317
      이미지나 CSS 없이도 볼 수 있는 페이지 ... 318
   기초 공사 ... 321
      마크업 구조화 ... 321
      기본 스타일 지정 ... 323
      레이아웃 구조 지정 ... 324
      사이드바 메뉴 배경 만들기 ... 325
      헤더 영역 ... 328
      이벤트 공지사항 영역 꾸미기 ... 332
      단 간격 조정 ... 335
      컨텐트 영역 꾸미기 ... 336
      사이드바 메뉴 영역 꾸미기 ... 347
      푸터 영역 꾸미기 ... 355
   인터넷 익스플로러를 위한 CSS 문제 해결 ... 357
      핵 관리 방법 ... 357
      푸터 문제 해결 방법 ... 359
      자체 float 해제 문제 해결 방법 ... 361
   마치면서 ... 363
찾아보기 ... 364

더보기 닫기