간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 결제 시 최대할인 3천원 / 5만원 이상 결제, 기간 중 1회)
삼성카드 6% (23,690원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (23,940원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (17,640원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (20,160원)
(최대할인 4만원 / 2만원 이상 결제)
Close

웹 표준 가이드 HTML5 + CSS3 : IE가 세상의 전부는 아니다

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 347
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

28,000원

  • 25,200 (10%할인)

    1,400P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
추가혜택
배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서

  • 사은품(10)

출판사 서평

이 책은 HTML5, CSS3, 접근성, DOM, 레이아웃 등 기술과 이론을 웹 표준 안에서 활용할 수 있는 기본 방법을 다루고 있다.

이 책의 특징과 장점
- 태그와 속성 등에 색을 넣어 한 눈에 코드를 쉽게 읽을 수 있다.
- 전문 웹 개발자에게 꼭 필요한 우수 사례와 예제를 정리, 실무에 쉽게 적용할 수 있다.
- 웹에 막 입문한 사람도 HTML5, CSS3, 접근성, DOM, 레이아웃 등을 웹 표준 내에서 적절히 개발에 활용할 수 있을 만큼 쉽게 쓰여졌다.

어떤 독자를 위한 책인가?
- 웹 표준을 골치거리라고 여기는, 웹 표준이 뭔지 몰라 헤매는 웹 개발자
- 모든 브라우저에서 디자인이 똑같아야 한다고 생각하는 웹 디자이너
- 웹 개발과 디자인의 기초부터 배우려는 학생
- 접근성 높은 홈페이지를 만들고자 하는 웹 기획자
- 특정 브라우저, 혹은 하위호환성 때문에 고민하는 웹 개발자
- 웹 표준을 지키지 않은 사이트를 유지보수해야 하는 관리자
- 새로운 HTML5, CSS3의 기술을 알고자 하는 웹 개발자, 디자이너, 학생

저자 서문
저자인 저뿐 아니라 웹 작업에 종사하는 사람이라면 누구나 제프리 젤드만의 『Designing with Web Standards』를 읽었을 것이고, 개발자나 디자이너 모두를 위해 웹을 개선하려는 제프리 젤드만의 끊임없는 노고의 덕을 본다고 할 수 있습니다. 지난 몇 달간 저는 『Designing with Web Standards』의 병용 교재를 집필해달라는 제의 탓에 잠도 못 잘 때가 많아서 제프리를 욕하기도 했습니다. 사실 그건 농담이고, 실은 제가 이 교재의 집필 요청을 매우 기쁘게 받아들였습니다. 적어도 이 책의 결과물이 제프리의 추천에 부응하는 것이기를 바랍니다.
부단히 작업해주고 저의 과다한 약속과 계속 사적인 일로 일정이 뒤죽박죽 되도 화내지 않은 에린 키세인님께 감사합니다. 마무리가 좋으니 다 좋은 거겠죠?
아이슬란드에서 제 교재 두 권의 기술 편집을 맡아주신 브라이언 수더님께 감사합니다. 아직 개인적으로 뵌 적은 없지만, 정확하지 못한 부분과 수많은 오류를 지적하고 건의해주신 점에 대해 매우 고맙게 생각합니다.
전문 지식으로 본 교재의 멋진 그림 디자인을 맡아주신 셰런 리님께 감사합니다. 덕택에 제가 일일이 챙기지 못한 모든 그림이 모양과 색상 면에서 훨씬 깔끔해졌고, 덕분에 독자의 눈도 편해졌습니다.
본 교재의 집필을 제게 의뢰해주신 마이클 놀런님께 감사합니다. 저를 신뢰해 주신 만큼 이 책으로 보답이 될 수 있으면 좋겠고, 수 개월간 개발 때문에 쥐어뜯은 머리카락이 얼른 새로 나길 바랍니다.
계획보다 초과된 페이지와 무수한 난관을 해결하느라 불철주야 힘쓰신 New Riders의 편집팀과 제작팀, 그들의 전문성과 근면성에 감사합니다.
다른 것보다 훨씬 많은 분량의 워드 파일을 기꺼이 빠르게 검토하고 사소한 것까지 세심히 편집해주신 편집 인턴이신 헨리 리님과 니콜 램지님께 감사합니다.
일일이 열거할 순 없지만, 블로그, 커뮤니티, 프레젠테이션, 게시물 등을 통해 각자의 실무 경험과 전문 지식을 공유해서 웹을 더 멋지게 발전시키는데 도움을 준 디자이너와 개발자 분들께 감사합니다. 너그럽고 열린 마음을 지닌 여러분과 같은 업종에 종사하는 것이 제게는 진심으로 영광입니다.
본 교재에 기여하신 분들을 모두 적으려면 책 한 권을 내도 부족할 정도입니다. 많은 분들의 이름을 본 교재 곳곳에 수록했지만, 누락된 분도 많을 것입니다. 모든 분께 감사합니다.
마지막으로 제 아내 사라와 집필이 끝날 때까지 "아빠 책 끝났다!"라고 말할 날만 손꼽아 기다린 사랑스런 두 딸 지케이와 스컬리에게도 감사를 표합니다. 이제 책이 완성됐으니 아이들과 놀아줄 시간이 좀 생겼으면 좋겠습니다. - 존 앨섭

목차

옮긴이의 말_ 김지원
옮긴이의 말_ 홍승표
감사의 글
저자 소개

Part I 기초편

1장 시작하기에 앞서
1-1 누구를 위한 책일까요?
이 책은 어떤 사람들과 어울리지 않을까요?
1-2 이 책을 통해 무엇을 얻을 수 있을까요?
1-3 이 책을 통해 얻을 수 없는 것
1-4 이 책을 활용하는 방법
커뮤니티에 가입하세요
1-5 이어질 내용

2장 철학과 원칙
브라우저 전쟁
표준화의 태동
웹 표준화의 현재
2-1 왜 웹 표준안을 준수해야 하는가?
2-2 World Wide Web을 개발하는 방법
모든 브라우저에서 똑같이 보이지 않을 수도 있습니다
단계적 향상
콘텐트, 디자인, 기능의 분리
하나 더, 의미 있는 구성 방법
다음 장에서는

3장 마크업
3-1 브라우저 위에서 돌아가는 것만으로 충분하지 않은 이유
3-2 HTML과 XHTML
3-3 구문과 의미
3-4 HTML에 관한 짧은 역사
HTML 4.01
XHTML 1.0, 1.1, 2.0
HTML5
3-5 HTML의 핵심 개념
웹 페이지란 무엇일까요?
용어: 요소, 속성, 태그, 기타
비어 있는 HTML 요소
3-6 문서 타입
DOCTYPE을 입력합니다
3-7 HTML의 기본 구조
최상위 요소, html
head 요소
body 요소
인라인 요소
3-8 HTML 의미의 확장
class
id
span
3-9 링크: "하이퍼 텍스트"에서 "하이퍼"가 의미하는 것
앵커
URL의 절대 경로와 상대 경로
웹 상에 있는 특정 자원으로의 링크
3-10 내장 콘텐트
이미지
이미지 포함하기
멀티미디어 콘텐트
3-11 폼
form 요소
input 요소
button 요소
메뉴
폼 컨트롤 비활성화하기
레이블 컨트롤
컨트롤 그룹핑하기
3-12 테이블
테이블의 구조
열 병합하기
3-13 프레임과 인라인 프레임
3-14 특수 문자
3-15 품질 보증
마크업 문서의 유효성 검증
링크 확인
HTML Tidy
3-16 HTML VS XHTML
구문상의 차이점
서버가 제공하는 문서
에러 처리
무엇을 사용해야 할까요?

4장 프레젠테이션과 디자인
4-1 웹 스타일에 관한 짧은 역사
콘텐트의 내용과 디자인을 분리해야 하는 이유는 무엇일까요?
4-2 CSS가 무엇일까요?
4-3 CSS를 어떻게 사용할까요?
인라인 스타일
내장 CSS
외부 CSS 파일에 링크
4-4 CSS의 기본 구문
선택자, 선언 블록, 선언, 속성
4-5 선택자의 기본
태그 선택자
여러 선택자를 하나로 묶기
4-6 기본 속성: 글꼴 스타일
색상
글꼴 계통
글자 크기
글자 두께
글자 스타일
글자 장식
4-7 상속
4-8 구체화하기: class, id 선택자
class 선택자
id 선택자
특정도
4-9 자주 사용하는 글자 레이아웃 속성
글자 정렬
라인 높이
글자 또는 단어의 간격
들여쓰기
4-10 결합자: 하위 선택자와 자식 선택자
하위 선택자
자식 선택자
연쇄선택
하위 선택자와 자식 선택자 구체화 하기
4-11 널리 사용되는 배경 속성
배경색
배경 이미지
URL
배경 이미지의 반복
배경 이미지의 위치
배경 이미지의 스크롤 여부
CSS3의 배경 속성
속성 약식 지정
4-12 동적 선택자
4-13 기본 페이지 레이아웃
블록 요소 vs 인라인 요소
박스 모델
너비
높이
튀어나온 콘텐트
마진
테두리
패딩
요소의 전체 너비와 높이는 어떻게 산정할까요?
4-14 고급 페이지 레이아웃
콘텐트 띄우기
float 속성 초기화
4-15 위치 선정
위치 선정 과정과 position 속성
4-16 고급 선택자
인접 선택자
속성 선택자
4-17 화면 출력 타입
가시성
리스트
4-18 기타 속성
프린트 출력 관련 속성
인터페이스 관련 속성
기타 선택자
CSS를 통한 콘텐트 생성
4-19 매체 타입
매체별로 특화된 CSS
매체 타입 링크하기
매체 타입 내장하기
@media
4-20 스타일 시트 가져오기
@import
4-21 품질 보증
CSS 유효성 검증하기
브라우저 지원 여부 확인
4-22 도전 과제와 기술
폼 스타일
이미지를 통한 글자열 대체
페이지 레이아웃
멀티 브라우저 지원에 관한 과제
CSS 코드 구성하기
CSS와 사이트의 성능 문제

5장 DOM
DOM 레벨 0
중급 DOM
DOM 레벨 1
DOM 레벨 2
DOM 레벨 3
5-1 DOM 계층 구조
5-2 중요한 DOM 객체와 함수
window
document
element
5-3 이벤트
이벤트 리스너
이벤트 전달
5-4 표준화 DOM 스크립팅 관련 모범 사례
절제된 스크립트 처리
브라우저의 비 호환성
innerHTML vs DOM 함수
보안
5-5 자바스크립트 라이브러리의 발전
자바스크립트 라이브러리 선택하기
JQuery
Prototype
Script.aculo.us
YUI
5-6 DOM 검사하기
IE6, 7버전용 개발 도구
인터넷 익스플로러 8 개발자 도구
파이어폭스 파이어버그와 Web Developer 도구
오페라를 위한 Dragonfly
사파리 Web Inspector
5-7 Ajax
5-8 정리

6장 웹 접근성
비즈니스 관점에서 바라본 웹 접근성
국제적으로 벌어지고 있는 법적 이슈
6-1 웹 접근성과 W3C
WCAG1
WCAG 2
ARIA
6-2 흔한 웹 접근성 문제와 해결책
링크와 title 속성
표제
alt 문자열
색상 대비
테이블

6-3 정리


Part II 응용편

7장 브라우저의 이해, 버그 해결, 선별 적용
7-1 브라우저의 세 가지 문제점
7-2 브라우저 모드
관용 모드와 DOCTYPE 전환
표준 모드 선택
IE8에 새로 도입된 DOCTYPE 전환 방식
7-3 브라우저의 흔한 버그
박스 모델 버그
이중 플로트 마진 버그
비통합 마진 버그
7-4 IE와 hasLayout
브라우저의 내부
요소에 레이아웃 성질이 생기는 원인
hasLayout을 이용한 버그 유발과 수정
7-5 버그 교정: 핵을 쓸 것인가 말 것인가?
적을 파악합시다
7-6 브라우저별 스타일 맞춤화
구식 브라우저엔 스타일 시트 차단하기
7-7 브라우저에 기능이 없을 때
딘 에드워드의 IE 7과 IE 8
7-8 정리

8장 세련된 마크업을 위한 좋은 습관
8-1 코드 가독성
명명법
형식화, 주석 넣기, 일관성
8-2 관습적 시맨틱 HTML
의미에 충실한 HTML 요소, 클래스, ID 사용하기
전자 상거래 마크업 언어
8-3 마크업과 검색엔진 최적화SEO
8-4 마이크로포맷
마이크로포맷의 장점
마이크로포맷 활용
마이크로포맷 도구
훨씬 많습니다
8-5 정리

9장 CSS 기반의 페이지 레이아웃
9-1 가로 중앙 정렬
9-2 세로 중앙 정렬
9-3 CSS 위치 지정
위치 지정 방식
위치 지정 속성
절대 위치 지정 실습
9-4 float 적용 레이아웃
부유된 가로 내비게이션 바
박스 채우기
내비게이션 목록 주위의 테두리
float 다단 레이아웃
푸터
색상 문제
9-5 격자 레이아웃
CSS2.1 테이블 레이아웃 속성
9-6 정리

10장 CSS 초기화와 프레임워크
10-1 CSS 초기화
CSS 초기화의 장점
초기화에 대한 반대 입장
CSS 초기화 명령문의 형태
주류 CSS 초기화 기법
10-2 CSS 프레임워크
CSS 프레임워크에 대한 찬반 논란
주류 프레임워크와 용도
10-3 정리


Part III HTML5 + CSS3

11장 HTML5
11-1 HTML5는 또 뭔가요?
11-2 HTML5의 주요 기능
에러 처리
canvas 요소
로컬 저장소
웹 워커를 이용한 자바스크립트 스레드
멀티미디어 지원
지오로케이션을 이용한 위치 인식 웹 애플리케이션
사용자 편집 가능 페이지
11-3 HTML4에서 달라진 점
DOCTYPE 선언 방식
header, footer, section을 비롯한 새 구조 요소
11-4 HTML5 샘플 문서
11-5 비디오, 오디오를 비롯한 삽입 콘텐트
비디오
오디오
브라우저의 비디오/오디오 지원
비디오와 오디오 접근성
11-6 브라우저의 HTML5 지원 여부
IE7 이하 버전
11-7 HTML5의 유효검사와 서비스 실시
11-8 HTML5를 당장 사용해야 하나요?

12장 CSS3와 전망
12-1 돌아온 CSS
12-2 CSS3 시작하기
양방향 호환성은 해결됐나요?
브라우저 업체별 접두어
12-3 새로 생긴 선택자
구조적인 가상 요소 선택자
문서 구조
first-child
first-of-type
last-child
nth-child
target
12-4 정리

13장 CSS3의 새 속성
13-1 섀도 이펙트
text-shadow
box-shadow
13-2 border-radius
호환성
13-3 투명도
background-color: transparent
반투명 배경 이미지
불투명도
13-4 RGBa 색상
호환성
13-5 다단 텍스트
13-6 전환
전환 지정하기
13-7 기타 속성
테두리 이미지
멀티 배경 이미지
CSS 변형
그레이디언트
13-8 훨씬 많습니다!

14장 CSS3로 미디어 선별 적용
브라우저 스니핑

14-1 미디어 질의
미디어 질의 사용법
미디어 질의의 적합한 용도
호환성
하지만 과연 이 방법이 브라우저 스니핑보다 나을까요?
14-2 정리

15장 웹 폰트
15-1 폰트 링크와 삽입의 역사
15-2 법률 현안
15-3 기술 현안
15-4 @font-face와 폰트 삽입
IE에서 폰트 삽입하기
다른 브라우저에서 폰트 링크하기
두 방법의 단점
문제점 최소화하기
폰트 서비스
15-5 정리

16장 SVG와 캔버스 - 브라우저에서 다채로운 그림 구현
16-1 SVG
주요 SVG 개념과 문법
SVG 좌표계
SVG의 장점
SVG의 용도
웹 페이지에 SVG 넣기
브라우저별 SVG 지원 여부
SVG 서비스하기
SVG보다 나은 대안
16-2 HTML5의 canvas 요소
canvas 사용
canvas 요소 추가
드로잉 콘텍스트 가져오기
콘텍스트로 그리기
그 밖의 기능
16-3 캔버스냐 SVG냐
16-4 정리

참고 자료
Index

관련이미지

저자소개

존 앨섭(John Allsopp) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

존 앨섭 John Allsopp은 1990년대 초부터 웹을 다뤘습니다. westciv.com을 공동 설립했으며 웹 업계에서 가장 신망 받는 크로스플랫폼 CSS 개발 도구인 Style Master를 개발했습니다. 웹 디자이너와 개발자를 위한 여러 교육과정, 강좌, 도구, 자료, 논문도 제작했는데 그 중에는 영향력 있는 A List Apart 사이트의 게시물 'A Dao of Web Design'도 있습니다. 존은 호주, 북미, 일본, 영국에서 개최하는 Web Directions(webdirections.org) 콘퍼런스 시리즈를 공동 창립했습니다. 최근에는 웹 디자인 및 개발과 관련된 굵직한 주제를 다루는 프린트, PDF 겸 온라인 잡지

펼쳐보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

건국대학교 신소재공학과 학사 / 전문 번역가
프로그래프로그래밍과 새로운 웹 기술에 항상 관심을 갖고 공학 용어의 명확성에 대해 고민한다. 기술 문서, 매뉴얼, IT 관련 논문들을 주로 번역했으며 해외 기술 논문 한글화 작업에도 참여했다. 번역서로는 [CSS 비밀 매뉴얼](한빛미디어, 2007), [시스템 관리자를 위한 시간관리 전략](한빛미디어, 2007), [Programming Flex 3](ITC, 2009) 등이 있다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

삼성SDS UX그룹에서 UX 연구, 개발자로 일하고 있다. 대학에서 전공한 건축 설계를 바탕으로 도면을 그리듯 사용자 경험(UX)을 설계하고, 집을 짓듯이 프로그램을 개발 하고 있다. 역서로는 [Head First Ajax : 자꾸 가고 싶은 웹 사이트의 비밀](한빛미디어, 2009), [Head First PHP & MySQL: 효과적이고 생동감 넘치는 웹 애플리케이션 만들기](한빛미디어, 2010)가 있다.

이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

    리뷰

    8.6 (총 0건)

    구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

    리뷰쓰기

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    10.0

    교환/환불

    교환/환불 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용