메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

사전처럼 바로 찾아 쓰는 HTML5 + CSS3 디자인 패턴

  • 저자 : 미셸 바우어 , 디오니시오스 시노디노스 , 빅터 섬너
  • 번역 : 김지원
  • 출간 : 2013-05-28
  • 페이지 : 640 쪽
  • ISBN : 9788968480065
  • 물류코드 :2006
TAG :
초급 초중급 중급 중고급 고급
4점 (1명)
좋아요 : 20

이 책이 제시하는 핵심 내용

HTML5와 CSS3를 활용해서 웹을 디자인할 수 있는 350여 가지의 디자인 패턴을 제시한다. 디자이너, 개발자는 350여 가지 디자인 패턴을 활용해서 마치 레고 블록을 조립하듯 웹 페이지를 쉽게 디자인할 수 있다.

 

이 책의 특징

  • 350여 가지 디자인 패턴을 사전식으로 구성해서 레퍼런스로 빠르게 찾아볼 수 있다.
  • IE, 크롬, 파이어폭스, 오페라, 사파리 등 브라우저를 망라하여 데스크톱과 모바일에서 검증했다.
  • 재사용과 모듈식 조합이 가능한 코드를 자세히 설명한다.
  • 패턴에 직관적 이름을 붙여 패턴명을 만들고 이를 책의 각 절제목으로 구성하였다. 따라서 독자는 절제목만으로도 패턴의 기능을 정확하게 파악하며 쉽게 학습할 수 있다. 
  • 화면 캡처만 살펴보고도 필요한 해결책을 찾을 수 있는 간편한 문제 해결서다.

 

어떤 독자를 위한 책인가?

  • HTML5, CSS3의 최신 웹 기술을 익히고자 하는 웹 퍼블리셔
  • HTML5, CSS3의 웹 기술을 사전식으로 일목 요연하게 정리한 책을 레퍼런스로 삼고자 하는 웹 디자이너, 개발자
  • CSS 기술을 더 높은 수준으로 향상시키고자 하는 현업의 웹 디자이너, 개발자 전문가 그룹

 

 

저자

미셸 바우어

지난 22년간 소프트웨어 서적을 전문적으로 집필해왔으며, 14세 때 프로그래밍을 독학한 후 지금까지 계속 이어가고 있다. 현재는 책임 엔지니어 겸 기업 정보 설계사다. 웹사이트에서부터 앱 프레임워크를 비롯해 데이터베이스 시스템에 이르기까지 무수한 프로젝트에 소프트웨어 개발자, 설계사, 모델 제작자로 참여했다. 또한 웹 프로그램 제작, 기업 시스템 통합, 로봇 공학을 이용한 공장 자동화, 언어/해석기/컴파일러 개발, 팀 관리 등 경력이 매우 폭넓고 다양하다. 주로 사용하는 언어는 CSS, HTML, XML, C#, C++, 비주얼베이직, 자바, 자바스크립트, SQL, 엑스쿼리 등이다. 피아노 연주에도 능하며 작곡 전공 학사 학위, 음악 이론 석사 학위도 보유했다. 여가 시간에는 즉흥 연주, 편곡, 작곡을 즐긴다.

저자

디오니시오스 시노디노스

리치 인터넷 프로그램, 웹앱 보안, 모바일 웹, 웹 서비스를 주로 취급하는 프리랜서 컨설턴트 겸 C4Media의 리서치 플랫폼 담당 팀장이다. InfoQ에서 HTML5와 자바스크립트 수석 편집자로도 활동하며 JVM 플랫폼에 관해 정기적으로 글을 게재한다. 또한 10년 이상 서버 측 프로그래밍과 UI 설계를 넘나들면서 다양한 소프트웨어 프로젝트에 참여하고 각종 IT 간행물에 기고했다.

저자

빅터 섬너

룩스마트(looksmart Ltd.)의 수석 소프트웨어 엔지니어다. 웹 프로그램 개발자로서 데이터베이스 관리자에서부터 웹 디자이너에 이르기까지 웹 프로그램 수명주기 동안 다양한 역할을 맡았다. 독특하게도 빅터는 오랫동안 작업에 매달려 거슬리는 문제를 해결하는 과정을 즐긴다. 사무실 밖에서는 사진 촬영, 말 타기, 카지노 등 다양한 취미 활동을 즐긴다. 현재 부인 앨리샤(Alicia)와 캐나다 온타리오에 거주한다.

역자

김지원

여가 시간에는 플래시 아이템 제작, 컴퓨터 음악 작곡 등을 하며, 때로는 구성이 잘 된 웹디자이너들의 사이트를 탐색하면서 아이디어를 구상하기도 한다. 뜨거운 감자인 웹 표준에 관해서도 큰 관심을 갖고 있으며, 이와 관련해서 유용한 보충 자료를 수집해 블로그를 통해 제공할 예정이다. 최근 우리말 번역에 있어서 기술 용어의 일관성에 대해 고민하고 있다. 건국대학교 신소재공학과를 졸업한 후, 기술문서, 매뉴얼 등을 위주로 번역해왔으며 유비쿼터스 IT 관련 논문들의 번역 작업에 참여했다. 2004년부터 현재까지 정보기술, 건축, 화학, 디자인, 사운드 등의 분야에서 프리랜서 번역가로 활동 중이다.

01장 이것만 알면 쉬워지는 CSS 
  1.1 체계적인 구성의 디자인 패턴 레시피 
  1.2 디자인 패턴 사용법 
  1.3 스타일시트 사용법 
  1.4 CSS 문법 
  1.5 선택자 우선순위 
  1.6 우선순위 단순화 
  1.7 HTML과 CSS 관련 링크 
  1.8 많이 쓰는 CSS 속성 
  1.9 모든 브라우저가 지원하는 CSS 속성과 값 
  1.10 내용을 위한 CSS 속성과 값 
  1.11 레이아웃을 위한 CSS 속성과 값 
  1.12 특정 요소에만 적용되는 CSS 속성과 값 
  1.13 선택자 
  1.14 미디어 쿼리 
  1.15 가변 크기 단위 
  1.16 고정 크기 단위 
  1.17 96dpi 화면의 크기 단위 환산표 
  1.18 96dpi 화면의 폰트 크기 단위 환산표 
  1.19 전환, 애니메이션, 2D 변형 
  1.20 CSS 오류 해결하기 
  1.21 스타일시트 표준화 

 

02장 HTML 디자인 패턴
  2.1 HTML 구조 
  2.2 XHTML 
  2.3 DOCTYPE 
  2.4 헤드 요소 
  2.5 조건부 스타일시트 
  2.6 구조 블록 요소 
  2.7 종결 블록 요소 
  2.8 다용도 블록 요소 
  2.9 인라인 요소 
  2.10 클래스 속성과 아이디 속성 
  2.11 HTML 공백 

 

03장 CSS 선택자와 상속
  3.1 요소/클래스/아이디 선택자 
  3.2 위치/그룹 선택자 
  3.3 속성 선택자 
  3.4 가상 요소 선택자 
  3.5 가상 클래스 선택자 
  3.6 자손 클래스 선택자 
  3.7 상속 
  3.8 가짜 상속 

 

04장 박스 모델
  4.1 화면 표시 
  4.2 박스 모델 
  4.3 인라인 박스 
  4.4 인라인 블록 박스 
  4.5 블록 박스 
  4.6 테이블 박스 
  4.7 절대 위치 박스 
  4.8 플로트 박스 

 

05장 박스 모델 크기
  5.1 너비 
  5.2 높이 
  5.3 지정 크기 
  5.4 자동 축소 
  5.5 자동 확대 


06장 박스 모델 속성
  6.1 마진 
  6.2 테두리 
  6.3 패딩 
  6.4 배경 
  6.5 오버플로우 
  6.6 가시성 
  6.7 페이지 구분 

 

07장 배치 모델
  7.1 배치 모델 소개 
  7.2 배치 속성값 
  7.3 기준 요소 
  7.4 스택 콘텍스트 
  7.5 요소와 내용 묶기 
  7.6 정적 배치 
  7.7 절대 위치 
  7.8 고정 배치 
  7.9 상대 위치 
  7.10 플로트 지정과 해제 
  7.11 상대적 플로트 배치 

 

08장 들여넣기, 간격 띄우기, 정렬하기
  8.1 들여넣기 
  8.2 정적 요소 간격 띄우기 
  8.3 정적 테이블 간격 띄우기와 들여넣기 
  8.4 플로트 요소 간격 띄우기 
  8.5 절대 요소와 고정 요소 간격 띄우기 
  8.6 상대 요소 간격 띄우기 
  8.7 정적 인라인 요소 정렬 
  8.8 정적 블록 요소 정렬과 간격 띄우기 
  8.9 정적 테이블 정렬과 간격 띄우기 
  8.10 절대 요소 정렬과 간격 띄우기 
  8.11 절대 요소 중앙 정렬 
  8.12 외부 정렬 

 

09장 고급 배치 기법
  9.1 왼쪽 정렬 
  9.2 왼쪽 간격 띄우기 
  9.3 오른쪽 정렬 
  9.4 오른쪽 간격 띄우기 
  9.5 세로 중앙 정렬 
  9.6 중앙 간격 띄우기 
  9.7 상단 정렬 
  9.8 상단 간격 띄우기 
  9.9 하단 정렬 
  9.10 하단 간격 띄우기 
  9.11 가로 중앙 정렬 
  9.12 중앙 간격 띄우기 

 

10장 글자 스타일 지정
  10.1 폰트 
  10.2 형광펜 효과 
  10.3 글자 장식 
  10.4 글자 그림자 
  10.5 글자 대신 이미지 사용 
  10.6 캔버스와 VML로 글자 대체 
  10.7 폰트 삽입 
  10.8 글자 숨기기 
  10.9 스크린리더만 인식하는 글 

 

11장 내용에 여백 넣기
  11.1 여백 지정 
  11.2 인라인의 블록화 
  11.3 줄바꿈 방지 
  11.4 공백 유지 
  11.5 코드체 
  11.6 내용 패딩 
  11.7 인라인 여백 요소 
  11.8 인라인 장식 요소 
  11.9 줄바꿈 
  11.10 인라인 가로 구분선 

 

12장 내용 정렬하기
  12.1 들여쓰기 
  12.2 내어쓰기 
  12.3 내용 가로 정렬 
  12.4 내용 세로 정렬 
  12.5 내용 세로 간격 띄우기 
  12.6 위 첨자와 아래 첨자 
  12.7 정렬 콘텍스트 포개기 
  12.8 고급 정렬 예제 

 

13장 블록
  13.1 구조적 의미 
  13.2 구조 시각화 
  13.3 섹션 
  13.4 리스트 
  13.5 배경 불릿 
  13.6 블록의 인라인화 
  13.7 마진 병합 
  13.8 런인 
  13.9 블록 가로 구분선 
  13.10 블록 여백 요소 
  13.11 블록 여백 제거 요소 
  13.12 왼쪽 마진 
  13.13 오른쪽 마진

 

14장 이미지
  14.1 이미지 
  14.2 이미지 맵 
  14.3 페이드아웃 
  14.4 반투명 효과 
  14.5 글자 대신 이미지 사용 
  14.6 이미지 위에 내용 표시 
  14.7 배경 이미지 위에 내용 표시 
  14.8 CSS 스프라이트 
  14.9 이미지에 그림자 넣기 
  14.10 이미지에 그림자 넣기 응용 
  14.11 둥근 모서리 
  14.12 종합 예제: 이미지 

 

15장 테이블
  15.1 테이블 
  15.2 행 그룹과 열 그룹 
  15.3 테이블 선택자 
  15.4 테두리 분리 
  15.5 테두리 병합 
  15.6 병합 테두리 스타일 
  15.7 셀 감춤과 셀 삭제 
  15.8 행/열 감춤과 삭제 
  15.9 데이터 세로 정렬 
  15.10 다용도 블록 요소 
  15.11 일반 요소로 테이블/행/셀 표현 
  15.12 테이블 레이아웃 

 

16장 테이블 열 레이아웃
  16.1 열 너비 
  16.2 자동 축소 열 
  16.3 지정 크기 열 
  16.4 내용 비례 열 
  16.5 크기 비례 열 
  16.6 백분율 비례 열 
  16.7 반비례 열 
  16.8 자동 축소 균등 열 
  16.9 너비 등분 열 
  16.10 너비 미달 열 
  16.11 가변 너비 열 
  16.12 종합 예제: 열 레이아웃 혼용 

 

17장 각종 레이아웃 기법
  17.1 유동 레이아웃 기초 
  17.2 내부 박스 
  17.3 플로트 섹션 
  17.4 플로트 구분선 
  17.5 유동 레이아웃 
  17.6 좌우 플로트 요소 
  17.7 이벤트 스타일 지정 
  17.8 롤업 
  17.9 탭 메뉴 
  17.10 탭 
  17.11 드롭다운 메뉴 
  17.12 버튼 
  17.13 레이아웃 링크 
  17.14 다단 레이아웃 
  17.15 템플릿 레이아웃 
  17.16 종합 예제: 레이아웃

 

18장 드롭캡
  18.1 정렬 드롭캡 
  18.2 first-letter 드롭캡 
  18.3 내어쓰기 드롭캡 
  18.4 패딩 드롭캡 
  18.5 플로트 드롭캡 
  18.6 플로트 그림 드롭캡 
  18.7 마진 드롭캡 
  18.8 마진 그림 드롭캡

 

19장 콜아웃과 인용
  19.1 왼쪽 플로트 콜아웃 
  19.2 오른쪽 플로트 콜아웃 
  19.3 중앙 콜아웃 
  19.4 왼쪽 마진 콜아웃 
  19.5 오른쪽 마진 콜아웃 
  19.6 블록 인용 
  19.7 인라인 블록 인용 
  19.8 인라인 인용 

 

20장 경고
  20.1 자바스크립트 경고창 
  20.2 툴팁 경고창 
  20.3 팝업 경고창 
  20.4 경고문 
  20.5 인라인 경고문 
  20.6 내어쓰기 경고문 
  20.7 그림 경고문 
  20.8 런인 경고문 
  20.9 플로트 경고문 
  20.10 왼쪽 마진 경고문 
  20.11 오른쪽 마진 경고문 
  20.12 폼 유효성 검사 경고문 

부록/예제소스
자료명 등록일 다운로드
DOWNLOAD 예제소스 2016-04-06 다운로드
결재하기
• 문화비 소득공제 가능
• 배송료 : 0원배송료란?

배송료 안내

  • 책, 아이템 등 상품을 3만원 이상 구매시 무료배송
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
사전처럼 바로 찾아 쓰는 HTML5 + CSS3 디자인 패턴
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
사전처럼 바로 찾아 쓰는 HTML5 + CSS3 디자인 패턴
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
사전처럼 바로 찾아 쓰는 HTML5 + CSS3 디자인 패턴
구입처*
구입일*
부가기호*
부가기호 안내

* 회원가입후 도서인증을 하시면 마일리지 500점을 드립니다.

* 한빛 웹사이트에서 구입한 도서는 자동 인증됩니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한됩니다.

* 절판도서, eBook 등 일부 도서는 도서인증이 제한됩니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실