스타일을 말해요! 이 책은 정말 "Stylish" 또는 "Cool" 하다는 느낌을 주는 책이다. 개발자들이 주로 보는 검정색 글자들과 회색 톤의 난해한 도해로 가득 찬 책들과는 비교 자체를 거부한다. 디자이너의 높은 눈높이를 맞추기에 충분하다고 생각한다. 책 편집 디자인만 봐도 읽고 싶은 생각이 마구 든다. 저자는 이 책의 주요 독자를 웹 디자이너로 설정하고 있고 평자도 저자의 의도가 적절히 반영된 책이라고 생각되고 덧붙여 초보 웹 개발자들도 쉽게 CSS에 대한 기본을 익힐 수 있는 책이라고 생각된다.

책의 구성은 왼쪽 페이지에서 해당 주제에 대한 설명을 하고 오른쪽 페이지에 설명에 도움이 되는 자료를 이해하기 쉽게 표현해 놓았다. 스티브 잡스의 명품 프리젠테이션처럼 간결하면서도 핵심을 집어낸다. 저자가 심혈을 기울여 만들지 않았나 생각된다. 응용편으로 갈수록 어려워지기는 하지만, CSS 기초를 설명하는 앞부분에서는 정말 쉽게 표현해 놓았다.

저자는 웹디자이너들이 CSS를 정확하게 이해하고 사용하기를 주장하고 있다. 이는 CSS에 대한 오해들이란 주제에서 다루고 있다. 평자도 디자이너들도 CSS나 HTML에 대해서는 기본적으로 알아야 한다는 주장에 동의한다.

이 책의 도입부는 입문자에게 다양한 브라우저, 애드인(Add-in), 에디터 및 디자인 도구들에 대해 개요적으로 설명하고 심층적인 정보를 원하는 독자를 위해 사이트 주소를 표시해 놓았다. 글 읽는 중간 중간에 소개해 준 사이트들도 많은 도움이 될 듯하다. 평자는 css3.info 라는 사이트가 정말 마음에 든다. CSS 뿐만 아니라 IE9에 대한 논쟁들도 정말 재미있게 봤다. 시간이 나면 포스팅된 글들을 정독해 볼 예정이다.

PART2 - CSS 문법 알아보기는 CSS 기초 문법를 쉽고 명확하게 설명하고 있는데, 문제는 중간에 교정 오류가 많은 것이다. CSS에 입문하는 사람이 이런 오류를 명확하게 모르는 상태에서 혼란을 가중시킬 수 있을 것이란 생각이 든다. 이건 상당히 중요한 문제라고 생각되는데, 차후에 새로운 쇄가 나온다면 교정을 해서 나오면 정말 좋을 듯하다.

PART3 - 원어민처럼 말하기는 PART2에서 익힌 내용으로 예제 사이트를 만들어 본다. 기획 단계 부터 제작단계까지 다뤘다. 디자인 프로세스의 개략적인 내용까지 알 수 있어 좋았다. 물론 이런 프로세스가 웹 디자인에만 적용되는 것은 아니니 개발자 입장에서는 새로울 것은 없다.

이 서적의 번역 상태는 전반적으로 양호하지만, 간혹 문맥을 이해할 수 없는 부분들이 발견돼서 아쉬웠다. 표지 디자인, 편집 디자인, 타이포그래피 등은 나무랄 데 없이 훌륭하고 종이 질도 컬러 서적임을 고려한다면 좋은 편이다.

총평을 하자면, 웹 디자이너와 초보 웹 개발자들을 대상으로 한 서적으로 평가하자면 아주 훌륭한 책이다. 다만 오타나 교정 오류가 다른 서적에 비해 많은 것이 옥의 티다.

책을 읽는 중에 발견된 오타나 교정오류를 적어본다. 참고해서 보면 좋을 듯하다.

위치	수정전	수정후
10p	object.style.color = rgb(255,0,0);	object.style.color=”rgb(255,0,0)”;
10p	object = document.getElementsByTagName(‘h1’); 자바스크립트 코드에서 얻어진 object 는 배열이다. 따라서 첫번째 object.style.color 는 object[0].style.color 로 변경되어야 정상적으로 작동한다.
50p 2번째 단락	하ㅁ씩	하나씩
51p	H1{color: red;	H1{ color: red; }
111p	<h1 class=”hilight”>…</h1>	<h1>…<cite class=”hilight”>…</cite></h1>
113p 하단	<h1>…</h1>	<div id=”content”><h1>…</h1></div>
114p 첫번째 CSS 코드	#content h1 .hilight { color:purple; } .column01 h1 .hilight { color: orange; }	#content h1 .hilight { color: orange; } .column01 h1 .hilight { color: purple; }
114p 7번째 줄	HTML, CSS, id	HTML, class, id
117p 첫번째 예시	.highlight	.hilight
	<h1 class=”highlight”>…</h1>	<h1>…<cite class=”hilight”>…</cite></h1>
133p	text-decoration : strike-through;	text-decoration: line-through;
138p	값 : 부분에 center가 속성값이 중복기술	하나 제거
145p	filter:alpha(100); filter: alpha(50); filter: alpha(25);	filter : alpha(opacity=100); filter : alpha(opacity=50); filter : alpha(opacity=25);
	IE8 이상에서는 –ms-filter: alpha(opacity=50); filter: alpha(opacity=50); 같이 설정
186p	것ㅌ을	것을
220p	aligncenter	alignclear
226p	font-family:…,sans-serif.	font-family:…,sans-serif;
232p	Trubuchet MS	Trebuchet-MS
232p	예제에서, 폰트 Fontin Sans는 웹 안전 폰트인 Optima, 핵심 웹 폰트인 Trebuchet MS, 범용 폰트 Sans-Serif와 함께 다운로드 됩니다.
	Fortin Sans 폰트를 제외하고는 웹에서 다운로드 할 필요가 없음에도 함께 다운로드 한다고 설명하고 있는데, 올바르게 번역된 것인지 의문스럽다.
238p	10-43	10-13
254p	예시 이미지 IE8 부분	파이어폭스, 사파리 예시와 다른 형태의 예시
262p	<br style=”alignclear”/>	<br class=”alignclear”/>

< src="http://api.bloggernews.media.daum.net/static/recombox1.swf?nid=11314085" quality="high" bgcolor="#ffffff" width="400" height="80"type="application/x-shockwave-flash">