품목정보
발행일	2009년 02월 05일
쪽수, 무게, 크기	400쪽 \| 780g \| 19023530mm
ISBN13	9788960770720
ISBN10	8960770728

더보기

1장	글씨 크기를 내 마음대로 	흔해 빠진 구축방식 	방탄웹이 아닌 이유 	 	최적의 방법 선택하기 	 -		길이 단위 -		상대크기 키워드 -		퍼센트값 -		절대크기 키워드 	방탄웹으로 만들려면? 	 -		키워드 설명 -		픽셀 고정은 이제 그만 -		두 가지 장애물 -		단순화된 박스모델 핵 	방탄웹이 좋은 이유 	 	다음 단계 	 -		기본 글씨 크기 지정 -		퍼센트값을 이용해서 기본 크기와 다른 크기 지정하기 	키워드값과 퍼센트값 사용 	 -		글씨 크기값을 정확하게 잡아가기 -		퍼센트값을 겹쳐 쓸 때 유의할 점 -		퍼센트값을 이용해 일관성 유지하기 	em 단위를 이용한 글씨 크기 조정방법 	 	요약 	 		 2장 	자유롭게 크기가 조절되는 내비게이션 메뉴바 	흔해 빠진 구축 방식 	 -		탭 구현방식 -		롤오버 효과 	방탄웹이 아닌 이유 	 -		용량 크기 문제 -		접근성 문제 -		크기 조절 문제 -		유지보수 문제 	방탄웹으로 만들려면? 	 -		스타일 미적용 시 모습 -		작은 이미지 두 개면 오케이 -		스타일 적용 -		플로트를 추가로 지정해 문제 해결하기 -		탭 모양 꾸미기 -		배경 이미지 지정 -		바닥 테두리선 추가 -		마우스오버 효과 주기 -		선택된 상태 표현하기 	방탄웹이 좋은 이유 	 	em을 적용해서 개선하기 	 	그 밖의 사례 소개 	 -		모질라 -		슬랜츠 -		ESPN 검색 	요약 	 3장	자유자재로 높낮이가 조절되는 행 만들기 	흔해 빠진 구축 방식 	방탄웹이 아닌 이유 	 -		불필요한 이미지 사용 -		고정된 높이값 -		복잡한 코드 	방탄웹으로 만들려면? 	 -		마크업 구조 -		각 요소에 id 부여하기 -		스타일 미적용 시 모습 -		배경색 지정 -		위치 지정 -		사라진 배경색 -		디테일한 디자인 요소 추가 -		사방을 둥근 모서리로 만들기 -		텍스트와 링크 모양 -		마지막 단계 -		인터넷 익스플로러 7에 맞추기 	방탄웹이 좋은 이유 -		구조와 디자인의 분리 -		고정되지 않은 높이 	세로 확장 사례 하나 더 	 -		마크업 -		이미지 두 개 준비하기 -		CSS 적용 -		자동 확장기능 	요약 	 		 4장	나만의 플로트 활용 비법 	흔해 빠진 구축 방식 	 	방탄웹이 아닌 이유 	 	방탄웹으로 만들려면? 	 -		최적의 구조를 결정해 보자 -		정의 리스트 사용 -		마크업 구조 -		스타일 미적용 시 모습 -		외곽 영역 꾸미기 -		사진 이미지를 마크업하자 -		기본 스타일 적용하기 -		이미지 자리 잡기 -		양쪽 끝에 띄우기 -		설명문의 길이가 짧아도 모양 유지하기 -		플로트 자체 해제 방식 -		멋지게 꾸미는 마무리 -		이미지 정렬 방식 -		표 모양 만들기 -		배경 이미지 만들기 -		그 밖의 플로트 해제 방법 -		생성된 컨텐트를 이용한 쉬운 해제 방법 	방탄웹이 좋은 이유 	 	요약 	 		 5장	깨지지 않는 상자 만들기 	흔해 빠진 구축 방식 	 	방탄웹이 아닌 이유 	 	방탄웹으로 만들려면? 	 -		마크업 구조 -		이미지 준비 전략 -		스타일 입히기 	방탄웹이 좋은 이유 	 	그 밖의 둥근 모서리 기법 소개 	 -		브라우즈 해피 사례 	박스 힌팅 	 -		둥근 모서리가 한 개 있는 -		모서리 힌팅 -		늘어나는 화살표 -		제약이 많은 환경에서 새로운 아이디어가 나온다 	요약 	 		 6장	이미지나 CSS 없이도 볼 수 있게 하기 	흔해 빠진 구축 방식 	 	방탄웹이 아닌 이유 	 	방탄웹으로 만들려면? 	 	방탄웹이 좋은 이유 	 	스타일 유무 여부에 관계없는 디자인 	 -		10초 만에 하는 사용성 검사 -		흔해 빠진 구축 방식 -		방탄웹으로 만들려면? 	디그더그 테스트 	 	방탄웹을 만들기 위한 도구 소개 	 -		패블릿 -		웹 개발 확장기능 툴바 -		웹 접근성 툴바 -		파이어버그 -		유효성 검사도 하나의 도구 	요약 	 7장	쉽게 변환할 수 있는 테이블 만들기 	흔해 빠진 구축 방식 	 	방탄웹이 아닌 이유 	 	방탄웹으로 만들려면? 	 -		마크업 구조 -		스타일 적용하기 	방탄웹이 좋은 이유 	 	요약 	 		 8장	유동적인 글자비례형 레이아웃 만들기 	흔해 빠진 구축 방식 	 	방탄웹이 아닌 이유 	 -		남용되는 코드 -		끔찍한 유지보수 -		컨텐트 표시 순서 문제 	방탄웹으로 만들려면? 	 -		마크업 구조 -		다단 레이아웃 만들기 -		스타일 적용하기 -		단 간격 지정 -		단 여백 지정 -		최소/최대 너비값 지정 -		이동하는 가짜 단 만들기 -		3단 레이아웃 만들기 	방탄웹이 좋은 이유 	 	em 단위 기반의 레이아웃 	 -		글자비례형 레이아웃 사례 -		마크업 구조 -		CSS -		일관성을 유지하는 것이 이상적 -		유의할 점 - 스크롤바 	요약 	 		 9장	방탄웹 구축 종합완결편 	목표 설정 	 	방탄웹이 좋은 이유 	 -		유동적인 레이아웃 -		글씨 크기를 마음대로 -		이미지나 CSS 없이도 볼 수 있는 페이지 -		다국어 버전 웹사이트 제작 	기초 공사 	 -		마크업 구조화 -		기본 스타일 지정 -		레이아웃 구조 지정 -		사이드바 메뉴 배경 만들기 -		헤더 영역 -		이벤트 공지사항 영역 꾸미기 -		단 간격 조정 -		컨텐트 영역 꾸미기 -		사이드바 메뉴 영역 꾸미기 -		푸터 영역 꾸미기 	인터넷 익스플로러를 위한 CSS 문제 해결 	 -		핵 관리 방법 -		푸터 문제 해결 방법 -		자체 플로트 해제 문제 해결 방법 	마치면서

더보기

저자 소개 관련자료 보이기/감추기

저자 : 댄 씨더홈

댄 씨더홈은 메사추세츠주에 거주하는 웹디자이너이자 작가이며, 작은 디자인 스튜디오인 심플비츠(SimpleBits)의 창업자이기도 합니다. 웹 표준 기반의 웹 디자인 분야에서 널리 알려진 전문가인 저자는 구글, MTV, ESPN, 패스트 컴퍼니(Fast Company), 블로거(Blogger), 오데오(Odeo) 같은 작업을 했습니다. 웹 표준을 기반으로 유연하고 다양한 상황에 적응할 수 있는 디자인을 하는 방법을 자신의 디자인 작업에 적용하고, 이런 기법들에 대해 글을 쓰고 강의를 합니다. 『실용예제로 배우는 웹 표준』과 이 책의 1판, 이렇게 두 권의 베스트셀러 저자입니다. 그가 쓰는 매우 유명한 블로그인 심플비츠(SimpleBits.com)에서는 웹 관련 기술과 일상에 대한 글을 볼 수 있습니다. 또한 우클렐레를 연주하고 야구모자를 즐겨 쓰고 다닙니다.

역자 : 박수만

2002년부터 운영하고 있는 개인 블로그인 suman's shallow thoughts(www.sumanpark.com)와 짧은 일상을 전하는 미투데이(me2DAY.net/sumanpark)는 업계에 널리 알려져 있다. 또한 그의 블로그와 미투데이에서는 웹 표준 외에도 웹사이트 기획 및 개발에 관련된 트렌드는 물론이고 그의 잔잔한 일상도 엿볼 수 있다. 명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했으며, 에이콘출판사에서 펴낸 『실용예제로 배우는 웹 표준』(2005년), 『CSS 마스터 전략』(2006년), 『방어형 웹사이트 기획』(2008년)을 번역했다.

더보기

책 속으로 책속으로 보이기/감추기

개념이 있다/없다
수익모델이 있다/없다
거품이다/아니다

웹 2.0으로 업계가 온통 시끌시끌합니다. 웹 2.0을 논하는 최근의 분위기는 분명 긍정적인 발전임에는 틀림 없습니다. 그러나 우리나라에서 일어나는 현 상황은 뭔가 아쉬운 점이 있습니다. 모두 미국 사례에 대해서만 그럴 듯하게 이야기하고 있으며, 한국형 웹 2.0을 논하기엔 표현양식의 기초부터 너무 뒤처져 있다는 사실입니다. 사례로 드는 미국 기업 중에 웹 표준과 거리가 먼 회사가 몇 개나 될까요? 웹 2.0을 부르짖는 우리의 웹사이트들은 과연 웹 표준을 잘 지키고 있습니까? 웹이 집이라면 웹 2.0은 좀 더 나은 양식의 집이고, 웹 표준은 이 집을 짓는 기본 건축기법과 건축자재에 비할 수 있습니다.

웹 표준은 어렵고 다가가기 힘들다고 여겨질 수도 있습니다. 하지만 이는 우리의 웹사이트를 철통수비해주는 역할을 할 것이며, 웹 표준을 구현함으로써 다양한 상황에도 유연하게 대처할 수 있는 완전무결한 방탄웹이 될 수 있습니다. 아울러 인터넷 익스플로러가 아니면 접근할 수 없다고 막아버리는 것이 아닌 '어떤 웹브라우저라도 와라'가 되는 것입니다. 웹 2.0의 붐에 편승해 웹사이트와 블로그에 새로운 기법과 팁이 계속 소개되지만 대부분 업계 종사자들이 따라다니면서 읽기엔 역부족이고 웹 표준을 하려고 해도 자료가 태부족이니 국내에 정착하지 못하는 걸 업계 종사자 탓만 할 수는 없습니다.

이 책 『(개정판) 웹 2.0을 이끄는 방탄웹: 크리에이티브한 웹 표준 기법과 제작 사례』는, 옆 동네의 저 멋진 집을 따라 짓고 싶은데 모양은 대강 알겠는데 골격과 꾸미는 방법-때로는 비법 같아 보이는-을 도통 알 수 없는 우리 디자이너, 개발자들에게 정말 큰 도움이 될 것이라 확신합니다. 이 책이 나오고 1년, 2년이 지나면 웹은 2.0을 넘어 3.0, 4.0으로 달려가고 있을지도 모르겠지만, 그에 관계없이 웹 표준은 모든 웹사이트가 구비하고 있어야 할 기초이며 갖춰서 입어야 할 옷입니다. 우리가 여태까지 어떻게 하고 있었는지, 왜 그게 잘못됐는지, 이를 방지하려면 어떻게 해야 하는지에 대해 핵심을 짚어 알기 쉽게 설명한 저자의 목소리를 놓치지 마시길 바랍니다.

우연인지 필연인지 국내 최초 웹 표준 도서에 이어 두 번째 책도 제가 번역하게 됐습니다. 이 책을 받아보고 먼저 보고 싶은 내용이 얼마나 많든지 우스꽝스럽게도 1장을 제일 마지막으로 작업했습니다. 국내 개발자, 기획자, 디자이너 등 웹과 관련된 모든 사람이 고개를 끄덕이며 읽을 수 있도록 예제 한글화에도 노력을 기울였습니다. 이 책으로 국내에서도 멋진 방탄웹이 끊임없이 등장하길 바라며 계속해서 좀 더 심도 깊은 자료와 노하우가 공유되길 바랍니다. 웹 표준은 더 이상 이야기하지 않아도 되는 그런 날이 오면 웹 2.0에 대한 논의도 더 깊게 할 수 있겠죠?

--- '옮긴이의 말' 중에서

출판사 리뷰 출판사 리뷰 보이기/감추기

아마존 독자가 열광하는 댄 씨더홈의 웹 표준 가이드 제2탄! 아무리 멋진 모양과 좋은 내용으로 가득 찬 웹사이트를 만들었더라도 다양한 상황과 폭넓은 사용자층을 고려하지 않았다면 절반의 성공에 불과합니다. 댄 씨더홈의 『(개정판) 웹 2.0을 이끄는 방탄웹』은 유연성과 가독성, 사용자 편의성 등 성공적인 웹사이트가 갖춰야 할 핵심사항을 구비하기 위한 웹 표준 전략에 대한 책입니다. 각 장마다 기존의 흔해 빠진 방식으로 제작한 웹사이트를 사례로 들어 문제점을 분석하고 어떤 한계점을 가지고 있는지 설명합니다. 그리고 이 사이트를 XHTML과 CSS로 재구축하여 엄청난 양의 코드를 깔끔한 마크업으로 정리하고 CSS를 통해 빠르게 로딩되면서 접근성이 높은 방탄웹으로 변신시키는 기법을 소개합니다. 특히 마지막 장에서는 이 책에서 다룬 기법을 종합해 완전무결한 방탄웹을 만들어 봅니다. 특히 개정판에서는 마이크로소프트 인터넷 익스플로러 7에 대응하도록 내용을 보강하고, em을 이용한 유동적인 레이아웃 등의 예제들을 추가했습니다. 먼저 고백해야겠습니다. 완전무결한 방탄웹이란 세상에 존재하지 않습니다. 이 말을 듣고 바로 책을 던져버리기 전에 잠시만 제 설명을 더 들어주시기 바랍니다. 경찰관이 방탄조끼를 입고 몸을 보호하는 것처럼, 웹디자인을 보호할 수 있는 조치를 취할 수 있을 것입니다. 이 책은 웹사이트에 방탄장치를 붙여 다양한 상황에 유연하게 대처할 수 있는 전략을 제시합니다. 방탄웹이란 완벽하게 방탄이 되는 방탄조끼를 만들기 위해서 지속적으로 노력하지만, 방탄조끼가 100퍼센트 완벽하게 신변보호를 보장해 주지는 않습니다. 그렇다고해서 방탄조끼를 입는 것과 입지않는 것을 비교할 수는 없을 겁니다. 웹사이트 구축 관련 기법에서도 이 규칙은 그대로 적용됩니다. 최대한 다양한 조건에서도 잘 보이는 유연한 웹페이지를 만들기 위해 필요한 단계를 제대로 밟아나갈 때 정말 다른 결과물을 만들 수 있습니다. 즉 지속적인 과정이라는 것입니다. 이를 통해 의미를 살린 XHTML과 CSS 같은 웹 표준을 활용한 멋진 디자인을 좀 더 쉽게 할 수 있습니다. 최근 몇 년간 CSS로 레이아웃을 만든 사이트가 많아지면서 CSS를 제대로 활용하는 방법에 대한 관심도 높아지고 있습니다. 이렇게 CSS 기반의 디자인을 하는 목적은 적은 코드량, 높은 접근성과 유지보수성 등 디자인 관점에서 취할 수 있는 기술적인 장점을 얻고자 하는 데 있습니다. 하지만 단지 CSS와 XHTML을 사용한다고 해서 저절로 모든 것이 좋아지지는 않습니다. 핵심 내용과 디자인을 분리하여 높은 유연성을 추구할 때, 웹을 이용하는 모든 사람들에게 좀 더 나은 디자인을 제공할 수 있습니다. 자, 그럼 여기서 말하는 유연성이란 무엇을 의미할까요? 왜 중요한가 이 책을 처음 구상할 즈음 훌륭한 웹디자인은 두 가지 요소를 갖춰야 한다는 생각이 들었습니다. 한 가지 요소는 완성된 페이지를 통해서 방문자들이 보게 될 비주얼한 구성요소입니다. 이는 디자이너가 조화롭게 만든 그래픽 이미지, 색상, 타이포그래피로 구성됩니다. CSS 젠 가든(http://www.csszengarden.com)에 방문해보시면 XHTML과 CSS를 이용해서 얼마나 멋진 비주얼 디자인을 갖출 수 있는지 쉽게 알 수 있을 것입니다. 훌륭한 웹디자인을 구성하는 두 번째 요소는 방탄웹 특성을 갖도록 구축하는 것입니다. 바로 이 점이 이 책에서 중점적으로 다루고자 하는 요소이기도 합니다. XHTML과 CSS를 쓰면 이런 장점을 쉽게 얻을 수 있습니다. 또한 유연하면서도 쉽게 주변환경에 적응 가능하고 접근성이 높으면서도 멋진 모양을 갖춘 웹디자인을 하기 위해 웹 표준의 장점을 이용할 수 있습니다. XHTML과 CSS 같은 웹 표준 도입이 빠르게 확산되면서 표준의 올바른 활용법과, 가장 적합한 구현 방법에 대해서 설명하는 자료의 필요성도 점점 더 높아지고 있습니다. 이 책의 구성 이 책은 각 장마다 방탄웹을 만드는 방법에 대해 소개합니다. 현재 존재하고 있는 웹사이트의 디자인을 살펴보고, 기존 방식의 문제점을 먼저 살펴봅니다. 그러고 나서 XHTML과 CSS를 활용해 유연성이 높으면서도 적은 양의 코드를 작성합니다. 대부분 예제는 페이지에 들어가는 디자인 구성요소를 다룹니다. 각 구성요소들이 어떻게 방탄웹을 구성해가는지 쉽게 볼 수 있을 것입니다. 마지막 장에서는 앞서 살펴본 개별 예제들을 이용해서 완벽한 페이지를 하나 구성해볼 것입니다. 각 예제의 기법들을 다시 한번 복습하면서 각각을 한데 모은 페이지를 만들어 보겠습니다. 각 예제들은 단계별로 구성되어 있어서 XHTML과 CSS 초보자라도 쉽게 따라할 수 있습니다. 이런 과정을 통해서 웹 표준이 가져다주는 이점과 각 지침들을 준수할 때 좀 더 견고한 방탄웹이 되는 이유를 설명하겠습니다. ★ 이 책에서 다루는 내용 ★ ■ 키워드, 퍼센트값, em을 이용해 사용자가 직접 글씨 크기를 조절할 수 있는 방법 ■ 글씨 크기와 텍스트 분량에 따라 크기가 늘어나는 내비게이션 메뉴바 만드는 방법 ■ 가로형 디자인 요소를 세로 방향으로 확장하는 방법 ■ 표 모양 디자인에 쓰이는 플로트 활용 방법 ■ 예기치 못한 상황에 대비할 수 있는 박스 모양 디자인 방법 ■ 이미지나 CSS 없이도 무리 없이 내용을 읽을 수 있는 페이지 만드는 방법 ■ 데이터 테이블에서 모양 꾸미기용 코드를 제거하고 CSS로 다시 만드는 방법 ■ 창 크기나 글씨 크기에 관계없이 자유자재로 늘어나는 페이지 레이아웃 만드는 방법 에이콘출판사 도서정보 페이지(http://www.acornpub.co.kr/book/bulletproof-web2)에서 개정판의 예제 코드를 다운로드 받을 수 있습니다. 원서 파일의 영문 예제와 번역서의 한글 예제 파일을 다운 받아서 zip 파일을 열면 각 장별로 폴더가 정리되어 있습니다. 각 폴더 안에는 완성된 예제와 관련된 html 파일과 이미지 폴더들이 들어 있습니다. 모든 CSS는 간결하게 내용을 볼 수 있게 하기 위해 모든 문서의 [head] 태그 안에 넣어 두었습니다.

회원리뷰 (1건) 회원리뷰 이동

리뷰 쓰기

혜택 및 유의사항?

총 평점 7.0점 7.0 / 10.0

검색결과 정렬 옵션 삭제

회원리뷰 전체보기

한줄평 (0건) 한줄평 이동

한줄평 쓰기

혜택 및 유의사항?

등록된 한줄평이 없습니다!

첫번째 한줄평을 남겨주세요.

배송/반품/교환 안내

배송 안내

반품/교환 안내에 대한 내용입니다.
배송 구분	예스24 배송 배송비 : 무료배송
포장 안내	안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다. 목적 : 안전한 포장 관리 촬영범위 : 박스 포장 작업

반품/교환 안내

상품 설명에 반품/교환과 관련한 안내가 있는경우 아래 내용보다 우선합니다. (업체 사정에 따라 달라질 수 있습니다)

반품/교환 안내에 대한 내용입니다.
반품/교환 방법	고객만족센터(1544-3800), 중고샵(1566-4295) 판매자 배송 상품은 판매자와 반품/교환이 협의된 상품에 한해 가능합니다.
반품/교환 가능기간	출고 완료 후 10일 이내의 주문 상품 디지털 콘텐츠인 eBook의 경우 구매 후 7일 이내의 상품 중고상품의 경우 출고 완료일로부터 6일 이내의 상품 (구매확정 전 상태)
반품/교환 비용	고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임 직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음 단, 아래의 주문/취소 조건인 경우, 취소 수수료 면제 오늘 00시 ~ 06시 30분 주문을 오늘 오전 06시 30분 이전에 취소 오늘 06시 30분 이후 주문을 익일 오전 06시 30분 이전에 취소 직수입 음반/영상물/기프트 중 일부는 변심 또는 착오로 취소 시 해외주문취소수수료 30%를 부과할 수 있음 단, 당일 00시~13시 사이의 주문은 취소 수수료 면제 박스 포장은 택배 배송이 가능한 규격과 무게를 준수하며, 고객의 단순변심 및 착오구매일 경우 상품의 반송비용은 박스 당 부과됩니다.
반품/교환 불가사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품, 전자책 단말기 등 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 eBook 대여 상품은 대여 기간이 종료 되거나, 2회 이상 대여 했을 경우 취소 불가 중고상품이 구매확정(자동 구매확정은 출고완료일로부터 7일)된 경우 LP상품의 재생 불량 원인이 기기의 사양 및 문제인 경우 (All-in-One 일체형 일부 보급형 오디오 모델 사용 등) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상	상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상	대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리