상세정보
Do it! 프런트엔드 웹 디자인 입문 (전면 개정판)
- 저자
- 고경희
- 출판사
- 이지스퍼블리싱 (주)
- 출판일
- 2018-12-03
- 등록일
- 2019-10-15
- 파일포맷
- EPUB
- 파일크기
- 0
- 공급사
- 북큐브
- 지원기기
-
PC
PHONE
TABLET
프로그램 수동설치
뷰어프로그램 설치 안내
책소개
웹 디자인 분야 베스트셀러! 전면 개정판으로 돌아오다!
최신 웹 디자인 트렌드를 반영한 6대 기술을 담았다!
‘웹 사이트 이 기능은 도대체 어떻게 만들지?’ 당신이 만들고 싶은 그 기능, 더 이상 인터넷 검색해서 짜깁기하지 말고 이 책을 보자. 유명 웹 에이전시 열에 아홉은 사용한다는 반응형 웹, 패럴렉스 스크롤링, 풀 스크린 배경, 구글 웹 폰트, 플렉스 박스, 부트스트랩까지 당신이 꼭 알아야할 웹 디자인 기법만을 골라 담았다. 5년 연속 베스트셀러, 〈〈Do it! HTML5 + CSS3 웹 표준의 정석〉〉의 고경희 저자가 국내외 최신 웹 사이트를 분석하고 웹 디자인의 이론과 실습에 가장 알맞은 예제를 엄선하여 내용을 구성했기 때문에 믿을 수 있다. 뭐부터 시작해야할지 모르는 입문자에게는 웹 디자인 개념을 확실하게 잡아주고, 실무자는 원하는 기능만 찾아 바로 써먹을 수 있는 이 책으로 지금 당장 웹 디자인을 시작하자!
※ 이 책은 PDF 북이므로 화면이 작은 단말기(스마트폰)에서는 보기 불편합니다. ※
저자소개
고경희 funcom@gmail.com
드림위버 1.2 시절부터 웹에 관심을 갖기 시작하여
이후 HTML 과 DHTML(Dynamic HTML), CSS, 자바스크립트 등
웹 관련 기술들을 활용하는데 관심을 두고 웹 디자인 및
프로그래밍 분야에 걸쳐 여러 권의 웹 관련 서적을 집필했다.
국내 저자로는 처음으로 HTML5버전을 소개한 도서인
《Do it! HTML5+CSS3》를 출간하였으며,
HTML5와 CSS3의 모든 태그를 집대성하여 출간한
《Do it! HTML5+CSS3 웹 표준의 정석》은 웹 프로그래밍 분야의
베스트셀러로 자리 잡았다. 한국디지털대학교에서
웹 기초(HTML) 분야를 강의했고, 한국 전자정보통신산업진흥회에서
‘HTML5와 CSS3의 모든 것’이라는 주제로 강의를 진행했다.
마이크로소프트 공인 최고기술전문가(Most Valuable Professional)와
마이크로소프트 HTML5정보를 제공하는 UserAgents에서
웹 전문가로 활동 중이다. 홍익대학교 컴퓨터공학과를 졸업하고
동 대학원에서 인공지능을 공부했다.
대표 저서
《Do it! HTML5+CSS3 – 단기완성》
《Do it! HTML5+CSS3 웹 표준의 정석 - 개정판》
《윈도우 10 무작정 따라하기》
《Do it! 프런트엔드 웹 디자인 입문》 등
총 40여 종
목차
첫째마당 최신 웹 디자인 트렌드 살펴보기
01장 다양한 화면 크기에 최적화하다! - 반응형 웹
01-1 반응형 웹이란?
01-2 반응형 웹은 만능일까?
01-3 반응형 웹 디자인 패턴
01-4 반응형 웹을 만드는 여러 가지 방법
02장 입체에서 평면으로! - 플랫 디자인
02-1 불필요한 요소는 최소화하다! - 플랫 디자인
02-2 플랫 디자인, 이렇게 만들어야 한다!
02-3 구글의 디자인 철학 - 머티리얼 디자인
02-4 콘텐츠에 집중하다! - 카드형 디자인
03장 반응형 웹에 어울리는 그리드 레이아웃 디자인
03-1 그리드 시스템
03-2 그리드 레이아웃을 만드는 방법 4가지
04장 클릭보다 스크롤로! - 원 페이지 사이트
04-1 한 페이지에 모든 내용을 담다! - 원 페이지 사이트
04-2 동적인 효과로 강한 인상을 준다! - 패럴랙스 스크롤링
05장 풀 스크린 배경과 캐러셀
05-1 풀 스크린 배경
05-2 이미지로 만드는 풀 스크린 배경
05-3 동영상으로 만드는 풀 스크린 배경
05-4 풀 스크린 배경에 어울리는 고스트 버튼
05-5 여러 가지 중용한 정보를 슬라이드로 보여준다! - 캐러셀
06장 웹의 기본은 텍스트 - 타이포그래피
06-1 웹과 타이포그래피
06-2 빅 타이포그래피
06-3 웹 폰트
06-4 무료로 사용하는 구글 웹 폰트
둘째마당. 반응형 웹을 위한 레이아웃 제작하기
07장 화면 크기에 반응하는 미디어 쿼리
07-1 뷰포트와 미디어 쿼리 알아보기
07-2 미디어 쿼리 사용하기
07-3 가변 이미지
07-4 가변 동영상
08장 원 페이지 사이트와 패럴랙스 스크롤링 효과 만들기
08-1 원 페이지 사이트 만들기
08-2 패럴랙스 스크롤링 효과 만들기
09장 그리드 레이아웃 제작하기
09-1 다단 칼럼을 사용해 그리드 레이아웃 만들기
09-2 jQuery 플러그인을 사용해 그리드 레이아웃 만들기
09-3 플렉스 박스 사용하기
10장 풀 스크린 랜딩 페이지 만들기
10-1 풀 스크린 배경 이미지 직접 만들기
10-2 풀 스크린 배경 동영상 직접 만들기
셋째마당 방문자의 눈길을 사로잡는 웹 요소 제작하기
11장 하나씩 회전하며 보여주기 - 캐러셀
11-1 캐러셀이란?
11-2 캡션, 비디오, 반응형 등 다향한 옵션 설정이 가능한 bxSlider 플러그인
11-3 한 화면에 여러 개의 이미지를 보여줄 수 있는 Owl Carousel 플러그인
11-4 그 밖의 캐러셀 플러그인
12장 코드로 만든 이미지 - SVG 이미지
12-1 SVG 이미지란?
12-2 SVG 이미지 사용하기
13장 다양한 웹 폰트 사용하기
13-1 웹 폰트 표시 단위
13-2 CSS로 웹 폰트 사용하기
13-3 구글 웹 폰트 사용하기
넷째마당 내가 직접 만드는 최신 웹 사이트
14장 웹 사이트 분석해 보기
14-1 웹 사이트의 소스를 들여다보기 전에
14-2 웹 개발에 도움이 되는 확장 프로그램
14-3 웹 사이트 들여다보기
15장 플렉스 박스를 사용해 웹 사이트 만들기
15-1 웹 사이트 구상하기
15-2 캐러셀 삽입하기
15-3 플렉스 박스 사용하기
16장 부트스트랩을 사용해 웹 사이트 만들기
16-1 부트스트랩 시작하기
16-2 미디어 쿼리와 그리드 시스템
16-3 버튼과 내비게이션 바
