본문내용 바로가기

KYOBO 교보문고

금/토/일 주말특가
[보라]인싸작가님만나
북모닝 12주년 이벤트
ebook전종 30%할인
  • 수요낭독공감 11월 행사
  • 제5회 교보손글쓰기대회 수상작 전시
  • 북모닝 책강
처음 만나는 HTML5 & CSS3(First Step 시리즈 4)
* 중고장터 판매상품은 판매자가 직접 등록/판매하는 상품으로 판매자가 해당상품과 내용에 모든 책임을 집니다. 우측의 제품상태와 하단의 상품상세를 꼭 확인하신 후 구입해주시기 바랍니다.
384쪽 | | 171*225*27mm
ISBN-10 : 1188621041
ISBN-13 : 9791188621040
처음 만나는 HTML5 & CSS3(First Step 시리즈 4) 중고
저자 카노 스케하루 | 역자 김완섭 | 출판사 제이펍
정가
25,000원
판매가
22,490원 [10%↓, 2,510원 할인]
배송비
5,000원 (판매자 직접배송)
지금 주문하시면 2일 이내 출고 가능합니다.
더보기
2017년 12월 15일 출간
제품상태
상태 최상 외형 최상 내형 최상

[상태 상세 항목] 선택 해당 사항있음 미선택 해당 사항없음

1.외형 상세 미선택 낙서 미선택 얼룩 미선택 접힘 미선택 낙장(뜯어짐) 미선택 찢김 미선택 변색 미선택 제본불량 미선택 부록있음 [%%%%%%%%%최상%%%%%%%%%]

2.내형 상세 미선택 낙서 미선택 얼룩 미선택 접힘 미선택 낙장(뜯어짐) 미선택 찢김 미선택 변색 [%%%%%%%%%최상%%%%%%%%%]

이 상품 최저가
22,490원 다른가격더보기
새 상품
22,500원 [10%↓, 2,500원 할인] 새상품 바로가기
수량추가 수량빼기
안내 :

중고장터에 등록된 판매 상품과 제품의 상태는 개별 오픈마켓 판매자들이 등록, 판매하는 것으로 중개 시스템만을 제공하는
인터넷 교보문고에서는 해당 상품과 내용에 대해 일체 책임을 지지 않습니다.

교보문고 결제시스템을 이용하지 않은 직거래로 인한 피해 발생시, 교보문고는 일체의 책임을 지지 않습니다.

중고책 추천 (판매자 다른 상품)

더보기

판매자 상품 소개

※ 해당 상품은 교보문고에서 제공하는 정보를 활용하여 안내하는 상품으로제품 상태를 반드시 확인하신 후 구입하여주시기 바랍니다.

%%%%%%%%%최상%%%%%%%%%

판매자 배송 정책

  • ☞ 제주도 추가비용 3000원 (도서지역 지역마다 차등 추가됩니다.) ☞ 택배는 CJ대한통운으로 발송합니다.

더보기

구매후기 목록
NO 구매후기 구매만족도 ID 등록일
43 감사합니다. 잘 보겠습니다. 5점 만점에 5점 hnh5*** 2019.11.09
42 배송이 빨라서 좋았습니다. 5점 만점에 5점 jjh1*** 2019.08.10
41 빠른 배송 감사합니다. 5점 만점에 4점 kks964*** 2019.08.07
40 잘 받았습니다. 감사합니다^^ 5점 만점에 5점 sejo*** 2019.04.26
39 감사합니다 수고하세요 5점 만점에 5점 ggoodd*** 2019.04.11

이 책의 시리즈

책 소개

상품구성 목록
상품구성 목록

알기 쉬운 설명! 모바일 중심 예제! 이 책은 반응형 웹디자인이 당연한 시대에 새로운 지침서로서 자리 잡을 수 있도록 집필됐다. 특히 스마트폰 시대의 HTML/CSS 코딩에 역점을 두고 있다. HTML은 작성할 때의 ‘개념’에 중점을 두었고, CSS는 단순한 기능을 설명하는 것이 아니라 다양한 실전 기술을 다루었다. 또한, 저자의 생생한 경험을 책에 잘 녹여내었고, HTML과 CSS 기능 중에서도 실무에서 자주 사용하는 기술들을 자세하게 설명하고 있다. (지은이의 ‘머리말’ 중에서)

저자소개

저자 : 카노 스케하루
저자 카노 스케하루는 UI 디자이너/엔지니어/저술가
미국 샌프란시스코에서 UI 디자인 이론을 배웠다. 귀국 후 직장 생활을 하다 프리랜서를 거쳐 2016년부터 주식회사 Studio947을 설립했다. 웹사이트 및 애플리케이션 인터페이스 디자인, 인터랙티브 콘텐츠 개발 등을 하고 있으며, 각종 세미나나 강좌의 강사로 활동 중이다. 주요 저서로는 《처음 만나는 자바스크립트》(제이펍), 《スラスラわかるCSSデザインのきほん(쉽게 이해하는 CSS 디자인의 기본)》, 《作りながら?ぶjQueryデザインの?科書(만들면서 배우는 jQuery 디자인 교과서)》(SB크리에이티브) 등이 있다.

역자 : 김완섭
역자 김완섭은 네덜란드 ITC에서 Geoinformation for Disaster Risk Management 석사 학위를 취득했다. 약 9년간 일본과 한국의 기업에서 IT 및 GIS/LBS 분야 업무를 담당했으며, 일본에서는 세콤(SECOM) 계열사인 파스코(PASCO)에서 일본 외무부, 국토지리정보원 같은 정부기관을 대상으로 한 시스템 통합(SI) 업무를 담당했다. 이후 야후 재팬으로 직장을 옮겨 내비게이션 지도 개발 담당 시니어 엔지니어로 근무했으며, 한국으로 돌아와 SK에서 내비게이션 지도 데이터 담당 매니저로 근무했다. 현재는 싱가포르의 한 국제 연구 기관에서 echnical Specialist로 근무 중이다. 저서로는 《나는 도쿄 롯폰기로 출근한다》가 있으며, 역서로는 《인공지능 70》, 《처음 만나는 자바스크립트》, 《다양한 언어로 배우는 정규표현식》, 《그림으로 공부하는 IT 인프라 구조》, 《그림으로 공부하는 시스템 성능 구조》 등 20여 종이 있다. 블로그를 통해 IT 번역 관련 이야기와 싱가포르 직장 생활을 소개하고 있다.

목차

CHAPTER 1 웹사이트의 구조를 알자 ... 1
SECTION 1 웹사이트가 표시되는 구조 _2
SECTION 2 URL _5
SECTION 3 웹사이트에 사용되는 파일 종류 _9
SECTION 4 웹사이트의 파일 및 폴더 구조 _16
SECTION 5 웹사이트 제작 환경을 준비하자 _22

CHAPTER 2 HTML 기초 지식과 마크업 실전 예제 ... 29
SECTION 1 HTML이란? _30
SECTION 2 HTML 형식 _33
SECTION 3 HTML 문서 구조 _37
SECTION 4 마크업의 구성 방식 연습하기 _40

CHAPTER 3 CSS 기초 지식과 페이지 디자인 실전 예제 ... 55
SECTION 1 CSS 기초 지식 _56
SECTION 2 CSS 형식 _58
SECTION 3 페이지에 CSS를 적용하는 훈련 _61

CHAPTER 4 텍스트 꾸미기 ... 73
SECTION 1 제목이나 본문의 폰트 크기 조정하기 _74
SECTION 2 읽기 쉽게 행간 조절하기 _82
SECTION 3 단락에서 리드 문장을 굵은 글씨로 설정 _85
SECTION 4 폰트 설정하기 _88
SECTION 5 텍스트의 정렬 방식 변경하기 _96
SECTION 6 두 번째 행 이후를 한 글자 내린다 _99
SECTION 7 텍스트 색 변경하기 _102
SECTION 8 제목에 부제목 붙이기 _111

CHAPTER 5 링크 설정과 이미지 표시 ... 115
SECTION 1 텍스트에 링크 추가하기 _116
SECTION 2 텍스트 링크에 CSS 적용하기 _129
SECTION 3 이미지 표시하기 _139
SECTION 4 이미지 링크 걸기 _145
SECTION 5 이미지 주변에 텍스트 배치하기 _150

CHAPTER 6 박스와 정보 정리 ... 155
SECTION 1 인라인 박스와 블록 박스 _156
SECTION 2 항목 나열하기(리스트)의 마크업 _159
SECTION 3 리스트를 정보 정리에 사용하자 _162
SECTION 4 능숙한
사용법 _173
SECTION 5 CSS의 박스 모델 _178
SECTION 6 패딩, 보더 설정 _183
SECTION 7 두 개 이상의 박스 나열하기 _189
SECTION 8 박스의 디자인 조절하기 _197

CHAPTER 7 테이블 ... 209
SECTION 1 테이블 작성하기 _210
SECTION 2 접근성을 고려한 테이블 _220
SECTION 3 테이블의 디자인 변경 _227

CHAPTER 8 폼 ... 235
SECTION 1 폼 및 폼의 데이터 전송 구조 _236
SECTION 2 다양한 폼 부품 _239
SECTION 3 표준 폼의 예 _263

CHAPTER 9 페이지 전체 레이아웃과 내비게이션 ... 267
SECTION 1 실전 코딩을 위해 알아 두면 좋은 CSS 지식 _268
SECTION 2 1단 칼럼형 레이아웃 _275
SECTION 3 플렉스 박스를 사용한 칼럼 레이아웃 _292
SECTION 4 내비게이션 메뉴 작성하기 _304

CHAPTER 10 반응형 웹디자인 페이지 만들기 ... 317
SECTION 1 반응협 웹디자인이란? _318
SECTION 2 반응형 웹디자인 사이트 만들기 _323

책 속으로

https는 해당 웹페이지를 요청할 때와 응답이 돌아올 때 모두 전송 중인 데이터가 암호화되고 있다는 것을 나타낸다. 데이터가 암호화되면 인터넷상의 제3자가 혹 데이터를 가로채더라도 그 내용을 확인할 수 없다. https는 이전까지만 해도 주로 신용카...

[책 속으로 더 보기]

https는 해당 웹페이지를 요청할 때와 응답이 돌아올 때 모두 전송 중인 데이터가 암호화되고 있다는 것을 나타낸다. 데이터가 암호화되면 인터넷상의 제3자가 혹 데이터를 가로채더라도 그 내용을 확인할 수 없다. https는 이전까지만 해도 주로 신용카드 번호나 로그인 암호 등 노출되면 위험한 데이터를 전송할 때 사용됐다. 하지만 최근에는 보안에 대한 의식이 높아지면서 사이트 전체적으로 암호화를 하는 경우가 많아졌다. 참고로 스킴이 http인 경우는 전송되는 데이터(브라우저와 웹서버가 주고 받는 데이터)가 암호화되지 않는다. _6p

HTML에는 미리 정의돼 있는 태그가 약 200여 개가 있다. 200여 개라고 하면 많다고 생각할 수도 있지만, 사실 자주 사용하는 것은 30~40개 정도다. 또한, 반드시 알아야 할 태그는 10가지 정도에 불과하다. HTML5으로 업그레이드된 후 이전 버전의 HTML에 비해 태그 수가 배 정도로 늘었지만, 실제 인터넷상에 공개돼 있는 웹사이트의 HTML을 보면 태그를 많이 사용하는 것보다 가능한 한 간단하게 작성하려고 한 것을 볼 수 있다. 많은 종류의 태그 사용법을 배우는 것보다 어떻게 문서를 구조화하는가가 더 중요하다고 볼 수 있다. _30p

동일 사이트 내의 다른 페이지를 링크하는 것을 ‘사이트 내 링크’ 또는 ‘내부 링크’라고 한다. 사이트 내 링크는 링크 위치를 ‘상대 경로’라 불리는 방법으로 지정할 수 있다. 상대 경로는 HTML 파일이 작업용 PC상에 있을 때도 연결된다는 이점이 있어서 웹사이트 개발을 수월하게 해준다. 이 때문에 사이트 내의 페이지 링크에는 상대 경로가 주로 사용된다. _119p

div>는 그 자체로는 의미가 없는 태그로 다른 요소를 그룹화해서 정리할 때 사용한다. 단, ‘여기는 메인 콘텐츠니까
로 감싸자’, ‘사이드바니까
로 감싸자’ 하는 식으로 최종적인 디자인을 고려해서 CSS를 적용시킬 때 사용하는 경우가 많다. 이것이 틀린 것은 아니지만, 디자인(외형)만 고려해서
를 남발하면 코드에
태그가 넘쳐나게 된다. 또한, 너무 깊은 계층 구조를 지니면(
를 몇 번이고 중첩해서 사용) HTML의 가독성이 떨어져서 관리하기가 힘들어진다. _173p

‘뷰포트’란 ‘페이지가 표시되는 화면의 영역’을 의미하는 것으로서 스마트폰이라면 단말기 화면 전체를 가리키고, PC라면 브라우저 창을 가리킨다. 이 태그는 페이지가 스마트폰 또는 태블릿에 표시될 때에만 효력을 발휘한다. _276p

현재 스마트폰을 지원하지 않는 웹사이트를 만드는 것은 생각할 수 없는 일이다. 전 세계 웹사이트의 접속 통계를 발표하고 있는 ‘StatCounter Global Stats’에 의하면 PC(윈도우, 맥) 접속이 약 40%이고, 스마트폰 및 태블릿(안드로이드, iOS) 접속이 약 45%로 스마트폰이 PC 접속보다 많은 것을 알 수 있다. _359p

[책 속으로 더 보기 닫기]

출판사 서평

당신이 알던 그 예전의 HTML과 CSS가 아니다! 잘 안다고 생각했던 HTML과 CSS! 근데 과연 그럴까요? 이 책은 그런 안일함을 기분 좋게 깨주는 친절하고 상냥한 학습서랍니다! 이 책은 이론에 집중하기보다 지은이가 현장에서 겪은 실무 경험...

[출판사서평 더 보기]

당신이 알던 그 예전의 HTML과 CSS가 아니다!

잘 안다고 생각했던 HTML과 CSS! 근데 과연 그럴까요? 이 책은 그런 안일함을 기분 좋게 깨주는 친절하고 상냥한 학습서랍니다! 이 책은 이론에 집중하기보다 지은이가 현장에서 겪은 실무 경험에서 우러난 생생한 노하우를 전달하며, 단순한 프로그래밍 지식뿐만 아니라 실무에서 사용되는 작업 순서나 생각 방식도 전수하는 것이 가장 큰 특징입니다. 또한, 쉬운 코드와 그림을 바탕으로 초보자도 쉽게 이해할 수 있도록 구성하였습니다.

무엇보다 단순히 태그 설명이나 CSS를 설명하는 것을 넘어, ‘이렇게 하면 페이지가 완성된다’라는, 작업의 전체 흐름을 이해하는 데 중점을 두고 집필하였으므로 이 책을 통해 자잘한 기술이 아닌, 실무에 필요한 능력을 키울 수 있을 것입니다!

이 책의 주요 내용
1장 - 웹사이트 구조와 URL의 특징 그리고 사용할 수 있는 파일 종류 및 특징 등 웹사이트 제작을 시작하기에 앞서 알아 두어야 할 기초 지식을 정리
2장 ~ 3장 - 간단한 예를 통해 HTML/CSS 코딩 흐름을 학습. 특히 언제 어떤 태그를 사용해서 페이지를 구성하면 좋은지를 개념 중심으로 설명
4장 ~ 8장 - 기능별로 HTML/CSS 코딩 예를 소개. ‘설명을 위한 예제’가 아닌 실전 기술을 도입해서 예제를 구성했으므로 학습은 물론 실무에도 적용 가능
9장 - 레이아웃에 관해 내용과 함께, 현재 주류가 되는 플렉스 박스(flex box) 기술을 사용해 전형적인 페이지 레이아웃과 내비게이션을 구현하는 방법을 상세하게 다룸
10장 - 지금까지 소개한 기술을 조합해서 실제 웹사이트를 구축해 보고, 웹사이트의 HTML/CSS 작성 흐름과 사고방식에 따른 작업 순서를 소개함. 아무리 복잡한 디자인이라도 사실은 ‘작은 기술들의 집합’으로 만들어져 있다는 것을 이해할 수 있도록 구성

[출판사서평 더 보기 닫기]

책 속 한 문장

회원리뷰

  • html 과 css의 기본적인 지식과 최근 많이 사용하는 반응형웹까지 잘 서술해낸 책 같습니다. 기존 업계에 몸을 담구고...
    html 과 css의 기본적인 지식과 최근 많이 사용하는 반응형웹까지 잘 서술해낸 책 같습니다.

    기존 업계에 몸을 담구고 있는사람들이 읽기에는 다소 너무 기초적인 것들 위주라 참고해서 많이 얻을 것은 없을 것 같고, 이제 html 을 시작하려는 사람들이 읽으면 굉장히 도움이 많이 될 책인것같습니다.

    예제와 더불어 설명을 쉽게 이해할 수 있도록 잘 배치되어있어 읽는데 불편함이 전혀없었고, 또 최근 많이 사용하는 반응형웹을 서술하여 최신 트렌드에도 뒤쳐지지 않도록 잘 서술되어 있습니다.

    하지만 너무 많은 내용을 책에 담고 싶지만 처음 접하는사람들이 어렵지 않게 하기위해서인지 각 태그나 설명에 대해서 아주 자세히는 적혀있지 않고 약간 러프하게(?) 설명이 되어있더라고요.

    그래서 어느정도 지식이 있는분보다는 처음 접하는 사람이 어렵지않게 공부할수 있는 책인것 같습니다.

    html을 처음 접하시는분들에게 강추하는 책입니다.
  • 평소에 HTML과 CSS에 관심이 있어서 책을 찾아보던 중에 처음 만나는 HTML5 & CSS3란 책을 알게 되어 읽었...

    평소에 HTML과 CSS에 관심이 있어서 책을 찾아보던 중에 처음 만나는 HTML5 & CSS3란 책을 알게 되어 읽었습니다.

     

    다른 책과 달리 책의 디자인이 잘되어 있어서 책을 읽기 굉장히 편했습니다.

     

    챕터속 섹션구성이 잘되어 있어서 따라하기 좋았습니다.

     

    예제가 다양해서 다양한 정보들을 습득하고 따라하기 수월했습니다.

     

    처음 HTML과 CSS를 접하시는 분들께 추천합니다.

교환/반품안내

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

교환/반품안내
반품/교환방법

[판매자 페이지>취소/반품관리>반품요청] 접수
또는 [1:1상담>반품/교환/환불], 고객센터 (1544-1900)

※ 중고도서의 경우 재고가 한정되어 있으므로 교환이 불가할 수 있으며, 해당 상품의 경우 상품에 대한 책임은 판매자에게 있으며 교환/반품 접수 전에 반드시 판매자와 사전 협의를 하여주시기 바랍니다.

반품/교환가능 기간

변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

※ 중고도서의 경우 판매자와 사전의 협의하여주신 후 교환/반품 접수가 가능합니다.

반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유

소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우(단지 확인을 위한 포장 훼손은 제외)

소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 예) 화장품, 식품, 가전제품 등

복제가 가능한 상품 등의 포장을 훼손한 경우 예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)

디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우

시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품이므로 단순 변심 및 착오로 인한 취소/교환/반품 시 해외주문 반품/취소 수수료 고객 부담 (해외주문 반품/취소 수수료는 판매정가의 20%를 적용

2) 중고도서 : 반품/교환접수없이 반송하거나 우편으로 접수되어 상품 확인이 어려운 경우

소비자 피해보상
환불지연에 따른 배상

- 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

- 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

판매자
레드북
판매등급
특급셀러
판매자구분
일반
구매만족도
5점 만점에 5점
평균 출고일 안내
2일 이내
품절 통보율 안내
48%

바로가기