본문 바로가기

추천 검색어

실시간 인기 검색어

Do it! 웹 사이트 따라 만들기

현직 웹 퍼블리셔의 작업 방식 그대로!
김윤미 지음
이지스퍼블리싱

2019년 11월 30일 출간

종이책 : 2019년 11월 28일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (77.26MB)
ISBN 9791163031246
쪽수 312쪽
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

PDF 필기가능 (Android, iOS)
소득공제
소장
정가 : 11,000원

쿠폰적용가 9,900

10% 할인 | 5%P 적립

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

카드&결제 혜택

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
  • 리뷰 작성 시, e교환권 추가 최대 300원

작품소개

이 상품이 속한 분야

웹 어워드 코리아 수상, 현역 웹 퍼블리셔의 방법 그대로!
웹 사이트 하나 통째로 만들면 나도 어느새 웹 퍼블리셔!
HTML, CSS, 자바스크립트 문법서는 공부했지만 웹 사이트를 만들려고 막상 키보드 위에 손을 올려놓으면 코드 한 줄도 못 쓰는 독자들을 위해서 이 책이 만들어졌습니다. 이 책에서는 웹 어워드 코리아에서 대상 및 최우수상 등을 수상한 경력 13년 차 웹 퍼블리셔가 알려주는 실무 방법 그대로 웹 사이트 하나를 통째로 만듭니다. 텅 빈 화면에서 시작해 한 줄씩 코딩하다 보면 조금씩 완성되는 사이트를 눈으로 확인할 수 있습니다. 또한 완성 사이트 전체 소스도 제공되니 필요한 부분만 가져다 다른 사이트에 적용해서 자유롭게 활용해 보세요.
첫째마당. 웹 사이트 만들기 준비하기
-------------------------------------------------

01장 실습 전 익혀야 할 기본 지식
01-1 우리가 알아야 할 HTML 기본 상식
01-2 웹 페이지를 시각화하는 CSS
01-3 동적인 웹 페이지를 만들어 주는 자바스크립트
01-4 알아 두면 유용한 제이쿼리
01-5 자원과 시간 낭비를 막아주는 Ajax

02장 개발 환경 준비하기
02-1 개발 도구 설치하기
02-2 브라우저의 개발자 도구
02-3 크로스 브라우징
스페셜 01 웹 퍼블리셔에 대해서 알아보자!

-------------------------------------------------
둘째마당. 웹 페이지 만들기
-------------------------------------------------

03장 전체 레이아웃 만들기
03-1 HTML과 레이아웃
03-2 HTML 구조화
03-3 HEADER 영역
03-4 FOOTER 영역
03-5 콘텐츠 영역
03-6 가상 요소 활용하기

04장 페이지 이동 효과 만들기
04-1 동적인 웹 사이트를 위한 자바스크립트
04-2 콘텐츠 영역의 이동 형태 살펴보기
04-3 제이쿼리로 슬라이드 효과 만들기
04-4 페이지 구성 후 콘텐츠 영역 표시하기
04-5 transition 속성으로 애니메이션 효과 만들기

05장 회사소개 페이지 만들기
05-1 사용자와 콘텐츠
05-2 회사소개 페이지 본문 채우기
05-3 다양한 CSS 활용법
05-4 CSS 애니메이션 고도화 구현하기

06장 도서소개 페이지 만들기
06-1 콘텐츠를 다루는 방법
06-2 도서 상세 내용 만들기
06-3 롤링 배너 만들기
06-4 롤링 배너에 스크립트 추가하기

07장 도서소개 페이지 추가하기
07-1 Ajax 사용하기
07-2 3D 모션 활용하기

08장 FAQ 페이지 만들기
08-1 사용자 인터페이스 이해하기
08-2 아코디언 형태로 FAQ 페이지 만들기
08-3 스크립트로 아코디언 기능 구현하기

09장 Contact Us 페이지 만들기
09-1 폼 요소 살펴보기
09-2 Contact Us 페이지 만들기

10장 구글 API로 Contact Us 폼 처리하기
10-1 구글 앱스 메일로 가상 서버 만들기
10-2 문의 내용 접수 완료 팝업창 만들기
스페셜 02 웹 호스팅, FTP, SNS 활용법
전체 소스 보기

※ 이 책의 대상 독자
- HTML, CSS, 자바스크립트 문법은 조금 알지만 사이트를 직접 만든 적은 없는 코딩 초보자
- 웹 퍼블리셔가 되고 싶은 취업 준비생
- 실무에 익숙하지 않은 신입 웹 퍼블리셔
- 퍼블리싱도 함께 해야 하는 스타트업 기업의 웹 디자이너, 웹 개발자
- 빠르게 홈페이지를 만들어서 바로 사용해야 하는 1인 창업자
--------------------------------------------------------------------------------------------------
실무 13년 차 웹 퍼블리셔가 화면에 입력하는
모든 코드의 처음과 끝을 이 책에 빠짐없이 담았다!
--------------------------------------------------------------------------------------------------
이 책은 HTML, CSS, 자바스크립트의 문법을 배우는 책이 아니라 실무에서 작업하는 방법 그대로 웹 사이트를 만들어 보는 책입니다. 그래서 저자가 현업에서 작업하는 방식 그대로 본문에 옮겨 놓았습니다. 본문은 실습 위주로 구성돼 있으며 이 책을 끝까지 공부하면 실제로 작동하는 자신만의 사이트를 가질 수 있습니다. 또한, 실습 중간마다 ‘김팀장의 실무 한 수!’를 통해 저자가 실무에서 직접 몸으로 배워 얻은 노하우까지 덤으로 챙길 수 있습니다.
--------------------------------------------------------------------------------------------------
HTML, CSS, 자바스크립트 기본 지식만 있으면 웹 사이트는 5일 완성!
사이트가 만들어지는 게 눈에 보이니까 재미있다!
--------------------------------------------------------------------------------------------------
이 책은 전체적으로 하나의 사이트를 처음부터 끝까지 만들어 봅니다. 각 장별로 웹 페이지가 추가되기 때문에 한 장이 끝날 때마다 점점 완성되어 가는 사이트를 보는 재미가 아주 쏠쏠합니다. 03장에서는 사이트의 전체 레이아웃을 만들고 04장에서는 페이지 이동에 필요한 애니메이션을 배웁니다. 그리고 05장부터 웹 사이트 속 메뉴에 해당하는 페이지들을 순서대로 만들어 갑니다. 자신의 학습 목표에 따라 웹 사이트를 처음부터 끝까지 만들어 볼 수도 있고, 필요한 기능이 있다면 해당 장부터도 만들어 볼 수도 있습니다.
--------------------------------------------------------------------------------------------------
처음에 만들 때 제대로 만들어야 유지보수가 편하다!
실무에서는 철저하게 역할별로 나눠서 만든다!
--------------------------------------------------------------------------------------------------
사이트를 만들 때 레이아웃은 HTML로, 디자인은 CSS로, 동적 처리는 자바스크립트로 나눠서 만들어야 사이트를 완성한 후에 수정하거나 내용을 추가할 때 편합니다. 실무에서는 이렇게 역할별로 나눠서 개발하며 이 책에서도 실무와 똑같은 방법으로 웹 사이트를 만듭니다. 처음 배울 때부터 HTML, CSS, 자바스크립트를 나눠서 개발하는 습관을 들이면 나중이 편합니다.
--------------------------------------------------------------------------------------------------
사이트는 콘텐츠를 담는 그릇!
콘텐츠에 걸맞은 HTML, CSS, 자바스크립트 사용법을 배우세요!
--------------------------------------------------------------------------------------------------
이 책은 단순히 태그를 사용해서 사이트를 만드는 책이 아닙니다. 웹 사이트를 통해 사용자에게 효과적으로 정보를 전달하기 위해서 어떻게 콘텐츠가 제공되어야 하는지 배우는 책입니다. 그래서 장별로 웹 페이지를 만들 때 각각의 콘텐츠의 성격에 맞는 레이아웃, 디자인, 동적처리를 적용시켜 만듭니다. 콘텐츠의 성격을 파악하고 콘텐츠를 효과적으로 표현할 수 있는 기능들을 하나하나 짚어가며 콘텐츠에 적용하는 법을 배우세요.
--------------------------------------------------------------------------------------------------
혼자 공부해도 OK, 빠르게 결과물을 만들어 보는 단기 교육에도 OK
기본 지식 복습용 9일 진도표, 속성 실습용 5일 진도표 제공!
--------------------------------------------------------------------------------------------------
HTML, CSS, 자바스크립트의 기본 지식이 있지만 복습이 필요한 독자들을 위한 9일 진도표와 바로 실습으로 진행할 수 있는 5일 진도표를 제공합니다. 독학하는 사람, 학교나 학원에서 공부하는 사람 모두 자신이 선택한 진도표에 목표 날짜를 적어서 자신만의 속도로 웹 사이트를 만들어 보세요. 책의 마지막 장을 넘길 때쯤이면 현업 웹 퍼블리셔의 작업 방식도 몸에 익고 한 줄 한 줄씩 만든 웹 사이트도 손안에 들어와 있을 거예요.
--------------------------------------------------------------------------------------------------
책으로 공부하며 발전하는 지적인 독자들을 만나 보세요!
공부 계획 세우고 스터디 노트 올리면 책 선물까지! Do it! 스터디룸!
--------------------------------------------------------------------------------------------------
자신이 알고 있는 내용은 다른 사람과 나누고, 궁금한 내용은 나와 비슷한 고민을 하는 사람들과 함께 풀어보면 어떨까요? 지식을 공유하는 뿌듯함과 함께 자신의 능력이 한층 더 발전되어 가는 모습을 발견할 수 있을 거예요. 또한 Do it! 스터디룸에 공부 계획 세우고 스터디 노트를 꾸준히 올리면 새 책을 받을 수 있어요. 공부하고 책 받고 다시 공부하는 행복한 무한루프에 빠져 자신의 능력을 키워보세요!
- Do it! 스터디룸 카페 [cafe.naver.com/doitstudyroom → ‘웹 사이트 따라 만들기’ 메뉴]
- Do it! 스터디룸 카페 [cafe.naver.com/doitstudyroom → ‘Do it! 공부단 지원&책 선물 받기’ 메뉴

작가정보

저자(글) 김윤미

그녀는 일에 대한 열정이 가득하고 언제나 두려움 없이 새로운 도전을 시작하는 실무 경력 13년 차 웹 퍼블리셔이다. 국내 웹 에이전시에서 활동하며 이니스프리, 에뛰드, 엘지 하우시스 등 유명한 쇼핑몰 제작에 참여했고 그동안 작업한 사이트 대부분은 웹 어워드 코리아에서 각 분야별로 최우수상 또는 대상을 수상하였다. 또한 웹 퍼블리싱 실무 강의로 인기를 끌기도 했다. 〈〈Do it! 웹 사이트 따라 만들기〉〉는 그녀의 실무 경험과 강의 경험이 결합되어 나온 책이다. 그녀의 업무 방식을 화면 그대로 정리해 이 책에 빠짐없이 옮겨 담았으며 이 책을 읽는 독자들의 시간을 절약해주기 위해 전체 소스도 공개했다. 이 소스를 그대로 활용하면 독자가 필요한 웹사이트를 빠르게 만들 수 있다. 그녀는 현재 외국계 기업에서 솔루션 프로그램을 만드는 프로젝트에 참여하고 있다.

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다.
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다.
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    Do it! 웹 사이트 따라 만들기 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    Do it! 웹 사이트 따라 만들기 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    Do it! 웹 사이트 따라 만들기
    현직 웹 퍼블리셔의 작업 방식 그대로!
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글북액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글북액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)