컨텐츠상세보기

모던 웹 디자인을 위한 HTML5+CSS3 입문 (커버이미지)
모던 웹 디자인을 위한 HTML5+CSS3 입문
  • 평점평점점평가없음
  • 저자윤인성 지음 
  • 출판사한빛미디어 
  • 출판일2016-04-15 
  • 등록일2016-06-30 
  • 파일포맷 epub 
  • 파일크기21 M  
  • 지원기기 PC PHONE TABLET

    아이폰, 아이패드, 안드로이드, 태블릿, PC

책소개

2014년 10월 확정된 HTML5 표준안과 최신 웹 브라우저 환경에 맞춘 최신 개정판. 웹 디자인을 처음 배우는 독자에게 HTML5와 CSS3를 단계별로 학습하는 방법을 설명해준 후, 웹 사이트 디자인을 직접 따라 하면서 단순한 태그 나열이 아니라 스타일을 완성하는 방법을 자연스럽게 터득한다. 또한 HTML5의 다양한 태그와 CSS3의 스타일 속성, 복잡한 CSS3 선택자를 쉽게 이해할 수 있는 코드와 이미지를 함께 보여줘서 시각적인 효과가 높은 구성으로 되어 있다.

이 책은 부록 일부를 제외하면 본문 전체에서 자바스크립트가 없다. 웹 디자인도 모르는데 HTML5, CSS3, 자바스크립트를 섞어놔서 불만이었다면 이 책이 정답이다. 순수하게 웹 디자인을 공부하고 싶은 독자, HTML5와 자바스크립트를 섞어놔서 공부하기 어려웠던 독자, 웹 디자인을 먼저 배우고 자바스크립트를 공부하고 싶은 독자를 위한 책이다.

저자소개

출근하는 게 싫어서 집필과 번역을 시작했다. 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 요리, 음악, 그림, 스컬핑 등이 취미다. 『모던 웹을 위한 JavaScript+jQuery 입문』, 『모던 웹을 위한 Node.js 프로그래밍』, 『모던 웹 디자인을 위한 HTML5+CSS3 입문』 등을 저술하였으며, 『TopCoder 알고리즘 트레이닝』, 『Nature of Code』(이상 한빛미디어), 『소셜 코딩으로 이끄는 GitHub 실천 기술』(제이펍) 등을 번역했다.

목차

CHAPTER 1 HTML5 개요
__1.1 웹의 역사
__1.2 HTML5 추가 기능
__1.3 HTML5를 공부해야 하는 이유
__1.4 Visual Studio 2013 Express for Web 설치
__1.5 HTML 페이지 생성
__1.6 구글 크롬 설치
__1.7 구글 크롬 개발자 도구
__1.8 IE Tester 설치

CHAPTER 2 HTML5 태그 기본
__2.1 HTML5 기본 용어 정리
__2.2 HTML5 페이지 구조
__2.3 글자 태그
__2.4 목록 태그
__2.5 테이블 태그
__2.6 이미지 태그
__2.7 오디오 태그
__2.8 비디오 태그
__2.9 입력 양식 태그
__2.10 공간 분할 태그

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 960 Grid System 플러그인
__12.2 정적 그리드 시스템
__12.3 동적 그리드 시스템
__12.4 반응형 그리드 시스템

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

부록 B 부트스트랩
__B.1 설정
__B.2 레이아웃
__B.3 툴바
__B.4 툴바 버튼
__B.5 다단 레이아웃
__B.6 수직 목록
__B.7 아이콘
__B.8 정리

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

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

부록 E SVG 태그
__E.1 기본

찾아보기

한줄 서평

1