HOME > Detail View

Detail View

프런트엔드 웹 디자인 입문 : 꼭 알아야 할 웹 디자인 6대 기술을 담았다! : 웹 퍼블리셔&웹 디자이너의 필수 코스! : 세상의 속도를 따라잡고 싶다면 Do it! / 개정판 (Loan 4 times)

Material type
단행본
Personal Author
고경희
Title Statement
프런트엔드 웹 디자인 입문 : 꼭 알아야 할 웹 디자인 6대 기술을 담았다! : 웹 퍼블리셔&웹 디자이너의 필수 코스! : 세상의 속도를 따라잡고 싶다면 Do it! / 고경희 지음
판사항
개정판
Publication, Distribution, etc
서울 :   이지스퍼블리싱,   2018   (2020 4쇄)  
Physical Medium
364 p. : 천연색삽화 ; 26 cm
ISBN
9791188612949
General Note
색인수록  
000 00000cam c2200205 c 4500
001 000046001152
005 20210401114051
007 ta
008 191002s2018 ulka 001c kor
020 ▼a 9791188612949 ▼g 13000
040 ▼a 211009 ▼c 211009 ▼d 211009
082 0 4 ▼a 005.72 ▼2 23
085 ▼a 005.72 ▼2 DDCK
090 ▼a 005.72 ▼b 2018z2
100 1 ▼a 고경희
245 1 0 ▼a 프런트엔드 웹 디자인 입문 : 꼭 알아야 할 웹 디자인 6대 기술을 담았다! : ▼b 웹 퍼블리셔&웹 디자이너의 필수 코스! : ▼b 세상의 속도를 따라잡고 싶다면 Do it! / ▼d 고경희 지음
250 ▼a 개정판
260 ▼a 서울 : ▼b 이지스퍼블리싱, ▼c 2018 ▼g (2020 4쇄)
300 ▼a 364 p. : ▼b 천연색삽화 ; ▼c 26 cm
500 ▼a 색인수록

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2018z2 Accession No. 111846592 Availability In loan Due Date 2021-07-13 Make a Reservation Available for Reserve R Service M
No. 2 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2018z2 Accession No. 151347631 Availability Available Due Date Make a Reservation Service
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2018z2 Accession No. 111846592 Availability In loan Due Date 2021-07-13 Make a Reservation Available for Reserve R Service M
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2018z2 Accession No. 151347631 Availability Available Due Date Make a Reservation Service

Contents information

Book Introduction

웹 디자인 분야 베스트셀러, [Do it! 프런트엔드 웹 디자인 입문] 개정판으로, 최신 웹 디자인 트렌드를 반영한 6대 기술을 담았다. 유명 웹 에이전시 열에 아홉은 사용한다는 반응형 웹, 패럴렉스 스크롤링, 풀 스크린 배경, 구글 웹 폰트, 플렉스 박스, 부트스트랩까지 꼭 알아야할 웹 디자인 기법만을 골라 담았다.

5년 연속 베스트셀러, <>의 고경희 저자가 국내외 최신 웹 사이트를 분석하고 웹 디자인의 이론과 실습에 가장 알맞은 예제를 엄선하여 내용을 구성했기 때문에 믿을 수 있다. 뭐부터 시작해야할지 모르는 입문자에게는 웹 디자인 개념을 확실하게 잡아주고, 실무자는 원하는 기능만 찾아 바로 써먹을 수 있다.

웹 디자인 분야 베스트셀러! 전면 개정판으로 돌아오다!
최신 웹 디자인 트렌드를 반영한 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학년)


Information Provided By: : Aladin

Author Introduction

고경희(지은이)

2010년 《Do it! HTML5 + CSS3》 출간 이후 꾸준히 HTML5 강의를 해왔다. 자타공인 HTML 권위자인 저자는 웹 초창기부터 ASP와 JAVA 등 전문 도서를 번역하면서 웹 기술에 관심을 가지기 시작했다. 이후 HTML과 DHTML(Dynamic HTML), CSS, JavaScript 등 웹 관련 기술을 좀 더 쉽게 익힐 수 있는 도서 60여 종을 집필했다. 홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤 현재 Visual Studio and Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동 하고 있다. 이 책은 《Do it! HTML5 + CSS3 웹 표준의 정석》과 《Do it! 자바스크립트 - 기본 편》의 합본호 출간을 희망하는 많은 독자의 요구를 반영하여 탄생했다. 대표 저서 o 《Do it! 지옥에서 온 문서 관리자 깃 & 깃허브 입문》 o 《Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편》 o 《윈도우 10 무작정 따라하기 - 최신 개정판》 o 《Do it! 프런트엔드 웹 디자인 입문 - 전면 개정판》 o 《Do it! HTML5 + CSS3 웹 표준의 정석 - 전면 개정판》 o 《Do it! HTML5 + CSS3》(단기 완성) - 전자책 등 총 60여 종

Information Provided By: : Aladin

Table of Contents

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

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

New Arrivals Books in Related Fields