추가 적립 안내

[CSS와 Ajax를 활용한 웹 표준 사이트 구축]은 웹 관련 여러 분야의 저명한 전문가들이 현업에서 쌓은 실무 경험을 바탕으로 각자의 전문성을 살려 노하우를 전해주는데, 기술적인 관점에서 고려해야 할 사항뿐 아니라 기획과 관리, 디자인, 사용성 등에 대해 인지해야 하는 여러 사항이 잘 정리해 수록했다. 책에는 대기업과 소규모 업체 모두 필수로 알아야 할 웹 표준 정보, 잘 알려진 웹 사이트 사례를 통한 이해, CSS 코딩과 파일 관리 방식에 대한 최신 기술 습득, DOCTYPE 전환과 POSH 코딩과 같은 XHTML 기능 활용, 코딩 사례에서 최신 Ajax 방식까지 자바스크립트 기술 습득 방법 등을 수록했다.

★ 요약 ★

다이나믹한 비주얼과 디자인적인 요소만을 너무 중요시하다 보니 한동안 국내에서는 웹 표준이 많이 간과되어 왔었다. 하지만 다행스러운 점은 최근 스마트폰과 태블릿PC 등으로 웹에 접속하는 사용자가 기하급수적으로 늘면서 이러한 흐름이 바뀌고 있다는 사실이다. 이 책은 이러한 흐름에 따라 접근과 관점에 많은 변화를 꾀해야 하는 개발자와 기획자가 꼭 읽어야 할 필독서라 하겠다. 웹 관련 여러 분야의 저명한 전문가들이 현업에서 쌓은 실무 경험을 바탕으로 각자의 전문성을 살려 노하우를 전해준다. 기술적인 관점에서 고려해야 할 사항뿐 아니라 기획과 관리, 디자인, 사용성 등에 대해 인지해야 하는 여러 사항이 잘 정리되어 있다.

★ 이 책에서 다루는 내용 ★

■ 대기업과 소규모 업체 모두 필수로 알아야 할 웹 표준 정보
■ 잘 알려진 웹 사이트 사례를 통한 이해
■ CSS 코딩과 파일 관리 방식에 대한 최신 기술 습득
■ DOCTYPE 전환과 POSH 코딩과 같은 XHTML 기능 활용
■ 코딩 사례에서 최신 Ajax 방식까지 자바스크립트 기술 습득

★ 이 책의 대상 독자 ★

최근 웹 디자이너들이 겪는 가장 큰 문제는 비주얼이 강한 웹 사이트를 만드는 데 표준 기반의 최신 기술을 어떻게 사용할까이다. 이에 대한 해결책을 제시하기 위해 이 책에서는 잘 알려진 웹 사이트 작업에 참여한 뛰어난 개발자와 디자이너의 실제 이야기를 들려준다.

★ 이 책의 구성 ★

이 책의 전반은 롭 처니와 킴벌리 블레싱이 CSS와 Ajax 등의 표준을 사용해 웹 사이트를 구축하는 일반적인 방식에 대해 설명한다. 후반부에서는 잘 알려진 대형 웹 사이트 두 개를 들여다 보며 각각에 사용된 CSS를 자세히 살펴본다. 먼저 메릴 이반스는 토리 에이모스의 팬 사이트(EverythingTori.com)를 웹 표준 사이트로 바꾸는 과정을 보여주며 케빈 로버는 아메리카 온라인(aol.com)이 ISP에서 웹 사업자로 변화하는 과정을 설명한다.

★ 지은이의 말 ★

이 책에서는 우리가 웹 표준의 중요성을 가르치거나 업무를 접할 때 당면하는 문제에 대한 해결책을 제시할 뿐 아니라, 작업 기한이 임박해 쫓기는 상황에서 웹 표준 기술을 어떻게 실제로 적용할지 알려준다.
디자이너들은 물론 대규모 조직에서 웹 기술을 적용하는 데에 지침이 되는 내용으로 구성된 이 책에서는 웹 표준화 작업이 제대로 진행되려면 여러 분야의 수많은 전문가들이 참여해야 함을 역설한다.
진정한 웹 전문가로 알려진 롭 처니는 DOM을 전반적으로 섭렵하고 있으며 이 책의 첫 장에서 4장까지 그의 도움을 많이 받았다.
우연히 집필 작업에 참여하게 된 킴벌리 블레싱은 밤샘 작업을 하던 어느 날 밤, 웹 표준 관리에 대한 주제로 글을 써달라는 나의 부탁으로 찾아 온 기억이 난다. 이로 인해 이 책의 5장이 탄생됐다. 킴벌리가 이 책에 들인 시간과 노력에 감사함을 표한다.
컨텐츠의 달인이라 할 수 있는 메릴 이반스에게도 감사의 마음을 전한다. 토리 에이모스에 관한 내용을 작성하던 완벽한 타이밍에 합류했다.
케빈 로버는 자신이 토론에서 언급했던 주제를 책으로 옮기자는 나의 제안에 찬성과 지지를 표함은 물론, 작업에도 함께 참여해주었다. 그의 노고에 정말 감사한다. 그는 AOL의 웹 표준 프로세스를 알기 쉽게 설명해 줬다.
킴벌리가 맡은 내용의 일러스트를 맡은 레베카 건터에게도 고마움을 표한다. 그녀의 다른 작업들은 http://soap-committee.deviantart.com/에서 더 볼 수 있다.
웹 개발에 관련한 서른 권이 넘는 책을 집필한 몰리 홀츠쉴랙은 기술 감수 역할을 맡아 주었다. 바쁜 와중에도 도와준 몰리에게 감사한다. 그녀에 대한 자세한 정보는 http://molly.com에서 볼 수 있다.

1부 웹 표준 기반 사이트 구축
들어가며
웹 표준이란 무엇인가
웹 표준의 좋은 점
웹 사용자 인터페이스
UI 기획
오늘날의 웹사이트 기획
새로운 접근법: UI 아키텍처 기획
1장 프론트 엔드 코딩하기
어디서 시작하는가
문서 구조: 마크업 언어 선택
HTML과 XHTML의 차이
DOCTYPE 전환과 브라우저 렌더링 모드
마크업의 유효성을 검증할 것인가, 하지 않을 것인가
콘텐츠와 구조: 디자인과 구현
2장 스타일시트
사용할 CSS 파일의 수
CSS 파일과 파일 링크 방법
규칙, 의미, 유용성을 위한 마이크로포맷
마이크로포맷과 POSH
과도한 클래스 사용
일반적인 Classitis
Classitis 해결
CSS 파일 콘텐츠 구조
대체 미디어 CSS
프레젠테이션의 자유함
3장 동작 레이어 통합하기
근대 Ajax 메소드
세련되고 진보적이고 간결한 스크립팅
자바스크립트 요구사항: 파일과 함수 인벤토리
조잡한 스크립트
간결한 개선
팝업 창
동적 요소와 innerHTML
CSS와 표현적인 면을 다루는 자바스크립트 동작
대형 사이트와 다수의 OnLoad 지원
사용자 정의 스크립트와 프레임워크의 비교
jQuery 프레임워크 코드 예제
프레임워크는 Ajax를 쉽게 만든다
프레임워크 간단히 보기
4장 웹 소프트웨어 애플리케이션 개발하기
과거를 벗어나지 못하는 웹 애플리케이션
소프트웨어 품질과 인벤토리 분석
지침, 규칙, 웹 표준
코딩 규칙
근대 마크업을 사용해 개선된 폼
서버사이드 프레임워크와 템플릿 도구
마이크로소프트 ASP.NET 프레임워크
ASP.NET 데이터 출력값
ASP.NET의 HTML 컨트롤, 웹 컨트롤과 그밖의 것
콘텐츠 관리
콘텐츠 관리의 기본
콘텐츠 관리와 깔끔한 콘텐츠
콘텐츠 관리 출력과 모듈
CMS 템플릿
콘텐츠 작성자를 위한 위지위그
타사
웹 앱 접근방식
5장 표준의 사이클
업체의 관성력
표준의 사이클 소개
표준 관리자
표준 정립하기와 문서화하기
교육과 커뮤니케이션
품질 평가 과정
돌아가는 쳇바퀴 설정하기
효과 지속시키기
결론

2부 사례연구
연습이 완벽을 낳지는 않는다
의사소통
적응력
인내심
시도와 난관
6장 EverythingTori.com
백스테이지
토리 에이모스 웹사이트 자세히 들여다 보기
디자인 프로세스 적용하기
와이어프레임 만들기
웹사이트 디자인하기
CSS라는 무대 뒤
사이트 론칭하기
디자이너 필립 피어링거
끝맺는 말
7장 AOL.com
성공하는 팀 만들기 그리고 실패하지 않기
무엇이 잘못됐을까
성능을 위한 디자인
코드 작성하기 전에 성능 예측하기
성능 주의 사항
데이빗 아츠의 인터뷰
반복되는 과정
시스템 디자인과 설계
버디 시스템
시험용 Stub 만들기
워크플로우 생각해보기
프론트엔드의 힘
마크업과 DOCTYPE 올바르게 사용하기
CSS 모범사례
접근 가능한 CSS
실제 성능
결론
마치면서

부록 A 웹 브라우저 타게팅하기
부록 B 접근성
부록 C 웹사이트 성능에 관한 팁
부록 D CSS 선택기 참고자료