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


YES24 카테고리 리스트

YES24 유틸메뉴

Global YES24안내보기

Global YES24는?

K-POP/K-Drama 관련상품(음반,도서,DVD)을
영문/중문 으로 이용하실 수 있습니다.

Korean wave shopping mall, sell the
K-POP/K-Drama (CD,DVD,Blu-ray,Book) We aceept PayPal/UnionPay/Alipay
and support English/Chinese Language service

English

作为出售正规 K-POP/K-Drama 相关(CD,图书,DVD) 韩流商品的网站, 支持 中文/英文 等海外结账方式

中文

검색


어깨배너

3월 전사이벤트
모바일팝 모바일 5% 할인
에어프라이어 기획전
책보내기 결산
편의점픽업 500P 적립
L포인트 50% 캐시백
1/6

빠른분야찾기


윙배너

마우스를 올려주세요.

마케팅 텍스트 배너

웹진채널예스


3월 상품권
트위터 부트스트랩
미리보기 공유하기
소득공제 위키북스 오픈소스 & 웹 시리즈-049

트위터 부트스트랩

디자이너도 놀라워할 매끈하고 직관적인 웹 사이트 제작의 비밀

김덕기 | 위키북스 | 2013년 04월 03일 리뷰 총점9.0 정보 더 보기/감추기
내용
4.5점
편집/디자인
4.5점
회원리뷰(4건)
상품 가격정보
정가 27,000원
판매가 24,300 (10% 할인)
YES포인트
결제혜택
결제혜택 카드/간편결제 혜택을 확인하세요 카드/간편결제 혜택 보기/감추기
카드할인 정보
카카오뱅크 카카오뱅크 4천/8천원 캐시백 (5/10만원 이상 결제시, 누적금액 기준) 자세히 보기
모바일팝 모바일팝 5% 즉시할인 (모바일 결제시) 자세히 보기
L포인트 L포인트 50% 캐시백 (2천P 이상 사용시 1천P 캐시백) 자세히 보기
페이코포인트 페이코포인트 1.2% 적립 (건당 1만P 이내) 자세히 보기
구매 시 참고사항
구매 시 참고사항
  • 현재 새 상품은 구매 할 수 없습니다. 아래 상품으로 구매하거나 판매 해보세요.

절판

수량
배송비 : 무료 배송비 안내
  • 해외배송 가능
  • 최저가 보상
  • 문화비소득공제 신청가능
1/4
광고 AD

출판사 추천

광고 AD

품목정보

품목정보
출간일 2013년 04월 03일
쪽수, 무게, 크기 432쪽 | 930g | 180*240*30mm
ISBN13 9788998139216
ISBN10 8998139219

관련분류

책소개

  •  책의 일부 내용을 미리 읽어보실 수 있습니다. 미리보기

상세 이미지

상세 이미지 1

저자 소개

저자 : 김덕기
금융기관에서 퇴직한 후 평소 열망하던 웹디자인 분야에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하면서 프리랜서 웹디자이너로 활동 중이다. 워드프레스 공식 한글 번역가(아이디 martian36)이자 밸리데이터(Validator)로 참여해 워드프레스 한글 언어팩을 유지보수하고 필수 플러그인을 번역하고 있다. 티스토리 블로그(http://martian36.tistory....

만든 이 코멘트

저자, 역자, 편집자를 위한 공간입니다. 독자들에게 전하고 싶은 말씀을 남겨주세요. 코멘트 쓰기
접수된 글은 확인을 거쳐 이 곳에 게재됩니다.
독자 분들의 리뷰는 리뷰 쓰기를, 책에 대한 문의는 1:1 문의를 이용해 주세요.

책 속으로

---「저자 서문」 중에서

출판사 리뷰

웹 개발자와 디자이너를 위한 정말 쉬운 웹 디자인 프레임워크 부트스트랩!

트위터 개발자들이 내놓은 오픈소스 프레임워크인 부트스트랩은 발표 이후 깃허브에서 최고의 인기를 누리고 있으며, 관련 프로젝트만 해도 수백 개에 이르고 계속 추가되는 추세입니다. 부트스트랩에는 웹사이트에 사용되는 모든 요소에 대해 스타일시트가 미리 만들어져 있어 어떤 스타일시트를 어떻게 만들어야 할지 고민할 필요가 없습니다. 선택자만 삽입해도 멋진 디자인이 간단하게 만들어지고 스타일을 세부적으로 조정하려면 몇 줄의 사용자 스타일시트만 추가하면 됩니다.

아울러 이 책에서는 웹디자인에 필요한 부트스트랩의 모든 내용과 함께 군더더기 없는 스타일시트를 만들기 위한 Less 프리프로세서와 부트스트랩을 이용한 실제 디자인 사례를 상세하게 설명합니다. 또한 곧 발표될 부트스트랩 3.0 버전에 대한 내용도 PDF로 제공하고 있습니다. 직관적이고 강력한 프론트엔드 프레임워크인 부트스트랩을 이용해 웹 개발 프로젝트에 날개를 달아보세요!

[소스코드 다운로드 & 북카페]

이 책의 변경사항이나 업데이트 내용, 부트스트랩 3.0 정식 버전에서 변경된 내용 등 부트스트랩과 관련된 내용은 아래 블로그에 꾸준히 업데이트될 예정입니다. 또한 책 내용에 오류가 있거나 질문사항이 있으면 아래 블로그의 방명록이나 부트스트랩 관련 글에 댓글을 남겨주시면 답변 드리겠습니다.

블로그 주소: http://martian36.tistory.com/1134
01장: 부트스트랩 기초

부트스트랩이란?
- 스타일시트의 재활용
- 부트스트랩이 발생한 배경
- 웹 디자인 프레임워크
- 부트스트랩의 특징
- 이 책을 위해 필요한 도구
부트스트랩 사용 환경 만들기
- 부트스트랩 파일 내려받기
- 폰트 어썸 폰트 아이콘 파일 내려받기
- index.html, style.css 파일 만들기
- 자바스크립트 첨부하기
구조(Scaffolding)
- 부트스트랩의 독타입(DOCTYPE)
- 그리드 시스템
- 고정폭 레이아웃 - 3칼럼
- 고정폭 레이아웃 - 2칼럼
- 칼럼 오프셋
- 칼럼 네스팅(Column Nesting)
- 유동폭 레이아웃
- 반응형 디자인
기본 CSS(Basic CSS)
- 글자
- 생략과 약어
- 인용(blockquote)
- 목록(List)
- [dl], [dt], [dd] 태그
- 코드
- 테이블(table)
- 폼(form)
- 버튼
- 이미지
- 아이콘
구성요소(Components)
- 드롭다운 메뉴
- 버튼
- 내비게이션 탭, 필(Pill), 리스트
- 내비게이션 바
- 브레드크럼(Breadcrumb)
- 페이지네이션(Pagination)
- 라벨과 배지
- 타이포그래픽 구성요소
- 썸네일
- 알림 메시지(Alerts)
- 프로그레스 바(Progress Bar)
- 미디어 오브젝트(Media Object)
- 기타
자바스크립트
- 모달(Modal)
- 드롭다운
- 스크롤스파이(Scrollspy)
- 탭
- 툴팁(Tooltip)
- 팝오버(Popover)
- 버튼
- 콜랩스(Collapse, 함몰) ? 어코디언
- 캐러젤(Carousel)
- 타이프 어헤드(Typeahead)
- 어픽스(Affix)
부트스트랩 사용자 정의(Customize)- -

02장: CSS 프리프로세서 사용하기(Less)

프리프로세서란?
Less 사용을 위한 환경 만들기
- Less 사용하기
- SimpLESS
- SimpLESS 설치하기
- SimpLESS의 기능
- 변수(Variables)
Less를 이용한 메뉴 바 만들기
- 내포 규칙(Nested Rules)
- 믹신(Mixins)
- 연산(Operations)
- 매개변수 믹신(Parametric Mixins)
- 믹신과 @arguments
함수와 믹신
- 함수(Functions)
- 패턴 매칭(Pattern Matching)
- 가드 믹신(Guarded Mixins)
기타 기능
- Less 파일 가져오기(@import)
- 스트링 인터폴레이션(String Interpolation: 보간법)
- 네임스페이스(Namespaces)
- 유효범위(Scope)
- 앰퍼샌드(& : Ampersand)

03장: 부트스트랩으로 디자인하기

부트스트랩 디자인을 위한 사전 지식
- 사용자 정의 스타일시트
- 모바일 디자인의 기본 형태
- PHP 코드 사용하기
- 웹 서버 환경 만들기
index.php 파일 콘텐츠 만들기
- index.php 파일의 레이아웃
- 로고 영역 만들기
- 메뉴 바 만들기
- body 배경 색상 변경
- header 수정
- 메뉴 바의 배경 색상 변경
- 메뉴 바 수정
- 로그인 폼 추가하기
- 회원가입 폼 추가하기
- register.html 만들기
콘텐츠 영역
- 이미지 슬라이더 만들기
- 스타일시트 수정
- 세로형 슬라이더
- 썸네일 배너 만들기
푸터만들기
- 푸터의 레이아웃
- 푸터 상단 콘텐츠 입력하기
- 푸터 하단 콘텐츠 입력하기
- 푸터 스타일시트 수정
갤러리 페이지 만들기
- 갤러리 페이지의 레이아웃
- 갤러리 선택 메뉴 바
- 갤러리 썸네일
- 부트스트랩 이미지 갤러리 사용하기
- 페이지네이션
- 미디어 쿼리 사용하기
- index.php 수정하기
- 메이슨리(Masonry) 플러그인 사용하기
- 아이소톱(isotope) 플러그인 사용하기
- 무한 스크롤(Infinite Scroll) 플러그인 사용하기
이벤트 페이지 만들기
- Ei-Slider 플러그인
- 시퀀스 플러그인
블로그 페이지 만들기
- 블로그 레이아웃의 문제점
- 패딩이 없는 블로그 페이지
- 콘텐츠 입력하기
- 파일의 수정
- 글 페이지 만들기
- 사이드바 만들기
다양한 레이아웃의 변경
- 콘텐츠 영역과 사이드바 영역에 패딩 추가하기
- 콘텐츠와 사이드바 전체에 패딩 적용하기
- 콘텐츠 영역과 사이드바 영역을 같은 높이로 만들기
- 칼럼이 3개인 레이아웃
- 글 목록 페이지에 무한 스크롤 플러그인 적용하기
- 사이드바 콘텐츠 만들기
계정 설정 페이지 만들기
- sidebar-content.php 파일 만들기
- 레이아웃 만들기
- 폼 빌더
- 선택박스
- 선택박스 플러그인 추가하기
- 입력 박스
- 여러 가지 폼 만들기
- 선택 박스와 체크 박스
- 라디오 버튼과 체크 박스
- 툴팁과 collapse 기능 추가
- 여러 개의 입력 박스
- 저장하기 버튼
- 메시지 박스 만들기
상품 상세 페이지 만들기
- 블로그 레이아웃의 정리
- 상품 상세 페이지 레이아웃 수정
- 이미지 줌 플러그인 사용하기
- 옵션 영역
- 평가 및 공유 버튼
- 탭 영역
- 인터넷 익스플로러를 위한 스타일시트 수정하기

04장: 부트스트랩 3.0
(4장 내용은 http://martian36.tistory.com/1134에서 pdf 파일로 제공됩니다.)

시작 페이지
CSS
- 헤딩
- p 태그
- 목록(List)
- 그리드 시스템
- 네스팅 칼럼
- 폼(Form)
- 버튼
- 이미지
- 아이콘
구성요소
- 드롭다운 메뉴
- 전체폭 버튼 그룹
- 탭, 필, 리스트
- 내비게이션 바
- 반응형 내비게이션 바
- 페이지네이션
- 라벨
- 배지
- 글자 구성요소(Typographic components)
- 썸네일
- 프로그레스 바
자바스크립트
- 모달
- 캐러젤
부트스트랩 3.0으로 디자인 수정하기

회원리뷰 (4건)

매주 10건의 우수리뷰를 선정하여 YES상품권 3만원을 드립니다.
3,000원 이상 구매 후 리뷰 작성 시 일반회원 300원, 마니아회원 600원의 YES포인트를 드립니다.
(CD/LP, DVD/Blu-ray, 문구/GIFT, 패션 및 판매금지 상품, 예스24 앱스토어 상품 제외)
리뷰쓰기

4명의 YES24 회원이 평가한 평균별점

리뷰 총점9.0/ 10.0
내용 내용 점수 편집/디자인 편집/디자인 점수 정보 더 보기/감추기 내용
75% (3건)
5점
0% (0건)
4점
25% (1건)
3점
0% (0건)
2점
0% (0건)
1점
편집/디자인
50% (2건)
5점
50% (2건)
4점
0% (0건)
3점
0% (0건)
2점
0% (0건)
1점

한줄평 (0건)

1,000원 이상 구매 후 한줄평 작성 시 일반회원 50원, 마니아회원 100원의 YES포인트를 드립니다.
(CD/LP, DVD/Blu-ray, 문구/GIFT, 패션 및 판매금지 상품, 예스24 앱스토어 상품 제외)
0/50

등록된 한줄평이 없습니다.

첫번째 한줄평을 남겨주세요.

배송/반품/교환 안내

배송 안내

배송 안내
배송 구분 YES24 배송
포장 안내

안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다.

고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다.

목적 : 안전한 포장 관리
촬영범위 : 박스 포장 작업

  • 포장안내1
  • 포장안내2
  • 포장안내3
  • 포장안내4

반품/교환 안내

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

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