Do it! 반응형 웹 페이지 만들기 > 웹사이트

본문 바로가기
쇼핑몰 검색
  • 회원가입
    2000

    로그인

    다양한 서비스와 이벤트 혜택을 누리실 수 있습니다.

    아이디 비밀번호
Do it! 반응형 웹 페이지 만들기 > 웹사이트

Do it! 반응형 웹 페이지 만들기 요약정보 및 구매

기본설명

상품 선택옵션 0 개, 추가옵션 0 개

제조사 이지스퍼블리싱
원산지 국내산
브랜드 이지스퍼블리싱
시중가격 20,000원
판매가격 18,000원
배송비결제 주문시 결제
최소구매수량 1 개
최대구매수량 999 개

선택된 옵션

  • Do it! 반응형 웹 페이지 만들기
    +0원
위시리스트

관련상품

등록된 상품이 없습니다.

  • 상품정보
  • 사용후기 0
  • 상품문의 0
  • 배송정보
  • 교환정보
  • 상품정보

    상품 기본설명

    기본설명

    상품 상세설명

    Do it! 반응형 웹 페이지 만들기

    9791163032380.jpg

    도서명:Do it! 반응형 웹 페이지 만들기
    저자/출판사:김운아/이지스퍼블리싱
    쪽수:344쪽
    출판일:2021-03-26
    ISBN:9791163032380

    목차
    첫째마당 반응형 웹을 위한 기본 기술들

    01 반응형 웹 기본 개념 이해하기
    01-1 반응형 웹이란?
    반응형 웹이 세상에 나온 이유
    반응형 웹이란?

    01-2 왜 반응형 웹으로 만들어야 하나?
    유지보수가 간편하다!
    모바일 점유율의 증가!
    마케팅에 유리하다!
    검색 엔진 최적화가 가능하다!
    미래 지향적 기술이다!

    01-3 사례로 알아보는 반응형 웹
    세계가 주목하는 반응형 웹!
    해외의 반응형 웹 사례
    국내의 반응형 웹 사례

    01-4 반응형 웹 학습과 제작을 위한 준비 작업
    웹 브라우저 준비하기
    코드 편집기 준비하기
    예제 파일 준비하기
    호스팅 서버 준비하기
    FTP 프로그램 준비하기

    01-5 반응형 웹 제작을 위한 핵심 기술 맛보기
    픽셀은 한계가 있다! - 가변 그리드
    |코딩해 보세요!| 고정 크기의 박스를 가변 크기의 박스로 변환하기
    미디어 쿼리와 뷰포트
    |코딩해 보세요!| 뷰포트 비교하기
    |코딩해 보세요!| 미디어 쿼리 사용하기
    떠오르고 있는 기술 - 플렉서블 박스
    [도전★ Quiz!]

    02 px을 %로 바꾸기 - 가변 그리드
    02-1 본격적으로 가변 그리드 배우기
    가변 그리드 공식 이해하기
    |코딩해 보세요!| 서로 다른 크기의 박스를 가변 크기로 변환하기

    02-2 가변 마진과 가변 패딩 이해하기
    간격을 자유자재로! 가변 마진 설정하기
    |코딩해 보세요!| 고정 마진을 가변 마진으로 변환하기
    가변 패딩을 적용하는 두 가지 방법
    고정 크기의 마진과 패딩을 위해 calc 함수 이용하기
    |코딩해 보세요!| 가변 패딩 직접 적용하기

    02-3 폰트도 자유자재로! 가변 폰트 이용하기
    글자를 가변적이게 만들어주는 가변 폰트
    em 단위의 상속 문제를 해결해주는 rem 단위
    진정한 가변 폰트 - vw, vh, vmin, vmax 단위

    02-4 멀티미디어 요소 가변적으로 만들기 - 가변 이미지와 가변 동영상
    비율에 상관없이 가변적인 멀티미디어 요소 만들기
    유튜브나 비메오 같은 멀티미디어 요소를 가변적으로 만들기
    [도전★ Quiz!]

    03 미디어 쿼리와 뷰포트
    03-1 화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리
    미디어 쿼리의 기본 문법
    미디어 쿼리를 적용하려면? - 링크 방식
    미디어 쿼리 사용 시 주의사항
    |코딩해 보세요!| 미디어 쿼리 사용해 웹사이트 구조 변경하기

    03-2 화면의 보이는 영역을 다루는 기술, 뷰포트
    뷰포트 영역 확인하기
    [도전★ Quiz!]

    04 새로운 웹 기술, 플렉서블 박스
    04-1 플렉서블 박스 기본 개념 이해하기
    플렉서블 박스의 기본 개념

    04-2 플렉서블 박스 기술 익히기
    플렉서블 박스로 작동시키기 위한 기본 설정
    플렉스 아이템의 배치 방향 설정하기
    플렉스 아이템을 여러 줄로 배치하기
    플렉스 아이템의 배치 방향과 여러 줄 배치를 한 번에 설정하기
    주축 방향으로 다양하게 플렉스 아이템 배치하기
    교차축 방향으로 다양하게 플렉스 아이템 배치하기
    교차축 방향으로 플렉스 아이템을 개별적으로 배치하기
    여러 줄인 플렉스 아이템을 교차축 방향으로 다양하게 배치하기
    플렉스 아이템의 배치 순서 바꾸기
    플렉스 아이템의 크기 늘이고 줄이기
    |코딩해 보세요!| 플렉서블 박스 이용해 목업 웹사이트 만들기
    [도전★ Quiz!]

    둘째마당 실전! 반응형 웹 사이트 만들기
    - 플렉서블 박스

    05 반응형 웹사이트 준비 작업하기
    05-1 웹사이트 구조 다지기
    1단계: 웹사이트 구조 살펴보기
    2단계: 폴더와 기본 파일 구성하기
    3단계: 기본 구조와 기본 스타일 작업하기

    06 메인 페이지 작업하기
    06-1 메인 페이지 구조 작업하기
    1. 인포메이션 영역의 구조 작업하기
    2. 헤더 영역의 구조 작업하기
    3. 슬라이더 영역의 구조 작업하기
    4. 최근 글 영역, 인기 글 영역의 구조 작업하기
    5. 갤러리 영역의 구조 작업하기
    6. 인기 검색어 영역의 구조 작업하기
    7. 배너 영역의 구조 작업하기
    8. 소셜 네트워크 영역의 구조 작업하기
    9. 푸터 영역의 구조 작업하기

    06-2 메인 페이지 반응형 웹 작업하기
    1. 인포메이션 영역의 반응형 웹 작업하기
    2. 헤더 영역의 반응형 웹 작업하기
    3. 슬라이더 영역의 반응형 웹 작업하기
    4. 최근 글 영역, 인기 글 영역의 반응형 웹 작업하기
    5. 갤러리 영역의 반응형 웹 작업하기
    6. 인기 검색어 영역의 반응형 웹 작업하기
    7. 배너 영역의 반응형 웹 작업하기
    8. 소셜 네트워크 영역의 반응형 웹 작업하기
    9. 푸터 영역의 반응형 웹 작업하기

    07 서브 페이지 작업하기
    07-1 서브 페이지 구조 작업하기
    1. 기본 구조 작업하기
    2. 소개 페이지의 구조 작업하기
    3. 갤러리 페이지의 구조 작업하기
    4. 게시판 페이지의 구조 작업하기

    07-2 서브 페이지 반응형 웹 작업하기
    1. 기본 스타일 작성하기
    2. 소개 페이지의 반응형 웹 작업하기
    3. 갤러리 페이지의 반응형 웹 작업하기
    4. 게시판 페이지의 반응형 웹 작업하기

    08 마무리 작업하기
    08-1 CSS 파일로 분리하기
    스타일 코드를 CSS 파일로 분리하기

    08-2 자바스크립트 이용해 메뉴 영역 작업하기
    메뉴가 나타나거나 감춰지는 토글 버튼 만들기

    셋째마당 실전! 기존의 속성으로 반응형 웹 사이트 만들기
    - 가변 그리드, 미디어 쿼리, 뷰포트

    09 반응형 웹사이트 준비 작업하기
    09-1 웹사이트 구조 다지기
    1단계 : 웹사이트 구조 살펴보기
    2단계 : 폴더와 기본 파일 구성하기
    3단계 : 기본 구조와 기본 스타일 작업하기

    10 반응형 웹 페이지 작업하기
    10-1 반응형 웹 구조 작업하기
    1. 헤더 영역 구조 작업하기
    2. 슬라이더 영역의 구조 작업하기
    3. 디스플레이 영역의 구조 작업하기
    4. 프로모션 영역의 구조 작업하기
    5. 구분선 영역의 구조 작업하기
    6. 최근 작업 영역의 구조 작업하기
    7. 구분선 영역 작업하기
    8. 최근 글 영역의 구조 작업하기
    9. 연락처 영역의 구조 작업하기
    10. 푸터 영역의 구조 작업하기

    10-2 반응형 웹 페이지 작업하기
    1. 헤더 영역의 반응형 웹 작업하기
    2. 슬라이더 영역의 반응형 웹 작업하기
    3. 디스플레이 영역의 반응형 웹 작업하기
    4. 프로모션 영역의 반응형 웹 작업하기
    5. 최근 작업 영역의 반응형 웹 작업하기
    6. 최근 글 영역의 반응형 웹 작업하기
    7. 연락처 영역의 반응형 웹 작업하기
    8. 푸터 영역의 반응형 웹 작업하기

    11 마무리 작업하기
    11-1 CSS 파일로 분리하기
    스타일 코드를 CSS 파일로 분리하기

    11-2 자바스크립트 이용해 메뉴 영역 작업하기
    메뉴가 나타나거나 감춰지는 토글 버튼 만들기

    [스페셜] 실무자들이 꼭 알아야 할 반응형 웹 문제해결 노하우
    01 반응형 웹사이트 테스트하기
    02 하위 브라우저에 대응하기
    03 고해상도 기기 이미지 대응하기
    [도전★ Quiz!]
    09 반응형 웹사이트 준비 작업하기
    09-1 웹사이트 구조 다지기
    1단계 : 웹사이트 구조 살펴보기
    2단계 : 폴더와 기본 파일 구성하기
    3단계 : 기본 구조와 기본 스타일 작업하기

    10 반응형 웹 페이지 작업하기
    10-1 반응형 웹 구조 작업하기
    1. 헤더 영역 구조 작업하기
    2. 슬라이더 영역의 구조 작업하기
    3. 디스플레이 영역의 구조 작업하기
    4. 프로모션 영역의 구조 작업하기
    5. 구분선 영역의 구조 작업하기
    6. 최근 작업 영역의 구조 작업하기
    7. 구분선 영역 작업하기
    8. 최근 글 영역의 구조 작업하기
    9. 연락처 영역의 구조 작업하기
    10. 푸터 영역의 구조 작업하기

    10-2 반응형 웹 페이지 작업하기
    1. 헤더 영역의 반응형 웹 작업하기
    2. 슬라이더 영역의 반응형 웹 작업하기
    3. 디스플레이 영역의 반응형 웹 작업하기
    4. 프로모션 영역의 반응형 웹 작업하기
    5. 최근 작업 영역의 반응형 웹 작업하기
    6. 최근 글 영역의 반응형 웹 작업하기
    7. 연락처 영역의 반응형 웹 작업하기
    8. 푸터 영역의 반응형 웹 작업하기

    11 마무리 작업하기
    11-1 CSS 파일로 분리하기
    스타일 코드를 CSS 파일로 분리하기

    11-2 자바스크립트 이용해 메뉴 영역 작업하기
    메뉴가 나타나거나 감춰지는 토글 버튼 만들기

    [스페셜] 실무자들이 꼭 알아야 할 반응형 웹 문제해결 노하우
    01 반응형 웹사이트 테스트하기
    02 하위 브라우저에 대응하기
    03 고해상도 기기 이미지 대응하기
    [도전★ Quiz!]
    delivery.jpg
  • 사용후기

    등록된 사용후기

    사용후기가 없습니다.

  • 상품문의

    등록된 상품문의

    상품문의가 없습니다.

  • 배송정보

    배송정보

    배송업체 : 한진택배 (1588-0011)
     배송비
     2,500원 (25,000원 이상 구매 시 무료 배송/일부상품제외) 군부대 및 도서산간 지역은 추가 배송비가 발생할 수 있습니다.
     ◆배송기간
     : 평일 오전 7시 이전 주문 시 당일 발송 (2~3일 소요) : 단, 공휴일, 연휴, 천재지변 등으로 인해 발송이 지연될 수 있습니다.
     ◆배송추적
     : 당일 발송건에 한해 익일 오전 9시 이후 확인 가능합니다.


  • 교환정보

    교환/반품

     ◆반품/교환을 원하는 경우 반드시 고객센터로 연락 후 신청하시기 바랍니다.
     ◆반품/교환은 상품 수령일로 부터 7일 이내에만 가능합니다. 단, 상품이 훼손되지 않았거나, 속 비닐이 있는 경우 듣지 않았을    때 가능합니다.
     •고객님의 변심 또는 잘못 주문하신 경우에는 왕복 배송비는 고객님의 부담입니다.
     ◆오배송, 파본, 불량 상품에 대해서는 고객센터로 연락주시면 상담 후 교환해 드립니다.
     ◆오배송, 파본, 불량상품의 배송비는 환불처에서 부담합니다.
     교환/반품
     ◆환불은 상품이 환불에 도착 시 처리됩니다. (카드 취소는 3~5일이 소요될 수 있습니다.)

장바구니

오늘본상품

오늘 본 상품

  • Do it! 반응형 웹 페이지 만들기
    Do it! 반응형 18,000

위시리스트

  • 보관 내역이 없습니다.
회사명 (주)꼭대기 주소 서울 특별시 마포구 연희로 11,5층 S-537호
사업자 등록번호 795-87-00429 대표 오주봉 전화 02-356-5779 팩스 02-356-5779
통신판매업신고번호 제2017-서울마포-0052호 개인정보 보호책임자 dhwnqhd

Copyright © 2001-2013 (주)꼭대기. All Rights Reserved.