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

한빛출판네트워크

모던 웹 디자인을 위한 HTML5+CSS3 입문

모던 웹 디자인을 위한 HTML5+CSS3 입문

한빛미디어

집필서

절판

  • 저자 : 윤인성
  • 출간 : 2012-09-24
  • 페이지 : 600 쪽
  • ISBN : 9788979149555
  • 물류코드 :1955
  • 초급 초중급 중급 중고급 고급
4.5점 (2명)
좋아요 : 18

시대의 흐름에 맞춰 다시 쓴 웹 디자인 교과서

HTML4, CSS2와 HTML5, CSS3가 무엇인지 몰라도 배울 수 있는 웹 디자인 교과서다. HTML4, CSS2와 HTML5, CSS3의 차이를 구분하고, 어떤 것은 써도 되고, 어떤 것은 써도 안 되는지 알아야 하고, 어떤 것은 HTML4이고, HTML5는 무엇이 다른지 알아야 하는 복잡한 공부방법은 필요 없다. 웹 디자인 경험이 없어도, HTML과 CSS가 무엇인지 몰라도 바로 웹 디자인을 시작할 수 있다. 웹 디자인은 이 한 권으로 끝낸다!

자바스크립트가 없는 HTML5 책은 어디 없나요? HTML5 디자인이 알고 싶을 뿐이에요!
이 책은 부록 일부를 제외하면 본문 전체에서 자바스크립트가 없다. 웹 디자인도 모르는데 HTML5, CSS3, 자바스크립트를 섞어놔서 불만이었다면 이 책이 정답이다. 순수하게 웹 디자인을 공부하고 싶은 독자, HTML5와 자바스크립트를 섞어놔서 공부하기 어려웠던 독자, 웹 디자인을 먼저 배우고 자바스크립트를 공부하고 싶은 독자를 위한 책이다. 웹 디자인에 자바스크립트를 더해 동적으로 만들고 싶다면 자매서 『모던 웹을 위한 JavaScript + jQuery 입문』을 보면 된다.

스타일링으로 배우는 웹 디자인. 태그와 속성만 나열하는 책에 지쳤어요!
최신 기술인 HTML5와 CSS3를 단계별로 학습하고, 웹 사이트 디자인을 직접 따라하면서 HTML5와 CSS3를 어떻게 응용하는지 설명하므로 단순한 태그 나열이 아니라 스타일을 완성하는 방법을 자연스럽게 터득한다. PC용 웹 페이지 시안을 만들어보고, 스마트폰을 위한 모바일 웹 페이지 제작, 태블릿을 위한 웹 페이지 제작을 따라하는 구성이므로 어떤 웹 사이트 디자인에도 대응할 수 있다. 가상의 소셜커머스를 만들어 실제와 같은 웹 페이지를 제작해본다. 또한, 한 번 디자인해서 PC, 스마트폰, 태블릿 등의 다양한 크기의 화면에 대응하는 반응형 웹 디자인을 살펴보고, 웹 디자인에 쓰이는 정적 그리드 시스템, 동적 그리드 시스템, 반응형 그리드 시스템까지 설명해 어떤 상황에서도 독자가 응용하는 게 가능하다.

다양한 보완 기술 설명
HTML5와 CSS3는 끊임없이 발전하는 표준 기술로 크롬, 웹킷, 파이어폭스 등의 웹 브라우저는 매우 빠르게 발전하는 반면 인터넷 익스플로러는 발전이 더디다. 이를 보완하는 스타일시트 핵, HTML5 지원을 가능하게 하는 HTML5 Shiv, IE9.js 등을 설명한다. 또한, 웹 디자인을 간편하게 해주는 부트스트랩, 체계적인 스타일링을 위한 Less, HTML5를 이용한 미디어 갤러리, SVG를 이용한 지도와 통계 자료 표시 등을 다뤘다.

430여 개의 코드와 580여 개의 이미지로 이해를 돕는다
HTML5의 다양한 태그와 CSS3의 스타일 속성, 복잡한 CSS3 선택자에 대해 코드와 이미지를 함께 보여줘서 시각적으로 바로 이해하는 구성으로 되어 있다. 직접 실습해보지 않아도 코드와 결과를 바로 확인할 수 있게 했다. 또한, 브라우저별 지원 여부를 별도로 표기해 다양한 브라우저에서 직접 테스트해보지 않아도 사용 여부를 알 수 있다. 이 책의 모든 예제는 인터넷 익스플로러 8 이상에서 동작하며, 브라우저 지원 여부에 따라 인터넷 익스플로러, 크롬, 사파리, 파이어폭스, 오페라의 버전을 명시했으며, 아이폰, 안드로이드폰, 갤럭시 탭, 아이패드에서 테스트했다. 뉴아이패드를 위한 레티나 디스플레이를 인식하는 방법까지 빠짐없이 수록했다.

학습 로드맵
『모던 웹 디자인을 위한 HTML5+CSS3 입문』 -> 『모던 웹을 위한 JavaScript + jQuery 입문』 -> 『모던 웹을 위한 Node.js 프로그래밍』

일람표 수록
HTML5와 CSS3를 한 번에 찾아볼 수 있는 일람표를 특별부록으로 수록했으며, 한빛미디어 웹 사이트(http://www.hanb.co.kr/exam/1955)에서도 내려받을 수 있다.

윤인성 저자

윤인성

출근하는 것이 싫어서 책을 집필하기 시작했습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미입니다. 책의 소개말을 쓰는 시점을 기준으로 해서 이 책은 73번째 도서입니다.

저서로는 『자바스크립트 프로그래밍 입문(2판)』(한빛아카데미, 2022), 『C# 프로그래밍(2판)』(한빛아카데미, 2021)과 『혼자 공부하는 파이썬(개정판)』(한빛미디어, 2023) 등이 있습니다. 역서로는 『내 코드가 그렇게 이상한가요?』(인사이트, 2023), 『이펙티브 코틀린(인사이트, 2022)』 등이 있습니다.

 

Chapter 1 HTML5 개요
1.1 웹의 역사
1.2 HTML5 추가 기능
1.3 HTML5를 공부해야 하는 이유
1.4 Visual Studio 2012 Express for Web 설치
1.5 HTML 페이지 생성
1.6 구글 크롬 설치
1.7 구글 크롬 개발자 도구
1.8 IE Tester 설치

Chapter 2 HTML5 태그 기본
2.1 글자 태그
2.2 목록 태그
2.3 테이블 태그
2.4 이미지 태그
2.5 오디오 태그
2.6 비디오 태그
2.7 입력 양식 태그
2.8 공간 분할 태그

Chapter 3 CSS3 선택자 기본
3.1 선택자 종류 개요
3.2 전체 선택자
3.3 태그 선택자
3.4 아이디 선택자와 클래스 선택자
3.5 속성 선택자
3.6 후손 선택자와 자손 선택자
3.7 동위 선택자
3.8 반응 선택자
3.9 상태 선택자
3.10 구조 선택자
3.11 문자 선택자
3.12 링크 선택자
3.13 부정 선택자

Chapter 4 CSS3 스타일 속성 기본
4.1 CSS3 단위
4.2 가시 속성
4.3 박스 속성
4.4 테두리 속성
4.5 배경 속성
4.6 폰트 속성
4.7 위치 속성
4.8 float 속성
4.9 그림자 속성
4.10 벤더 프리픽스
4.11 그레이디언트

Chapter 5 웹 페이지 레이아웃
5.1 웹 페이지 개요
5.2 레이아웃 구분
5.3 초기화
5.4 헤더 구조 작성
5.5 웹 폰트
5.6 수평 메뉴
5.7 콘텐츠 구성
5.8 본문 구성
5.9 사이드 탭바 구성
5.10 목록 구성
5.11 푸터 구성
5.12 정리

Chapter 6 스마트폰 레이아웃
6.1 스마트폰 개요
6.2 모바일 웹 개발 주의사항
6.3 뷰포트 meta 태그
6.4 초기화
6.5 헤더 구조 구성
6.6 스프라이트 이미지
6.7 토글 목록 구성
6.8 네비게이션 구성(1)
6.9 네비게이션 구성(2)
6.10 본문 구성
6.11 푸터 구성
6.12 정리
6.13 전체 화면
6.14 글자 감추기

Chapter 7 태블릿 PC 레이아웃
7.1 초기화
7.2 헤더 구성
7.3 네비게이션 구성
7.4 콘텐츠 구성
7.5 수직 목록 구성
7.6 본문 구성
7.7 푸터 구성
7.8 정리
7.9 고정 바

Chapter 8 소셜커머스 메인 페이지
8.1 초기화
8.2 헤더 구성
8.3 사이드 구성
8.4 네비게이션 구성(1)
8.5 네비게이션 구성(2)
8.6 목록 구성
8.7 콘텐츠 구성
8.8 최종 정리

Chapter 9 CSS3 변형과 애니메이션
9.1 변형 속성 기본
9.2 변형 속성
9.3 키 프레임과 애니메이션 속성

Chapter 10 CSS3 변환
10.1 2차원 변환
10.2 3차원 변환
10.3 원근법
10.4 회전 목마

Chapter 11 CSS 추가 규칙과 반응형 웹
11.1 @import 규칙
11.2 @font-face 규칙
11.3 @media 규칙
11.4 반응형 웹
11.5 화면 방향 전환

Chapter 12 그리드 시스템
12.1 그리드 시스템 플러그인
12.2 정적 그리드 시스템
12.3 동적 그리드 시스템
12.4 반응형 그리드 시스템

부록A. 인터넷 익스플로러 보완 방법
시작하기 전에...
인터넷 익스플로러 - 조건부 주석
인터넷 익스플로러 - 스타일시트 핵
HTML5 지원 - HTML5 Shiv
HTML5 지원 - IE9.js
CSS3 속성 - CSS3 Pie
CSS3 미디어쿼리 - CSS3 MediaQueries.js 플러그인
CSS3 초기화 - Normalize.css 플러그인

부록 B. 부트스트랩
설정
레이아웃
툴바
툴바 버튼
다단 레이아웃
수직 목록
정리

부록 C. Less 스타일시트
개요
Less 컴파일러
기본
서버를 사용한 변환

부록 D. HTML5를 사용한 플래시 웹 페이지 개발
HTML5의 플래시 대체 가능 범위
회전 이미지 갤러리
영화 소개 페이지

부록 E. SVG 태그
기본
라파엘 플러그인
SVG 태그를 사용한 지도
SVG 태그를 사용한 지도와 통계 자료

책은 상당히 두꺼운 편이다.

집에 html5 관련 책이 몇권 있는데
지금까지 읽어본 책 중에서는 가장 재미있게 읽은 책인거 같다.

책의 스타일은
강의식으로 진행을 하는데

하나의 컨텐츠를 단계별로 완성해가면서
그 단계마다 결과 화면을 보여주어
바로바로 그 결과물을 볼 수 있어 참 재미있게 읽을 수 있는거 같다.

처음 뼈대를 만들고
그 뼈대를 토대로 하나씩 붙여나가는 방식이라
쉽게 이해도 되어 좋았던거 같다.

html5+css3 입문자가 보기에
참 좋은거 같다.

웹에 대한 전문적인 지식이 있거나 그렇지 않거나 어떠한 사람이 혼자서 공부하기에도 충분한 내용입니다.

위 저자가 쓴 다른 책을 보고 혼자서도 실전에 응용할 수 있게 되었기에 같은 저자가 쓴 이책을 선택해서 공부를 하고 있는데 아직까지는 막히는 부분 없이 공부가 잘 되고 있습니다.

독자와 이야기를 하듯 풀어 놓은 내용들도 이해하기 쉽게 되어 있습니다.

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

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

닫기

리뷰쓰기

닫기
* 도서명 :
모던 웹 디자인을 위한 HTML5+CSS3 입문
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

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

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

오탈자 등록

닫기
* 도서명 :
모던 웹 디자인을 위한 HTML5+CSS3 입문
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
모던 웹 디자인을 위한 HTML5+CSS3 입문
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

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

자료실