목차 일부
이 책에 쏟아진 블로그 글과 서평 ... 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
더보기 닫기