성공적인 웹 사이트를 제작하기 위한 『웹 표준』과 『방탄웹』을 하나로 묶었다.

『웹 2.0을 이끄는 방탄웹』은 표준화를 어떻게 시작하고 무엇을 표준화 시켜야 하는지 알려주는 가이드 북으로 기존의 웹 사이트들을 사례로 들어 문제점을 지적하여 분석하고 있다.
『웹표준』에서는 여러 가지 웹 표준 개념의 이론과 실습을 다루며, 쉽게 이해할 수 있도록 문제에 대해 여러 가지 다른 해결방법을 보여준다. 각 방법에 대해서는 장점과 단점을 따져가며 상세하게 설명하며 또 각 장의 마지막 부분에는 심화 학습을 제공해 그 장에서 설명한 내용과 관련된 고급 마크업과 CSS에 대해서 소개하고 있다.


[ SET 구성: 전 2권 ]

1)『실용 예제로 배우는 웹 표준』
2)『웹 2.0을 이끄는 방탄웹』


[ 『실용 예제로 배우는 웹 표준』 소개 ]

웹 표준을 이용해 사이트를 구현하면 어떤 장점이 있을까?
이 책은 웹 표준의 장점을 이해하기 위한 필수 안내서입니다.

XHTML과 CSS 같은 웹 표준은 이미 많이 알려진 기술입니다. 웹 관련 직종에 있다면 웹 표준에 대해서 들어봤을 것입니다. 하지만 웹 표준을 지원하는 웹 브라우저가 점차 늘어가고 있고, 웹 디자이너와 웹 개발자가 웹 표준이 주는 실질적인 이점을 이해하고 이를 준수하려고 하는 움직임이 많아지고는 있지만, 웹 표준으로 사이트를 구축하는 것은 아직까지 쉬운 일은 아닙니다. 웹 표준의 혜택을 완벽하게 이해하고 웹 표준을 이용해 효율적으로 사이트를 구현해야만 비로소 웹 표준의 진수를 아는 것입니다.

웹 표준 가이드는 16장과 부록으로 구성돼있습니다. 각 장에서는 여러 가지 웹 표준 개념의 이론과 실습을 다루며, 쉽게 이해할 수 있도록 문제에 대해 여러 가지 다른 해결방법을 보여줍니다. 이 책을 통해 다단 레이아웃, 이미지 바꿔치기, 테이블과 리스트 제대로 사용하기 등의 방법을 배울 수 있습니다. 이런 접근방법을 통해서 웹 표준의 핵심사항을 빠르게 이해하고 소화해 제대로 활용할 수 있을 것입니다.

- XHTML 소스를 가볍고 최적화시켜 이해하기 쉽게 작성하는 올바른 방법
- 웹 페이지를 구성하는 엘리먼트를 다양하게 꾸밀 수 있는 CSS 활용법
- 쉽고 효율적인 웹 페이지 레이아웃 구성방법
- 동일한 결과물을 만들어 내는 다양한 구현 방법
- 최신 웹 디자인 테크닉과 그에 따른 유의점 소개


[ 『웹 2.0을 이끄는 방탄웹』소개 ]

링크를 클릭하시면 책에 실린 예제 화면을 볼 수 있습니다. 기존에 우리가 어떻게 하고 있었는지, 왜 그게 잘못됐는지, 이를 방지하려면 어떻게 해야 하는지에 대한 자세한 내용은 책에서 살펴 보시기 바랍니다.

1장. 자유로운 글꼴 크기 (영문 / 한글 )
2장. 크기조절이 되는 내비게이션 메뉴바 (영문 / 한글 )
3장. 높낮이가 조절되는 행 만들기 (영문 / 한글 )
4장. 나만의 float 활용비법 (영문 / 한글 )
5장. 깨지지 않는 상자 만들기 (영문 / 한글 )
6장. 이미지, CSS 없이도 볼 수 있게 만들기 (영문 / 한글 )
7장. 쉽게 변환할 수 있는 테이블 만들기 (영문 / 한글 )
8장. 유동적인 레이아웃 만들기 2단(영문 / 한글 ) 3단 (영문 / 한글 )
9장. 종합완결편 (영문 / 한글 )


[ 이 책의 주요 내용 ]

♣ 사용자가 직접 글꼴 크기를 조절할 수 있도록 키워드와 퍼센트값을 사용하는 방법
♣ 텍스트 분량과 글꼴 크기에 따라 늘어나는 내비게이션 메뉴바를 만드는 방법
♣ 가로형 디자인 요소가 세로방향으로 확장될 수 있게 하는 방법
♣ 격자형 디자인을 만들기 위해 float을 활용하는 방법
♣ 예상치 못한 상황까지 대비할 수 있는 박스 형태 디자인 방법
♣ 이미지나 CSS가 없을 경우에도 내용을 무리 없이 읽을 수 있는 페이지 제작 방법
♣ 데이터 테이블 안에 있는 모양 꾸미기용 코드를 걷어내고 CSS로 대치하는 방법
♣ 자유자재로 늘어났다 줄어들었다 하는 다양한 페이지 레이아웃을 만드는 방법


방탄웹이란

완벽한 방탄이 되는 방탄조끼를 만들기 위해서 지속적으로 노력하지만, 방탄조끼가 100퍼센트 완벽하게 신변보호를 보장해 주지는 않습니다. 하지만 방탄조끼를 입는 것과 입지 않는 것을 비교할 수는 없을 겁니다. 웹 사이트 구축 관련 기법에서도 이 규칙은 그대로 적용됩니다. 최대한 다양한 조건에서도 잘 보이는 유연한 웹 페이지를 만들기 위해 필요한 단계를 제대로 밟아나갈 때 정말 확연히 다른 결과물을 만들 수 있습니다. 즉 지속적인 과정이라는 것입니다. 이를 통해 의미를 살린 XHTML과 CSS 같은 웹 표준을 활용한 멋진 디자인을 좀 더 쉽게 할 수 있습니다.

최근 몇 년간 CSS으로 레이아웃을 만든 사이트가 많아지면서 CSS를 제대로 활용하는 방법에 대한 관심도 높아지고 있습니다. 이렇게 CSS 기반의 디자인을 하는 목적은 적은 코드양, 높은 접근성과 유지보수성 등 디자인 관점에서 취할 수 있는 기술적인 장점을 얻고자 하는 데 있습니다. 하지만 단지 CSS와 XHTML을 사용한다고 해서 저절로 모든 것이 좋아지지는 않습니다. 핵심 내용과 디자인을 분리하여 높은 유연성을 추구할 때, 웹을 이용하는 모든 사람들에게 좀 더 나은 디자인을 제공할 수 있습니다.

왜 중요한가

이 책을 처음 구상할 즈음 훌륭한 웹 디자인은 두 가지 요소를 갖춰야 한다는 생각이 들었습니다. 한 가지 요소는 완성된 페이지를 통해서 방문자들이 보게 될 비주얼한 구성요소입니다. 이는 디자이너가 조화롭게 만든 그래픽 이미지, 색상, 타이포그래피로 구성됩니다. CSS 젠 가든(www.csszengarden.com)에 방문해보시면 XHTML과 CSS를 이용해서 얼마나 멋진 비주얼 디자인을 갖출 수 있는지 쉽게 알 수 있을 것입니다.

훌륭한 웹 디자인을 구성하는 두번째 요소는 방탄웹 특성을 갖도록 구축하는 것입니다. 바로 이 점이 이 책에서 중점적으로 다루고자 하는 요소이기도 합니다. XHTML과 CSS를 쓰면 이런 장점을 쉽게 얻을 수 있습니다. 또한 유연하면서도 쉽게 주변환경에 적응가능하고 접근성이 높으면서도 멋진 모양을 갖는 웹 디자인을 하기 위해 웹 표준의 장점을 이용할 수 있습니다.

XHTML과 CSS 같은 웹 표준 도입이 빠르게 확산되면서 표준의 올바른 활용법과, 가장 적합한 구현 방법에 대해서 설명하는 자료에 대한 필요성도 점점 더 높아지고 있습니다.


[ 이 책의 구성 ]

이 책은 각 장마다 방탄웹을 만드는 방법에 대해서 소개합니다. 현재 존재하고 있는 웹 사이트의 디자인을 살펴보고, 기존 방식의 문제점에 대해서 먼저 살펴봅니다. 그러고나서 XHTML과 CSS를 활용해 유연성이 높으면서도 적은 양의 코드를 작성합니다.

대부분의 예제들은 페이지에 들어가는 디자인 구성요소들입니다. 각 구성요소들이 어떻게 방탄웹을 구성해가는지 쉽게 볼 수 있을 것입니다. 마지막 장은 앞서 살펴본 개별 예제들을 이용해서 완벽한 한 페이지를 구성해볼 것입니다. 각 예제의 기법들을 다시 한번 복습하면서 각각을 한데 모은 페이지를 만들어 보겠습니다.

각 예제들은 단계별로 구성되어 있어서 XHTML과 CSS 초보자라도 쉽게 따라할 수 있을 것입니다. 이런 과정을 통해서 웹 표준이 가져다 주는 이점과 각 지침들을 준수할 때 좀 더 견고한 방탄웹이 되는 이유에 대해서 설명하겠습니다.

[ 저자 소개 ]

댄 씨더홈 www.simplebits.com

댄 씨더홈은 여러 차례 수상 경력이 있는 웹 디자이너이자 작가입니다. 현재 메사추세츠주의 살렘에 살고 있으며, 디자인 및 웹 개발 컨설팅 회사인 심플비츠(SimpleBits)의 창업자이기도 합니다. 저자는 웹 표준 기반의 사이트 디자인과 구축에 다년간의 경험을 쌓아왔습니다. 이 분야에 관련된 전문성이 널리 인정받아 다양한 컨퍼런스에서 강의한 바 있으며 웹표준 기반의 디자인을 도입하려는 기업에 자문을 많이 하고 있습니다. 많은 관심을 받은 바 있는 『실용 예제로 배우는 웹 표준』의 저자이면서, “어 리스트 어파트(A List Apart)”에 여러 기사를 기고했습니다. 웹, 기술, 그리고 인생 전반에 대한 글을 올리는 유명 블로그인 심플비츠(SimpleBits)를 운영하고 있습니다.


[ 역자 소개 ]

박수만

엔비닷컴(www.enbee.com) 대표이사. 2002년부터 운영하고 있는 개인 블로그인 suman’s shallow thoughts(www.sumanpark.com)는 블로그계에 널리 알려져 있다. 그의 블로그에서는 웹 표준 외에도 웹사이트 기획 및 개발에 관련된 트렌드는 물론이고 그의 잔잔한 일상도 엿볼 수 있다. 명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했으며, 『실용 예제로 배우는 웹 표준』(에이콘출판, 2005)을 번역했다.

목차

• 웹표준
  
• 마크업, 처음부터 제대로 배우기
• 1. 리스트
• 2. 머리글
• 3. 테이블을 쓰면 안된다?
• 4. 인용문
• 5. 폼
• 6. 구문표현 엘리먼트
• 7. 앵커
• 8. 리스트의 고급기능
• 9. 마크업용량
  
• 웹표준 스타일의 세계로
• 10. CSS적용하기
• 11. 인쇄를 위한 스타일
• 12. CSS로 레이아웃 잡기
• 13. 텍스트 스타일
• 14. 이미지 바꿔치기
• 15. 를 위한 스타일
• 16. 새로운도약
  
• 한국어판 특별부록
  
• 방탄웹
  
• 1장 글씨크기를 내 마음대로
• 2장 자류롭게 크기가 조절되는 내비게이션 메뉴바
• 3장 자유자재로 높낮이가 조정되는 행만들기
• 4장 나만의 Float활용기법
• 5장 깨지지 않는 상자 만들기
• 6장 이미지나 GSS업이도 볼수 잇게 하기
• 7장 쉽게 변환할수 있는 테이블 만들기
• 8장 유동적인 레이아웃 만들기