본문내용 바로가기
MD의선택 무료배송 이벤트 사은품 경품 소득공제

모두의 HTML5 & CSS3 16일 만에 배우는 웹 사이트 제작 기초

김인권 지음 | 길벗 | 2018년 08월 30일 출간

이 책의 다른 상품 정보

  • 정가 : 18,000원
    판매가 : 16,200 [10%↓ 1,800원 할인]
  • 통합포인트 :
    [기본적립] 900원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(14일,토) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • IT전문서 올해의 책 후보 발표! 지금 투표해주세요!
    2019.12.13 ~ 2020.01.31
  • 2020 다이어리 사은품 선택
    2019.11.27 ~ 2019.12.31
  • 행사도서 포함 IT 분야 3만원 이상 구매시 개발자 텀블러티슈 ..
    2019.11.05 ~ 2019.12.31
  • 개발자로 입문하기: 일단 이것부터 읽어보자!
    2019.05.31 ~ 2020.12.31
  • 프론트엔드 개발을 위한 약간의 가이드
    2018.02.02 ~ 2020.12.31
  • 길벗 IT도서를 한눈에 살펴보세요!
    2017.11.23 ~ 2019.12.31
  • #리드잇 페이스북 페이지 팔로우 하시고, 신간소식 빠르게 받아보..
    2017.06.22 ~ 2025.07.31
  • 설문참여 시 매월 5명 추첨통해 선물을 드립니다.
    10. 14 ~ 12. 31
상품상세정보
ISBN 9791160505658(1160505659)
쪽수 324쪽
크기 184 * 235 * 18 mm /739g 판형알림

책소개

이 책이 속한 분야

웹 개발은 1도 몰랐던 광고 기획자가
광고 회사를 그만두고 독학으로 만든 웹 사이트,
나도 만들어 볼까?

컴퓨터 관련 전공자나 전문가만이 웹 사이트를 개발하던 시대는 지났다. 이제는 누구나 코딩을 배워서 개인 홈페이지나 1인 스타트업 페이지, 기업 홈페이지 등을 제작할 수 있다. HTML 태그를 다 알지 못해도 괜찮다. 《모두의 HTML5 & CSS3》는 HTML 주요 태그들이 각각 어떤 역할을 하는지 짧은 예제를 실습하며 경험해 본다. 이어서 CSS 기본 사용법을 익히고, 레이아웃에 영향을 주는 속성들을 직접 눈으로 확인하면서 테스트해 본다. 레이아웃에 대해 어느 정도 감을 잡았다면 실제 웹 사이트를 만들면서 앞서 배운 HTML과 CSS 기술을 적용해 본다. 이 책은 HTML과 CSS에 관련된 모든 지식을 설명하지는 않는다. 하지만 초보자가 어려워 하는 레이아웃의 기본 개념과, 실제 웹 사이트를 제작하는 데 필요한 지식을 얻기에는 충분할 것이다. 게다가 기존의 책들과는 다르게 알록달록 귀여운 실습 결과물을 보는 시각적 재미도 있을 것이다.

상세이미지

모두의 HTML5 & CSS3 도서 상세이미지

저자소개

저자 : 김인권

경영학을 전공한 디지털 광고 AE 출신으로, 국내 스타트업에서 서비스 기획자이자 프런트엔드 개발자로 근무하고 있습니다. 인문학을 결합한 실용적인 학문과 기술에 관심이 많으며, 주말마다 개발 입문자를 대상으로 웹 개발에 필요한 지식을 전달하는 데 힘을 쏟는 중입니다. ‘나, 개발 한번 해보려고’ 페이스북 페이지를 운영하고 있으며, 브런치와 네이버 블로그에서는 기획하는 개발자라는 의미의 ‘기발자’라는 필명으로 활동하고 있습니다.

목차

[첫째 마당] 웹 사이트 설계를 위한 HTML
Day 01 웹을 구성하는 요소
1_ HTML, CSS, 자바스크립트
2_ 웹 사이트 레이아웃의 종류
3_ 크로스 브라우징
4_ 웹 표준

Day 02 HTML 시작하기
1_서브라임 텍스트 설치하기
2_HTML이란?
3_index.html 파일 만들기
4_HTML 태그의 구성 요소와 HTML 문서의 기본 구조
5_HTML 주요 태그 살펴보기
6_닫힌 태그가 없는 태그
7_HTML 주석

Day 03 HTML과 레이아웃
1_웹 사이트 공간을 정의하는 태그
2_웹 사이트 공간을 정의하는 태그


[둘째 마당] 웹 디자인을 담당하는 CSS
Day 04 CSS 시작하기
1_웹 사이트 디자인을 담당하는 언어, CSS
2_CSS 구성 요소와 연동 방법
3_CSS 선택자

Day 05 CSS 사용하기
1_부모 자식 간의 CSS 상속
2_CSS 속성의 우선순위, 캐스케이딩
3_CSS 파일에 주석을 작성하는 방법

Day 06 CSS 주요 속성 익히기
1_width와 height 속성
2_font- 속성
3_background- 속성


[셋째 마당] 웹 사이트 제작 한 걸음 더
Day 07 레이아웃에 영향을 미치는 요소 1
1_박스 모델
2_박스 모델의 4가지 요소
3_마진 병합 현상

Day 08 레이아웃에 영향을 미치는 요소 2
1_display 속성으로 HTML 태그의 혈액형 바꾸기
2_position 속성으로 HTML 태그에 차원 부여하기

Day 09 레이아웃에 영향을 미치는 요소 3
1_레이어 z축을 조정하는 속성, z-index
2_HTML 태그를 공중에 띄우는 float 속성
3_전통적인 웹 사이트 레이아웃 구조 만들기
4_float 와 clear 속성은 실과 바늘

Day 10 CSS3에 등장한 신조어
1_특정 영역에 여러 가지 변형 효과 적용하기
2_특정 영역이 변하는 과정 표현하기
3_CSS로 애니메이션 만들기

Day 11 메뉴 버튼 만들기
1_1단계: 정적인 메뉴 버튼 만들기
2_2단계: 정적인 메뉴 버튼 수정하기
3_3단계: 동적인 메뉴 버튼 만들기


[넷째 마당] 만들어 보자! 키즈가오 웹 사이트
Day 12 키즈가오 프로젝트 시작하기
1_키즈가오의 폴더 구조
2_키즈가오 인트로 제작
3_로고를 조금만 아래로 내려 주세요

Day 13 키즈가오 농장 레이아웃 만들기
1_키즈가오 farm1 레이아웃 작업
2_키즈가오 farm2 레이아웃 작업
3_키즈가오 farm3 레이아웃 작업
4_문제: 키즈가오 포레스트 레이아웃 작업

Day 14 키즈가오 사이언스 만들기
1_키즈가오 science 레이아웃 작업
2_문제: 키즈가오 밤낮 레이아웃 작업

Day 15 키즈가오 키친 레이아웃 만들기
1_키즈가오 kitchen 레이아웃 작업
2_문제: 키즈가오 컬러 레이아웃

Day 16 키즈가오에 애니메이션 적용하기
1_키즈가오 애니메이션 파일 연동하기
2_키즈가오 intro 공간에 애니메이션 적용하기
3_키즈가오 farm3 공간에 애니메이션 적용하기
4_키즈가오 forest 공간에 애니메이션 적용하기
5_키즈가오 science 공간에 애니메이션 적용하기
6_키즈가오 night1, night2, morning 공간에 애니메이션 적용하기
7_키즈가오 kitchen 공간에 애니메이션 적용하기
8_맺음말
찾아보기

출판사 서평

누구나 16일이면 웹 사이트를 만들 수 있다!

Day 01-03 | 웹 사이트 설계를 위한 HTML 기초 익히기
웹 사이트 제작에 필요한 배경 지식 및 기본적인 레이아웃의 종류를 알아봅니다. HTML 주요 태그를 중심으로 살펴봅니다.

Day 04-11 | 웹 디자인을 담당하는 CSS 연습하기
CSS 기본 사용법 및 레이아웃에 관련된 주요 속성에 대해 설명합니다. 이후 웹 사이트에 생명을 불어넣는 애니메이션 기능과 CSS 신조어 등 한 걸음 더 나아간 내용을 배웁니다.

Day 12-16 | 키즈가오 웹 사이트 만들... 더보기

북로그 리뷰 (2) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 들어가며 백엔드 개발을 주로 해오다가 최근에는 프론트엔드 개발까지 병행하게 되었다. 프론트엔드도 굉장히 빠르게 발전하고, 다양한 도구들이 등장하면서 복잡도가 많이 증가하게되었기 때문에 짧은 시간 내에 능숙하게 다루기란 정말 쉽지 않다. 백엔드 개발도 하면서 프론트엔드 공부와 개발을 병행하다보니 작은 기능 구현에도 굉장히 많은 시간이 소요되고, 결과물에서 많은 버그가 발생하였다. 이 과정에서 이러한 문제들을 해결하려면 어떻게 해야할지에 대해 고민을 많이 했고, 그 때마다 내린 결론은 기본기였다. 현재는 기본기가 부족하기 때문에 ... 더보기
  • * facebook 생활코딩 페이지에서 저자가 진행한 이벤트를 통해 이 책을 접할 수 있었다.   * 추천대상: 입문자, 어렴풋이 알고있지만 컴포넌트를 내가 원하는 곳에 둘 수 없는 자   HTML과 CSS에 대해 어렴풋하게 줏어들은 지식만 갖고 있었다.   최근 웹서비스를 제작할 때 템플릿을 구매해서 제작하곤 했는데, HTML CSS를 잘 모르다 보니  최대한 원본을 훼손하지 않는 한도에서 작업을 타협하는 상황이였다..ㅠㅠ   제일 문제인 ... 더보기

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

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

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

  • 윤인성
    16,200원
  • 길벗알앤디
    27,900원
  • 이남호
    23,310원
  • 길벗R&D
    32,400원
  • 선양미
    18,900원
더보기+

이 분야의 신간

  • 길벗알앤디
    27,900원
  • 다카라지마사
    9,900원
  • 테런스 J. 세즈노스키
    22,500원
  • 이동욱
    19,800원
  • 길벗R&D
    15,300원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품