- 주문상품수량
- 개
- 예상적립금
P - 상품할인금
- 원
- 배송료
- 원
- 주문합계
- 원
네비게이션 실시간 인기 책
백견불여일타 HTML5&CSS3 최신 플렉스박스 완벽 정리, 프로젝트 3개 수록
- 양용석 저
- 로드북
- 2019년 04월 16일
-
정가27,000원
-
판매가24,300원 [10% 할인]
-
결제 혜택무이자
카드할인/포인트결제 안내
제휴카드
반디앤루니스 롯데카드 결제금액 최대 25% 청구할인 (1만원 이상 결제건에 한해 월 2회, 건당 최대 1만원 할인) 반디앤루니스 우리V카드 결제금액 10% 청구할인 포인트결제
OK캐쉬백 포인트 최소 10원부터 전액 사용 or 1% 적립 현대카드 M포인트 결제금액의 최대 10% 사용 가능 신한카드 포인트 결제금액의 최대 10% 사용 가능(일부카드) 하나(구.외환) 포인트 보유 한도 내에서 100% 사용 가능 씨티카드 포인트 결제금액의 최대 50% 사용 가능 할인카드
NH농협 TAKE5카드 20% 청구할인(Edu Pack) 채움 플래티늄 멀티카드 20% 청구할인 모바일 Tmoney 신한카드 10% 청구할인 신한카드 Shopping 10% 청구할인 NH농협 체크카드 10% 청구할인 NH20 해봄 신용카드 10% 청구할인 씨티 클리어 카드 7% 청구할인 NH20 해봄 체크카드 5% 청구할인 NH농협 LADY다솜카드 5% 청구할인 신한카드 큐브 5% 청구할인 신한카드 큐브 PLATINUM# 5% 청구할인 
무이자 안내
-
적립금1,350원 적립 [5%P]
추가 적립금 안내
[2천원 추가 적립]
총 주문금액 5만원 이상 구매 시 2,000원 추가 적립
도서(eBook포함)만 구매 시 적립 대상에서 제외업채배송상품 포함(기프트, 업체배송 등) 5만원[멤버십 추가 적립]
슈퍼루니 : 3% 추가 적립
골드루니 : 2% 추가 적립
실버루니 : 1% 추가 적립
단, 국내도서, eBook만 구매 시 적립 불가
-
배송료무료배송
-
출고예정일
출고예정일 안내
※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
2025년 02월 07일(금)※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.
당일배송 가능지역 검색
“도로명주소”를 쉽게 찾아보세요
1. 도로명으로 검색하기 (예, “직지길” or “직지길+322”)
2. 건물명으로 검색하기 (예, “반디앤루니스빌딩”)
3. 동(읍/면/리) 으로 검색 (예, “인사동” or “인사동+43”)
4. 도로명주소를 모르실 경우 도로명주소 안내시스템(http://www.juso.go.kr)에서 확인해주세요.
시/도
시/군/구
회원리뷰
ISBN: 9788997924431
472쪽
188 x 257 (㎜)
지금 이책은
- 판매지수 : 0
이 분야의 베스트셀러
-
이것이 취업을 위한 코딩 테스트다 with 파이썬
나동빈
30,600원
-
지니어스키트로 배우는 마이크로비트
아이씨뱅큐
18,000원
-
Do it! 점프 투 파이썬 [개정판]
박응용
16,920원
책 소개
이 책은
이 책은 앞뒤로 프로젝트 3개를 수록했다. 실무 예제만이 실력을 올리는 가장 빠른 지름길이기 때문이다. 실무 예제로 한번 감을 잡고 기초 이론과 짧은 예제로 몸에 익히고 마지막에 한번 더 프로젝트로 마무리하여 웹 디자인에 자신감을 얻을 수 있도록 하였다.
또한, 최근 CSS3의 뜨거운 기술인 플렉스박스를 완벽하게 정리하였다. 플렉스박스는 CSS3의 레이아웃 마법사라 부를 수 있을 정도의 강력한 속성이다. 미리미리 익혀두고 쓴다면 충분히 좋은 성과를 거둘 수 있을 것이다.
_대상 독자
이 책은 HTML 태그가 무엇인지는 설명하지 않는다. 하지만, 예제를 따라 하다 보면 자연스레 HTML 태그는 쉽게 익힐 수 있도록 구성하였다. 프로젝트가 1장부터 나오기 때문에 약간은 도전적이지만, 누구나 따라 하며 HTML5와 CSS3 디자인의 개념을 빠르게 익힐 수 있도록 학습 효과를 극대화하였다.
출판사 리뷰
레이아웃 마법사 최신 플렉스박스 완벽 정리
이 책은 완성된 수준의 웹사이트를 먼저 만들어보는 것부터 시작한다. 닥치고 사이트부터 만들어본다. 무작정 따라가다 보면 HTML과 CSS의 큰 그림이 그려진다. 이후에 기초지식을 정리하고 각 장마다 연습문제와 실습문제를 두어 개념을 정리하고 복습하며 응용력을 높이도록 하였다. 마지막에 한번 더 프로젝트를 추가하여 학습한 지식이 빠져나갈 수 없도록 촘촘하게 구성하였다.
나도 프로처럼 디자인하고 싶다! 따라 하다 보면 저절로 몸에 붙는
현장의 생생함이 살아 있는 프로젝트 3개 수록!
_프로젝트 하나, 기본적인 웹사이트
1장에서 가장 기본적인 웹사이트를 만들어본다. 메뉴, 텍스트 및 그림의 배치, 백그라운드 처리 등 웹 디자인에 필요한 기술이 거의 모두 들어가 있다.
_프로젝트 둘, 싱글 페이지 기반의 웹사이트
10장에서는 요즘 유행하는 싱글 페이지 기반의 웹사이트를 만들어본다. 이 책에서 다루는 거의 모든 기술이 들어가 있다. 바로 홍보용이나 포트폴리오 웹사이트로 사용해도 될 수준이다.
_프로젝트 셋, 멀티 페이지 기반의 웹사이트
역시 10장에서 다룬다. 쇼핑몰이나 기업형 웹사이트와 같이 멀티 페이지 기반의 웹사이트를 만들어 본다. 페이지를 PHP 기반으로 분리하는 기술 등을 사용하며 서버 기반으로 동작하는 방법까지 배운다.
함께 공부할 수 있는 백견불여일타 카페! cafe.naver.com/codefirst
백견불여일타 독자라면 누구나 가입하여 질문하고 정보를 공유하며 스터디 그룹을 만들어 함께 공부할 수 있는 공간이다.
\"이 책은 독특하게 1장에서 프로젝트가 등장하였습니다. 처음에는 적잖이 당황하였는데, 하나하나 타이핑해보면서 프로젝트를 완성해보니 CSS로 디자인을 이렇게 하는구나 하고 감이 팍 오는 것이었습니다. 학습동기가 생기니 뒷장부터는 정말 몰입하며 학습하게 되었습니다.\"
_베타리더 김용희(대학생 3학년)
\"양용석 저자는 제가 웹 디자인을 쉽게 배울 수 있게 해주신 분입니다. 이 책으로 시작해서 Sass와 부트스트랩까지 섭렵한다면 현업 디자이너로 충분히 경쟁력을 가질 만합니다.\"
_베타리더 이용수(프론트엔드 디자이너 5년차)
편집자 코멘트
많은 책들이 HelloWorld 수준의 예제로 시작합니다. 예제 프로그램이 동작하는 순간의 기쁨은 찰나이며, 그 다음은 문법을 이론으로 배우는 지루한 설명이 이어집니다. 이것이 우리가 보는 전형적인 IT 책의 패턴입니다. 이런 패턴은 많은 독자를 중도에 포기하게 만듭니다. 독자가 끝까지 학습하여 완주할 수 있게 하는 힘이 어디에서 나올까 고민에 고민을 거듭하였습니다. 그래서 과감하게 처음부터 조금 강도가 높은 예제를 넣기로 하되, 하나하나 따라 하며 완성할 수 있게끔 최대한 쉽고 자세하게 구성했습니다. 1장에서 사용한 예제는 현업에서 간단한 홍보용 홈페이지로 사용해도 손색이 없습니다. 이 책에서 배울 거의 모든 문법들이 1장의 예제에 들어가 있습니다. 독자들은 코드를 하나하나 타이핑하고 실행해보고 소스 한 줄 한 줄의 결과를 확인해 보며 전체적인 큰 그림을 그려나갈 수 있을 겁니다.
저자 소개
저자 : 양용석
대기업부터 벤처기업까지 다양한 직장 경험을 바탕으로, 지금은 프리랜서로 활동 중에 있으며, 웹사이트 기획, 디자인 및 개발을 주로 하고 있다.
<처음부터 다시 배우는 HTML5 & CSS3>, <이제 실전이다, HTML5 & CSS3>, <처음 시작하는 CSS & 워드프레스>, <부트스트랩으로 디자인하라>, 를 집필하였다.
현재 제주에서 재미있게 살아가려고 노력하고 있다
책 속에서
목차
1장 백견불여일타! HTML5와 CSS3로 기본 웹사이트 만들기
1.1 HTML5+CSS3 기초 개념
1.2 우리가 만들 웹사이트로 보는 HTML5 문서 구조
1.3 헤더 만들기-HTML5로 구조 만들기
1.4 헤더 만들기-CSS3와 자바스크립트로 디자인 스타일 정의하기
1.5 헤더 만들기-CSS로 디자인 입히기
1.6 헤더 만들기-디자인 속성 적용하기
1.7 메인 이미지 만들기-대표 이미지로 메인 만들기
1.8 헤더와 메인 이미지 영역 크기 맞추기-box-sizing 속성 적용하기
1.9 본문1 만들기-텍스트 및 사진 처리하기
1.10 본문2 만들기-텍스트 및 아이콘 넣기
1.11 푸터 만들기
[연습문제]
[실습문제] 개발 환경을 만들고 익숙해지기
2장 HTML5의 기초
2.1 DocType
2.2 XHTML1.0과 HTML5의 차이점
2.3 HTML5에서 사라진 태그
2.4 HTML5에서 추가된 태그
2.5 HTML5 멀티미디어 태그
2.6 canvas와 SVG
2.7 HTML5에서 추가된 form 관련 태그들
[연습문제]
[실습문제] HTML5 문서 구성 및 form 작성 실습
3장 CSS3 기초
3.1 선택자
3.2 선택자 적용 방법
3.3 개별 선택자의 활용
3.4 박스 모델
[연습문제]
[실습문제] 속성 적용과 웹 페이지 디자인 실습
4장 박스 모델의 레이아웃을 결정하는 float, position, 그리고 flexbox
4.1 float 속성
4.2 position 속성
4.3 flexbox
[연습문제]
[실습문제] 블로그 형식의 웹 페이지 디자인 실습
5장 CSS를 이용한 텍스트와 문장 구성
5.1 텍스트와 폰트
5.2 웹 폰트
5.3 text-shadow와 멀티 컬럼
5.4 웹 컬러
5.5 텍스트와 문장 구성 관련 속성
[연습문제]
[실습문제] 웹 페이지에 텍스트와 문장 구성 실습
6장 CSS3를 이용한 특수효과
6.1 트랜지션 효과
6.2 2D Transform
6.3 3D Transform
6.4 애니메이션
[연습문제]
[실습문제] 특수효과가 적용된 메뉴 만들기
7장 반응형 웹 디자인과 그리드 시스템
7.1 반응형 웹 디자인
7.2 그리드 시스템
[연습문제]
[실습문제] 반응형 웹 디자인 실습
8장 필요한 만큼 배워보는 자바스크립트
8.1 HTML 문서와 상호작용하는 자바스크립트
8.2 자바스크립트 주요 문법
[연습문제]
[실습문제] 기초 문법을 적용한 자바스크립트 프로그램 문제
9장 HTML5의 API
9.1 API 기초 개념
9.2 드래그 앤 드롭
9.3 지오로케이션
9.4 웹 스토리지
9.5 앱 캐시
9.6 웹 워커
[연습문제]
10장 이것이 실제다! 상용 웹사이트 만들기
10.1 싱글 페이지 기반의 웹사이트 제작하기
10.2 내비게이션 만들기
10.3 프론트 페이지 만들기
10.4 추가 메뉴 페이지 만들기
10.5 입력 폼이 있는 [고객센터] 페이지 만들기
10.6 푸터 페이지 만들기
10.7 반응형 웹 페이지로 제작하기
10.8 멀티 페이지 기반의 웹사이트 만들기
부록A HTML5와 CSS3 호환성 문제 해결 방법
부록B PC에 웹 서버 설치하기
찾아보기
1.1 HTML5+CSS3 기초 개념
1.2 우리가 만들 웹사이트로 보는 HTML5 문서 구조
1.3 헤더 만들기-HTML5로 구조 만들기
1.4 헤더 만들기-CSS3와 자바스크립트로 디자인 스타일 정의하기
1.5 헤더 만들기-CSS로 디자인 입히기
1.6 헤더 만들기-디자인 속성 적용하기
1.7 메인 이미지 만들기-대표 이미지로 메인 만들기
1.8 헤더와 메인 이미지 영역 크기 맞추기-box-sizing 속성 적용하기
1.9 본문1 만들기-텍스트 및 사진 처리하기
1.10 본문2 만들기-텍스트 및 아이콘 넣기
1.11 푸터 만들기
[연습문제]
[실습문제] 개발 환경을 만들고 익숙해지기
2장 HTML5의 기초
2.1 DocType
2.2 XHTML1.0과 HTML5의 차이점
2.3 HTML5에서 사라진 태그
2.4 HTML5에서 추가된 태그
2.5 HTML5 멀티미디어 태그
2.6 canvas와 SVG
2.7 HTML5에서 추가된 form 관련 태그들
[연습문제]
[실습문제] HTML5 문서 구성 및 form 작성 실습
3장 CSS3 기초
3.1 선택자
3.2 선택자 적용 방법
3.3 개별 선택자의 활용
3.4 박스 모델
[연습문제]
[실습문제] 속성 적용과 웹 페이지 디자인 실습
4장 박스 모델의 레이아웃을 결정하는 float, position, 그리고 flexbox
4.1 float 속성
4.2 position 속성
4.3 flexbox
[연습문제]
[실습문제] 블로그 형식의 웹 페이지 디자인 실습
5장 CSS를 이용한 텍스트와 문장 구성
5.1 텍스트와 폰트
5.2 웹 폰트
5.3 text-shadow와 멀티 컬럼
5.4 웹 컬러
5.5 텍스트와 문장 구성 관련 속성
[연습문제]
[실습문제] 웹 페이지에 텍스트와 문장 구성 실습
6장 CSS3를 이용한 특수효과
6.1 트랜지션 효과
6.2 2D Transform
6.3 3D Transform
6.4 애니메이션
[연습문제]
[실습문제] 특수효과가 적용된 메뉴 만들기
7장 반응형 웹 디자인과 그리드 시스템
7.1 반응형 웹 디자인
7.2 그리드 시스템
[연습문제]
[실습문제] 반응형 웹 디자인 실습
8장 필요한 만큼 배워보는 자바스크립트
8.1 HTML 문서와 상호작용하는 자바스크립트
8.2 자바스크립트 주요 문법
[연습문제]
[실습문제] 기초 문법을 적용한 자바스크립트 프로그램 문제
9장 HTML5의 API
9.1 API 기초 개념
9.2 드래그 앤 드롭
9.3 지오로케이션
9.4 웹 스토리지
9.5 앱 캐시
9.6 웹 워커
[연습문제]
10장 이것이 실제다! 상용 웹사이트 만들기
10.1 싱글 페이지 기반의 웹사이트 제작하기
10.2 내비게이션 만들기
10.3 프론트 페이지 만들기
10.4 추가 메뉴 페이지 만들기
10.5 입력 폼이 있는 [고객센터] 페이지 만들기
10.6 푸터 페이지 만들기
10.7 반응형 웹 페이지로 제작하기
10.8 멀티 페이지 기반의 웹사이트 만들기
부록A HTML5와 CSS3 호환성 문제 해결 방법
부록B PC에 웹 서버 설치하기
찾아보기
배송 시 유의사항
- 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
(배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)
- 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.
- 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.
- 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)
- 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.
반품/교환
상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)
반품/교환
-
반품/교환 반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판 반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능 반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음) 반품/교환 불가 사유 - 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
- 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
소비자 피해보상
환불지연에 따른 배상- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨 - 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
소비자 보호에 관한 법률에 따라 처리함
반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
