책 소개
웹 디자인의 세계는 놀랍습니다. 똑같은 모양을 만들기 위한 방법이 어림잡아 3,647가지나 됩니다. 그나마도 새로운 방법이 계속 나오고 있어서 이 숫자도 정확하지는 않습니다. 특정 문제를 바로잡는 방법은 한 가지가 아니라 여러 웹 디자이너들이 발견한 수많은 방법들을 이용할 수 있습니다. 이런 방법들을 선택할 수 있기에 웹 디자인은 재미있고 흥미로운 동시에, 너무나 많은 정보 때문에 정신이 없기도 하죠. 이 책은 지나치게 많은 정보에 파묻힌 사람들에게 확실한 안내를 해줄 것입니다. 앤디 버드는 지난 몇 년간 웹 표준 디자인을 위한 많은 글과 디자인을 발표했습니다. 명확하고도 쉽게 따라 해 볼 수 있는 핵심적인 CSS 기법의 설명이 녹아있는 이런 책을 접할 수 있다는 건 정말 행운입니다. 우리 같은 웹 전문가에게는 없어서는 안될 모든 해법과 팁을 한눈에 볼 수 있도록 이 책에 정리해놓았습니다. 제가 어떤 목표를 달성하기 위한 한 가지 방법을 소개하기 위한 저술활동을 해온 반면, 앤디 버드는 저와는 완전히 반대의 접근 방법으로 다양한 방식을 설명하고 있습니다. 예를 들어 링크 스타일을 꾸민다든지, 탭 내비게이션을 만든다든지, 다단 레이아웃을 만드는 다양한 방법 말이죠. 이렇게 일반적인 디자인 요소를 다양한 스타일로 만들 수 있는 기법을 갖춤으로써, 정보에 기반해 올바른 결정을 내릴 수 있도록 준비해둘 수 있을 것입니다. 이뿐만 아니라, 디자이너 두 명의 도움을 받아 이 책에서 설명한 기법을 종합해서 사이트를 만드는 방법까지 다루었습니다. 저는 오래 전부터 캐머론Cameron과 사이먼Simon 작업의 팬이었습니다. 이 두 사람이 만든 적용사례를 통해 유동적이고 방탄웹적인 유연한 스타일 해법을 볼 수 있다는 건 정말 대단한 혜택이 아닐 수 없습니다. 자, 그럼 여러분 스스로 3,647가지 방법을 직접 실행해 보면서 CSS를 마스터하시기 바랍니다.
목차펼치기접기
1장 기초 다지기 1 코드 구조화 2 의미를 살린 마크업 3 ID와 class 이름 짓기 5 Div와 Span 8 문서 유형, DOCTYPE 전환, 브라우저 모드 10 유효성 검사 11 브라우저 모드 12 DOCTYPE 전환 12 스타일 지정하기 14 기본 선택자 14 유사 클래스 15 전체 선택자 16 고급 선택자 17 자식 선택자, 인접 형제 선택자 17 속성 선택자 18 캐스캐이드 효과와 적용순서 19 지정순위 20 스타일시트에서 지정순위 활용하기 21 body 태그에 클래스나 ID 지정하기 22 상속 23 스타일 시트 계획, 관리, 유지 방법 24 문서에 스타일 적용하기 24 코드 주석 처리 26 구조 표시를 위한 주석 27 작업 기록을 위한 주석 28 주석을 제거하고 스타일시트 최적화하기 29 스타일 가이드 30 수정이 쉬운 스타일시트 관리 방법 31 요약 32 2장 화면 표시를 위한 모델 완벽 정리 55 박스 모델 완벽 정리 56 윈도우용 인터넷 익스플로러의 박스 모델 58 마진 겹침 현상 59 포지셔닝 완벽 정리 62 화면 표시 모델 62 상대 위치 64 절대 위치 65 고정 위치 67 플로팅 67 라인박스와 플로트 해제 방법 69 요약 74 3장 배경 이미지와 이미지 대치 기법 75 배경 이미지 기초 다지기 76 둥근 모서리 상자 모양 만들기 79 고정폭 둥근 모서리 상자 모양 79 유동폭 둥근 모서리 상자 82 마운틴탑 코너 85 그림자 효과 87 간단한 그림자 효과내기 87 Clagnut 스타일 그림자 효과 90 부드러운 그림자 효과 만들기 91 여러 겹으로 만드는 그림자 효과 96 이미지 대치 기법 98 FIR 방법 99 파크 방법 100 길더/레빈 방법 101 IFR와 sIFR 방법 102 요약 104 4장 링크 모양 꾸미기 105 링크 스타일 기초 106 밑줄치며 놀기 108 예쁜 링크 밑줄 만들기 109 링크 유형별로 스타일 지정하기 110 문서나 뉴스 피드 다운로드용 링크 꾸미기 112 버튼과 롤오버 효과 만들기 114 롤오버 기초 115 이미지를 사용한 롤오버 효과 115 픽시 방법을 이용한 롤오버 효과 116 방문한 링크 스타일 꾸미기 118 CSS로만 만드는 툴팁 120 요약 122 5장 리스트 스타일과 내비게이션 바 만들기 123 리스트 스타일 기초 124 세로형 내비게이션 바 만들기 126 내비게이션 바에서 현재 페이지 표시하기 129 가로형 내비게이션 바 만들기 130 슬라이딩 도어 효과의 탭 내비게이션 바 만들기 133 CSS 이미지 맵 만들기 136 플리커 스타일의 이미지 맵 만들기 139 리모트 롤오버 만들기 145 정의 리스트에 대하여 150 요약 152 6장 접근성 높은 폼과 테이블 만들기 153 데이터 테이블 스타일 꾸미기 154 테이블 관련 엘리먼트 소개 156 써머리와 캡션 156 thead, tbody, tfoot 157 col, colgroups 157 데이터 테이블 마크업 만들기 158 테이블 스타일 꾸미기 159 화면 모양 만들기 160 추가 사항 처리 161 간단한 폼 레이아웃 만들기 162 유용한 폼 엘리먼트 163 폼 레이블 164 기본 레이아웃 164 기타 엘리먼트 처리방법 166 장식 마무리하기 168 필수 입력항목 169 복잡한 폼 레이아웃 만들기 170 접근성을 고려한 데이터 입력 방식 172 다단 레이아웃의 체크박스 173 폼 에러 메시지 만들기 176 요약 178 7장 레이아웃 157 디자인을 가로 중간에 배치하기 158 auto 마진 이용 방법 159 포지셔닝 음시 마진값 이용 방법 161 플로트 기반의 레이아웃 161 플로트를 이용한 2단 레이아웃 162 플로트를 이용한 3단 레이아웃 165 고정 레이아웃, 유동 레이아웃 167 Liquid 레이아웃 168 elastic 레이아웃 170 elastic-liquid 혼합형 레이아웃 173 liquid elastic 이미지 174 가짜 단 모양 만들기 177 요약 180 8장 핵과 필터 203 핵과 필터 204 핵과 필터 사용에 대한 경고 205 핵 사용시 유의점 206 개별적인 스타일시트에 필터 적용하기 207 인터넷 익스플로러 조건 주석문 208 밴드 패스 필터 209 개별적인 규칙과 선언에 필터 적용하기 211 자식 선택자 필터 211 속성 선택자 필터 212 별표 HTML 필터 214 맥용 IE의 주석처리된 백슬래시 핵 215 속성에 이스케이프 문자를 사용하는 핵 216 탄텍 박스 모델 핵 216 쉽게 개선된 박스 모델 핵 217 !important와 언더바 핵 218 오웬 핵 219 요약 220 9장 브라우저 버그 해결하기 221 버그 잡기 222 흔히 발생하는 CSS 문제 223 지정순위와 정렬방법 오류 224 마진 겹침 현상 224 버그 잡기 기초 226 문제 분리하기 227 테스트 범위 최소화하기 229 증상이 아닌 문제 바로 잡기 229 도움 요청하기 230 레이아웃 230 레이아웃이란? 230 레이아웃 때문에 생기는 효과 232 흔히 발생하는 버그 해결방법 234 더블마진 플로트 버그 234 텍스트 주변에 3픽셀 공간 표시 버그 234 IE 6의 문자 중복 표시 버그 238 IE 6의 피커부 버그 239 상대좌표 컨테이너에서 절대좌표 지정 240 인터넷 익스플로러 관련 이야기 241 요약 242 부록Ⅰ 동호회 사이트 만들기 243 적용 사례 소개 244 하위 선택자를 이용한 컨텐트 영역 조정 246 3단 레이아웃 247 2단 레이아웃 249 1단 레이아웃 249 불필요한 단 제거 250 컬럼 띄우기 251 계산방법 252 올바른 위치에 컬럼 띄우기 253 body 클래스를 이용해서 현재 페이지 표시하기 255 드롭인 박스 257 둥근 모서리 상자 만들기 258 평면 흰색 상자 258 특별한 모양 만들기 259 투명 모서리와 테두리선 259 이미지 260 CSS 261 원하는 동작을 위한 클래스 조합 263 이미지 클래스 265 기본 이미지 266 테두리선 없는 이미지 266 큰 이미지 267 링크 모양 꾸미기 269 사이드바 링크 269 방문한 링크 표시하기 270 LVHA가 아니라 LAHV 사용하기 272 외부 링크 다르게 표시하기 273 그림자 효과 만들기 274 그림자 효과 만들기 274 이미지에 플로팅 지정하기 275 요약 276
출처: 국립중앙도서관 서지정보
리뷰 남기기
로그인하면 리뷰를 남길 수 있어요.
리뷰 0개
아직 리뷰가 없어요.