본문내용 바로가기
MD의선택 무료배송 이벤트 사은품 경품 소득공제

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

고경희 지음 | 이지스퍼블리싱 | 2018년 02월 14일 출간
  • 정가 : 22,000원
    판매가 : 19,800 [10%↓ 2,200원 할인]
  • 통합포인트 :
    [기본적립] 1,100원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘(21일,목) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 행사도서 포함 IT 분야 3만원 이상 구매시 개발자 텀블러티슈 ..
    2019.11.05 ~ 2019.12.31
  • Do it~! 이지스퍼블리싱의 도서를 편리하게 모아 보세요
    2017.11.22 ~ 2020.12.31
  • #리드잇 페이스북 페이지 팔로우 하시고, 신간소식 빠르게 받아보..
    2017.06.22 ~ 2025.07.31
  • 설문참여 시 매월 5명 추첨통해 선물을 드립니다.
    10. 14 ~ 12. 31
상품상세정보
ISBN 9791188612949(1188612948)
쪽수 368쪽
크기 189 * 260 * 17 mm /777g 판형알림

책소개

이 책이 속한 분야

웹 디자인 분야 베스트셀러! 전면 개정판으로 돌아오다!
최신 웹 디자인 트렌드를 반영한 6대 기술을 담았다!

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

상세이미지

Do it! 프런트엔드 웹 디자인 입문 도서 상세이미지

저자소개

저자가 속한 분야

고경희 마이크로소프트 공인 최고 기술 전문가
국내에 인터넷이 보급되기 시작하던 1990년 초반부터 초보자와 중급자를 위한 베스트셀러 컴퓨터 서적을 집필해 온 IT 전문 필자이다.
현재 Developer Technologies 분야 마이크로소프트 최고 기술 전문가로 활동 중이며, HTML과 DHTML(Dynamic HTML), CSS, Javascript 등 웹 관련 기술들을 좀 더 쉽게 익힐 수 있는 서적 40여 종을 집필했다.
대표 저서로는 이지스퍼블리싱의 『Do it! HTML5+CSS3 웹 표준의 정석』, 『Do it! 프런트엔드 웹 디자인 입문』, 『Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편』, 길벗의 『윈도우 10 무작정 따라하기』 등이 있다..

고경희님의 최근작

전체작품보기

목차

첫째마당 최신 웹 디자인 트렌드 살펴보기

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 버튼과 내비게이션 바

추천사

안인순(안동과학대학교 교수)

“누구도 속 시원히 알려주지 않던 그 기술이 궁금하다면?”

“웹 디자인 트렌드를 이렇게 배우기 쉽게 정리한 책은 처음인 것 같습니다”

대학에서도 웹 디자인 수업은 필수로 가르치고 있습니다. 하지만 웹 디자인 분야를... 더보기

신성철(야놀자 서비스 기획실장)

“웹 디자인 분야 실무 경쟁력을 갖추기 위한 필수 도서”

모두가 Mobile first를 지나 Mobile only를 외치는 시대입니다. 앱으로 몰리고 있죠. 시계를 과거로 돌려보면 PC에 응용프로그램을 설치하여 작업을... 더보기

김은규(커넥티드에잇 부설연구소 소장)

“다양한 웹 디자인 기법을 저자 특유의 친절함으로 이해하기 쉽게 풀어 쓴 책!”

열정만으로는 안 되던 초보 시절, 아무리 책을 읽어도 어떻게 시작할지 막막하던 때, 정말 좋은 책 한 권으로 엉켜 있던 실타래가 풀리는 경... 더보기

유영경(㈜엠피알디 대표이사)

“인터넷을 헤매며 최신 웹 디자인 정보를 찾고 있는 사람들의 필독서”

웹 분야 종사자라면 누구든지 웹 디자인의 변화를 포착하기 위해 다양한 채널을 벤치마킹할 것입니다. 이 책은 지금의 트렌드에 걸맞은 ‘프런트엔드’ 웹 ... 더보기

김운아(Do it! 반응형 웹 디자인 저자)

“취업용 포트폴리오를 준비하는 초보자에게 이 책을 강력히 추천합니다”

사실 프런트엔드 분야는 여러 분야가 접목되어 있어 접근하기가 쉽지 않습니다. 하지만 《Do it! 프런트엔드 웹 디자인 입문》은 누구라도 쉽게 예제를... 더보기

출판사 서평

웹 퍼블리셔&웹 기획자&웹 디자이너의 필수 코스!
잘 나가는 웹 에이전시 선배들에게나 배울 수 있는 기법을 모아 놓았다.

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

- 접속 기기에 따라 레이아웃을 다르게 보여주는 반응형 웹 디자인
- 화면을 스크롤 할 때마다 애니메이션처럼 화면이 바뀌는 패럴렉스 스크롤링
- 이미지나 동영상으로 만드는 풀 스크린 배경
- 어느 기기에서도 동일한 폰트로 정보를 전달하기 위해 사용하는 구글 웹 폰트
- 그리드 레이아웃을 손쉽게 만들 수 있도록 도와주는 플렉스 박스
... 더보기

북로그 리뷰 (2) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 회사에서 웹 프로그램 개발 및 운영을 담당하고 있는데 갈수로 다양한 기기와 다양한 웹 디자인 기법을 요구하고 있다. 모바일 및 웹 개발관련 많은 도서들을 구입해서 혼자 공부하고 업무에 적용도 해봤지만 화면 디자인 및 기능 설계를 전체적으로 다룬 도서가 없어 항상 아쉬움을 느끼고 있었다. 그 때 만나게 된 본 도서는 정말 단비 같은 존재였다. 반응형 웹, 부트스트랩 및 풀 스크린 배경 등 최신 웹 디자인 기술을 이론적으로 배울 수 있었고 직접 코딩을 하면서 웹 디자인 기술을 체계적으로 배울 수 있었다. 고객들이 만... 더보기
  • 처음 웹개발에 입문한 것이 99년도, 중학생 시절 부모님께서 사주신 비싼 컴퓨터를 게임용도로만 사용하는 것이 죄송스러워 컴퓨터공부를 한답시고 HTML, Javascript라는 것을 공부했었다. 깊이 공부한 것도 아니고, 편집기로 기본 HTML소스에 여기저기 다른 사람들이 올려놓은 Javascript 소스들을 베껴 개인홈페이지도 만들어 봤었는데, 지금까지도 확실히 기억나는 것은, 나는 웹 "디자인"에는 감각이 없다는 사실이다. 대학에서도 컴퓨터과학을 전공하고, 지금은 대학원까지 진학하면서 10년 넘게 컴퓨터 관련 전공으로 ... 더보기

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

  • 길벗R&D
    17,100원
  • 윤인성
    16,200원
  • 한국데이터진흥원
    16,200원
  • 길벗알앤디
    27,900원
  • 길벗R&D
    32,400원
더보기+

이 분야의 신간

  • 테런스 J. 세즈노스키
    22,500원
  • 길벗R&D
    32,400원
  • 길벗R&D
    19,800원
  • 길벗R&D
    15,300원
  • 블레이크 J. 해리스
    25,200원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품