콘텐츠 바로가기
본문 바로가기



검색


어깨배너

월간 채널예스
당장 떠나는 봄여행
언어의 온도
잔액조회 7천원
중고전집 방문매입
ok캐시백
1/6

빠른분야찾기


윙배너

마우스를 올려주세요.
바로가기 OFF
 바로가기 OFF으로
접속하셨습니다.

YES24 바로가기 설치시 특가정보 및 할인혜택을 드립니다. 바로가기 설치하기

마케팅 텍스트 배너

웹진채널예스


도서 위키북스 오픈소스 & 웹 시리즈-075

모던 웹사이트 디자인의 정석

: HTML5 & CSS3로 만들고 반응형 웹 디자인까지 고려한

EBISUCOM 저/윤인성 역 | 위키북스 | 원제 : HTML5&CSS3デザインブック

모던 웹사이트 디자인의 정석
크게보기
상품 가격정보
정가 27,000원
판매가 24,300(10%할인)
YES포인트 도움말 1,350원(5%적립)
할인혜택 카드혜택 더보기

20,800원 - 페이코(3,500원 할인,첫결제,1만원이상)

14,580원 - 예스24하나카드(40% 할인,월한도1만원)

14,580원 - 예스24신한카드(40% 할인,1만원↑,월한도1만원)

  • 추가혜택쿠폰 쿠폰받기
    • 주문금액대별 할인쿠폰
  • 5만원이상 구매시 2,000원 추가적립 도움말

출간일

2015년 12월 10일

320쪽 | 188*240*18mm

ISBN-13

9791158390211

ISBN-101158390211

판매중 | 판매지수 5103 판매지수란?
배송비
무료 내용 더보기
주문수량
올림 내림
국내배송만 가능, 최저가 보상
카트에 넣기 바로 구매하기 리스트에 넣기 리뷰쓰기 한줄평 쓰기

이 상품과 관련 있는 이벤트 2

선착순 사은품 대학생 취준생 이벤트_새봄. 새학기. 그리고 새교재. 새창 수험서/외국어/대학교재/IT모바일 분야 도서 구매 금액별 사은품 증정 이벤트 기간 : 2017년 03월 02일 ~ 2017년 04월 02일

선착순 사은품 라인프렌즈 티보틀&워머 증정 이벤트 새창 국내도서/외국도서/eBook/중고샵 직배송 도서 5만원 이상 구매 시 라인프렌즈 티보틀&워머 증정 (YES포인트 2,000원 차감) 이벤트 기간 : 2017년 03월 21일 ~ 2017년 04월 03일

책소개

반응형 웹 디자인에서 레이아웃을 자유자재로 다루는 최신 방법!

『모던 웹사이트 디자인의 정석』은 기본적인 HTML5/CSS3를 더 발전시켜 다양한 형태의 레이아웃을 가진 웹 페이지를 만드는 방법을 알아보는 책이다. 따라서 HTML5/CSS3에 대한 기초 지식이 있는 독자를 대상으로 한다. 기존에 웹사이트 디자인을 할 때는 2단 또는 3단으로 화면을 구분하는 레이아웃 패턴을 만드는 방법만 알아도 충분했다. 하지만 이제는 반응형 웹 디자인도 고려하고, 스마트폰 또는 태블릿이라는 다양한 장치를 지원하는 레이아웃을 만들 수 있어야 한다.

이 책에서는 기본적인 단 구조의 웹 페이지를 만드는 방법부터 반응형 웹 디자인까지, 레이아웃의 기본이 되는 '박스 정렬'을 중심으로 자세히 설명한다. 레이아웃을 만들 때 이 정도의 내용만 기억해 둔다면 문제 없을 것이다.


저자 소개

저자 : EBISUCOM

다양한 미디어와 관련된 기획/제작을 하고 있다. 컴퓨터와 관련해서 서적/디지털 영상/CG/소프트웨어의 기획과 제작, 시스템 구축 등을 하고 있다.

역자 : 윤인성

출근하는 게 싫어서 책을 집필/번역하기 시작했다. 일본어는 픽시브에서 웹 코믹을 읽다가 배웠다고 전해진다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 요리, 음악, 그림, 스컬핑 등이 취미다.

《모던 웹을 위한 JavaScript+jQuery 입문》 《모던 웹을 위한 Node.js 프로그래밍》 《모던 웹 디자인을 위한 HTML5+CSS3 입문》 등을 저술했으며, 《TopCoder 알고리즘 트레이닝》 《Nature of Code》 《소셜 코딩으로 이끄는 GitHub 실천 기술》 등을 번역했다.

목차

▣ 01장: 웹 페이지의 단 구조

[1-1] 웹 페이지의 단 구조
단 구조
웹 페이지에서의 단 구조
웹 페이지 레이아웃의 발전
- CSS3로 구현하는 단 구조

[1-2] 박스 가로 정렬
박스 가로 정렬
가로 정렬할 대상 변경
가로 정렬할 박스의 개수 변경
- clearfix 구조

[1-3] 박스 분할
박스 분할
분할하고 싶은 만큼 박스 개수를 추가

[1-4] 박스의 너비를 지정
박스의 너비를 지정
- 너비의 합이 100%를 넘는 경우
- 칼럼 탈락을 사용할 때의 주의 사항
- 한쪽 박스의 너비를 픽셀로 고정

[1-5] 박스 정렬 순서 지정
박스 정렬 순서 지정

[1-6] 반응형 웹 디자인과 관련된 설정
반응형 웹 디자인의 기본
반응형 웹 디자인 응용
- 주요 스마트폰 또는 태블릿의 브라우저 화면 크기
중간 단계를 추가
- 반응형 웹 디자인에서 중복된 설정을 하나로 합치기
- 중간 단계를 칼럼 탈락으로 구현
- 박스를 겹쳐 올리는 레이아웃

▣ 02장: 웹 페이지 제작 준비

[2-1] 요소 준비
2-1-1 사이트 이름
2-1-2 기사
2-1-3 메뉴(세로 정렬)
2-1-4 메뉴(가로 정렬)
2-1-5 저작권

[2-2] 웹 페이지 준비
DOCTYP
... 펼처보기

출판사 리뷰

★ 이 책에 대해 ★
이 책은 스마트폰/태블릿 등 다양한 디바이스에 대응하는 '반응형 웹 디자인'을 중심으로 한 현재의 웹 페이지 레이아웃을 만들 때 사용하는 기술을 다룹니다.
[기초]
레이아웃의 근본이 되는 박스를 정렬하는 방법을 배우고 웹 페이지의 단 구조를 자유자재로 만드는 기술을 다룹니다.
[실전]
'블로그/뉴스 스타일 사이트'와 '비즈니스 스타일 사이트'라는 두 종류의 실전 예를 처음부터 단계적으로 만들어 봅니다.
[응용]
멀티 디바이스에 대응하고, 사이트를 더 좋은 형태로 향상시킬 수 있는 다양한 테크닉을 소개합니다. 또한 실전에서 활용할 수 있는 다양한 팁을 배웁니다.

★ 이 책에서 사이트를 제작하는 흐름 ★
'반응형 웹 디자인'으로 웹 페이지를 제작할 때는 다양한 화면 크기에서 표시 또는 동작을 확인하면서 작업해야 합니다. 따라서 이 책의 예제에서는 갑자기 최종적인 완성형을 완성하는 것이 아니라 다음과 같은 단계로 차근차근 사이트를 완성해 나갑니다.
1. 박스를 정렬해서 레이아웃의 기본 구조를 만듭니다.
2. 박스의 내부에 요소를 넣고 레이아웃을 조정합니다.
3. 박스 또는 요소를 추가/수정해서 페이지를 마무리합니다.

★ 예제 다운로드 ★
이 책에서 사용하는 예제 코드 또는 이미지는 다음 웹 사이트에서 내려받을 수 있습니다.
http://wikibook.co.kr/modern-web-design-book

반품/교환 안내

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

반품/교환 방법 마이페이지 > 반품/교환 신청 및 조회, 1:1 문의, 고객만족센터(1544-3800)
반품/교환 가능기간 출고 완료후 10일 이내의 주문 상품
반품/교환 비용 고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담임
직수입양서/직수입일서중 일부는 변심 또는 착오로 취소시 해외주문취소수수료 20%를 부과할수 있음
반품/교환 불가사유 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 : 예) 화장품, 식품, 가전제품 등
복제가 가능한 상품 등의 포장을 훼손한 경우 : 예) CD/LP, DVD/Blu-ray, 소프트웨어, 만화책, 잡지, 영상 화보집
소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우
디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리됨
환불 지연에 따른 배상 대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리
예스이십사(주)
서울시 영등포구 은행로 11, 5층~6층(여의도동,일신빌딩) 대표 : 김기호   개인정보보호책임자 : 한광일 privacy@yes24.com 사업자등록번호 : 229-81-37000   통신판매업신고 : 제 2005-02682호 사업자 정보확인
고객만족센터 T.1544-3800
상담 전화번호
  • 중고샵 문의 1566-4295
  • 영화예매 문의 1544-7758
  • 공연예매 문의 1544-6399
1:1 친절상담 자주 묻는 질문 상담시간 안내
YES24 수상내역 정보보호 관리체계 ISMS인증획득 개인정보보호 우수사이트
소비자피해보상보험 서울보증보험
고객님은 안전거래를 위해 현금 등으로 결제 시 저희 쇼핑몰에서 가입한 구매안전서비스를 이용하실 수 있습니다. 서비스가입사실 확인
EQUUS1