Do it! 프런트엔드 웹 디자인 입문 - 꼭 알아야 할 웹 디자인 6대 기술을 담았다!, 개정판

정가 : 22,000 원

작가명 : 고경희 지음

출판사 : 이지스퍼블리싱

출간일 : 2018-02-25

ISBN : 9791188612949 / K142532408

구매처

책 소개
저자 소개
작가 다른 책
출판사 다른 책

책 소개

Do it! 프런트엔드 웹 디자인 입문 - 꼭 알아야 할 웹 디자인 6대 기술을 담았다!, 개정판

괜찮다고 말하지만 괜찮지 않은 너와 나, 우리가 안고 사는 우울. 그리고 그 감정이 가져온 마음의 병 우울증. 화제의 채널

웹 디자인 분야 베스트셀러! 전면 개정판으로 돌아오다!

최신 웹 디자인 트렌드를 반영한 6대 기술을 담았다!

‘웹 사이트 이 기능은 도대체 어떻게 만들지?’ 당신이 만들고 싶은 그 기능, 더 이상 인터넷 검색해서 짜깁기하지 말고 이 책을 보자. 유명 웹 에이전시 열에 아홉은 사용한다는 반응형 웹, 패럴렉스 스크롤링, 풀 스크린 배경, 구글 웹 폰트, 플렉스 박스, 부트스트랩까지 당신이 꼭 알아야할 웹 디자인 기법만을 골라 담았다. 5년 연속 베스트셀러, <>의 고경희 저자가 국내외 최신 웹 사이트를 분석하고 웹 디자인의 이론과 실습에 가장 알맞은 예제를 엄선하여 내용을 구성했기 때문에 믿을 수 있다. 뭐부터 시작해야할지 모르는 입문자에게는 웹 디자인 개념을 확실하게 잡아주고, 실무자는 원하는 기능만 찾아 바로 써먹을 수 있는 이 책으로 지금 당장 웹 디자인을 시작하자!

웹 퍼블리셔&웹 기획자&웹 디자이너의 필수 코스!

잘 나가는 웹 에이전시 선배들에게나 배울 수 있는 기법을 모아 놓았다.

웹 디자인 전문가가 되기 위한 6대 기술을 마스터 해보자!

- 접속 기기에 따라 레이아웃을 다르게 보여주는 반응형 웹 디자인

- 화면을 스크롤 할 때마다 애니메이션처럼 화면이 바뀌는 패럴렉스 스크롤링

- 이미지나 동영상으로 만드는 풀 스크린 배경

- 어느 기기에서도 동일한 폰트로 정보를 전달하기 위해 사용하는 구글 웹 폰트

- 그리드 레이아웃을 손쉽게 만들 수 있도록 도와주는 플렉스 박스

- 간단하게 반응형 웹을 제작하는 부트스트랩 프레임워크

<> 전면 개정판 무엇이 바뀌었나?

1. 입문자를 위한 이론 부분 강화

프런트엔드 웹 디자인을 이해하기 위한 반응형 웹과 구현방법을 자세하게 설명합니다. 그리고 다양한 웹 디자인 종류들을 소개하고, 최신 사이트에서 많이 쓰는 디자인 요소들을 장별로 나눠 실었습니다.

2. 더 많은 실습과 예제들

초판에서는 실습과 예제를 둘째마당에서만 다뤘지만, 개정판에서는 더 많은 실습과 예제를 모아 둘째마당, 셋째마당에 나눠 담았습니다. 다양해진 실습과 예제로 코딩하면 웹 디자인 기법들을 확실하게 익힐 수 있습니다.

3. 브라우저 웹 개발 도구 창 활용

웹 개발에 필요한 소스를 보거나 리소스, CSS 파일의 확인, 자바스크립트 디버깅 등 다양하게 활용하고 있는 브라우저 웹 개발 도구 창의 사용방법을 실었습니다.

4. 플렉스 박스로 손쉽게 그리드 레이아웃 제작

웹 사이트에서 널리 사용되는 그리드 레이아웃을 간단하게 만들 수 있는 플렉스 박스의 사용법을 실었습니다.

5. 최신 부트스트랩 4.0 반영

개발 경험이 부족해도 쉽게 반응형 웹을 만들 수 있게 해주는 부트스트랩 프레임워크의 최신 버전을 반영했습니다. 또한, 최신 부트스트랩 프레임워크로 실습하여 실제 웹 사이트를 제작해 볼 수 있습니다.

6. 저자 직강 동영상 제공

코딩이 두려운 입문자는 개발 도구 설치부터 실습까지 저자가 제공하는 동영상으로 1:1 과외를 받을 수 있습니다.

입문자는 앞에서부터 차근차근, 실무자는 당장 필요한 기술부터 골라서 공부하자!

HTML5, CSS3의 기본 지식은 가지고 있지만, 웹 디자인은 처음인 입문자는 이론이 실린 첫째마당부터 공부해 보세요. 이해하기 어려운 용어는 배제하고 입문자의 눈높이에서 맞춰 쉬운 말로 풀어서 설명했습니다.

웹 디자인을 해본 경력자들은 바로 필요한 기술의 실습부터 시작해 보세요. 둘째마당, 셋째마당은 반응형 웹을 위한 레이아웃 제작부터 방문자의 눈길을 사로잡는 웹 요소를 직접 제작해 보는 실습까지 담겨 있습니다. 마지막으로 넷째마당에서는 앞에서 실습해 본 여러 웹 디자인 요소들을 활용하여 직접 최신 웹 사이트를 제작해 봅니다.

웹 디자인 코딩, 웹 분야 전문가와 함께라면 더 이상 겁먹을 필요 없다!

이 책의 저자는 2017년 웹 분야 1위 <>의 저자입니다.

웹 분야 전문가인 저자가 입문자의 눈높이에 맞춰 웹 디자인 기법을 익히기에 가장 적합한 실습과 예제 60여 개를 선택했습니다. 또한, 아직 코딩이 두려운 입문자를 위해 이 책의 모든 실습은 코드를 조금씩 나눠서 차근차근 만들도록 구성했습니다. 그리고 실습 코드 내용을 완벽하게 이해할 수 있도록 한 줄의 코드도 허투루 지나치지 않고 꼼꼼하게 설명했습니다. 혼자서 공부하는 독자들을 위해 저자가 직접 제공하는 동영상도 만나보세요.

맞춤형 진도표 제공 - 흔들리지 말고 이대로 공부하라!

이 책은 초급자와 중급자를 위한 맞춤형 학습 진도표를 제공합니다. 이제 막 웹 디자인을 공부하기 시작했다면 15일 완성 진도표를, 웹 디자인을 해 본 경험이 있다면 10일 완성 진도표로 공부할 수 있습니다. 자신에게 맞는 진도표로 공부하다 보면 어느새 멋진 웹 사이트를 완성할 수 있습니다.

공부하다 어려움에 부딪히면 혼자 끙끙 앓지 말고 물어보자!

혼자 공부하다가 모르는 문제가 나오면 검색으로 시간 낭비하지 말고 바로 저자가 운영하는 네이버 카페(cafe.naver.com/doithtml5)에 질문을 올려보세요. 당신의 질문에 저자가 직접 답변을 해줍니다. 또한, 이 책에서 다루지 못한 내용이나 업그레이드되는 자료는 저자의 네이버 카페와 페이스북(facebook.com/do.it.html5)을 통해서 지속적으로 제공합니다.

함께 공부하고 정보도 공유하자! - Do it! 스터디룸

지금 바로 Do it! 스터디룸 네이버 카페(cafe.naver.com/doitstudyroom)를 방문해 보세요. 함께 공부할 멤버도 찾을 수 있고, 웹 디자인 정보도 공유할 수 있습니다.

“이 책을 미리 읽어본 대학생 서포터즈의 한마디”

HTML과 CSS에 대한 기초 지식만 있다면 충분히 혼자 따라할 수 있는 웹 디자인 예제들이 풍부했어요! 스스로 웹사이트를 분석할 수 있는 힘을 길러주는 책입니다.

- 배영(멀티미디어공학과 4학년)

개념부터 차근차근 설명하면서 실습과 심화 단계까지 알차게 구성되어 있습니다. 무엇보다 설명에 맞는 디자인과 다양한 웹사이트를 예시로 보여줘서 이해도 쉽고 재미있었어요!

- 신지연(멀티미디어공학과 4학년)

그동안 웹사이트 디자인에 대해 막연히 생각만 하고 어떻게 구현해야 할지 막막했는데, 이 책에서 코드를 한 줄 한 줄 자세히 설명해 주는 점이 정말 친절해서 좋았어요!

- 강석원(컴퓨터공학과 2학년)

저자 소개

고경희 (지은이)
2010년 《Do it! HTML5 + CSS3》 출간 이후 HTML5와 웹 관련 강의를 꾸준히 해왔다. 웹 초창기부터 ASP와 JAVA 등 전문 도서를 번역하면서 웹 기술에 관심을 가지기 시작했고, 이후 HTML과 DHTML(Dynamic HTML), CSS, JavaScript 등 웹 관련 기술을 더 쉽게 익힐 수 있는 도서 60여 종을 집필
하며 자타 공인 HTML 권위자로 자리매김했다.
홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤, 현재 Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동하고 있다.

대표 저서
- 《Do it! HTML5+CSS3+자바스크립트 웹 표준의 정석》
- 《Do it! HTML5+CSS3 웹 표준의 정석 ? 전면 개정판》
- 《Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문》
- 《Do it! 프런트엔드 웹 디자인 입문 ? 전면 개정판》 등 총 60여 종