본문 바로가기

추천 검색어

실시간 인기 검색어

HTML/CSS 입문 예제 중심

HTML/CSS 기초에서 반응형 웹까지
황재호 지음
인포앤북

2021년 03월 08일 출간

종이책 : 2020년 11월 25일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (15.90MB)
ISBN 9791196440930
쪽수 477쪽
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 전자책 화면에 표기된 주석 등을 모두 읽어 줍니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.
  • '교보 ebook' 앱을 최신 버전으로 설치해야 이용 가능합니다. (Android v3. 0.26, iOS v3.0.09,PC v1.2 버전 이상)

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

쿠폰적용가 18,000

10% 할인 | 5%P 적립

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

카드&결제 혜택

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

작품소개

이 상품이 속한 분야

예제 중심으로 재미있게 HTML과 CSS 익히기!
실전 웹 페이지 제작과 반응형 웹 마스터!

2016년 출간한 『HTML & CSS for Beginner』의 후속 버전으로 HTML과 CSS를 처음 접하는 초보자를 대상으로 하였다. 다양한 예제를 통하여 쉽고 재미있게 HTML과 CSS의 기초를 확립할 수 있게 한다. 책의 내용은 네 개의 파트(HTML 편, CSS 편, 레이아웃 편, 반응형 웹 편)로 구성되어 있으며 HTML/CSS의 기초 확립과 더불어 실제 웹 사이트 제작을 위한 웹 페이지 레이아웃 기술을 상세하게 다룬다. 또한 최신 반응형 웹 기술까지 빠짐없이 다루고 있다.
PART 1 HTML 편
CHAPTER 01 HTML 소개
1.1 웹의 개요
__1.1.1 웹이란?
__1.1.2 웹의 동작 원리
1.2 실습 환경 구축
1.3 HTML의 개요
__1.3.1 HTML 문서의 구조
__1.3.2 웹 페이지의 제목
1.4 HTML의 주석문
[연습문제]

CHAPTER 02 HTML의 기본 태그
2.1 텍스트
__2.1.1 글 제목 - 〈h1〉 ~ 〈h6〉
__2.1.2 단락 - 〈p〉
__2.1.3 줄바꿈 - 〈br〉
__2.1.4 HTML 특수 문자
2.2 이미지
__2.2.1 이미지 삽입 - 〈img〉
__2.2.2 URL 주소와 경로
2.3 오디오와 비디오
__2.3.1 오디오 - 〈audio〉
__2.3.2 비디오 - 〈vidio〉
2.4 목록
__2.4.1 순서없는 목록 - 〈ul〉 〈li〉
__2.4.2 순서 목록 - 〈ol〉 〈li〉
2.5 하이퍼링크
프로젝트 2-1 : 데이터 센터 소개 페이지 만들기
프로젝트 2-2 : 랙돌 고양이 소개 페이지 만들기
프로젝트 2-3 : 에버랜드 이용 안내 페이지 만들기
[연습문제]

CHAPTER 03. 폼 양식과 테이블
3.1 폼 양식이란?
3.2 입력 요소 - 〈input〉
__3.2.1 텍스트 입력 창
__3.2.2 비밀번호 입력 창
__3.2.3 라디오 버튼
__3.2.4 체크 박스
__3.2.5 파일
__3.2.6 버튼
__3.2.7 〈input〉 태그의 속성
3.3 선택 박스 - 〈select〉 〈option〉
3.4 다중 입력 창 - 〈textarea〉
3.5 표
__3.5.1 표 삽입 - 〈table〈tr〉 〈th〉 〈td〉
__3.5.2 셀의 병합
프로젝트 3-1 : 열차 시간표 만들기
프로젝트 3-2 : 기상청 일기예보 표 만들기
프로젝트 3-3 : 회원가입 폼 만들기
프로젝트 3-4 : 답글쓰기 폼 만들기
[연습문제]

Part 2. CSS 편
CHAPER 04 CSS의 기본 문법
4.1 CSS의 개요
__4.1.1 CSS의 기본 구조
__4.1.2 CSS의 삽입 방법
4.2 CSS의 주석문
4.3 웹의 색상
__4.3.1 배경 색상
__4.3.2 글자 색상
__4.3.3 색상 코드
4.4 글자 스타일 지정
__4.4.1 글자 정렬과 줄 간격
__4.4.2 폰트 설정
__4.4.3 글자 그림자
__4.4.4 링크 글자 꾸미기
4.5 웹 폰트
__4.5.1 웹 폰트 사용 방법
__4.5.2 웹 폰트 사용 예
프로젝트 4-1 : 생태 공원 이용 안내 페이지 만들기
프로젝트 4-2 : 고양이 기르기 페이지 만들기
프로젝트 4-3 : 링크걸린 텍스트 메뉴 꾸미기
[연습문제]

CHAPTER 05. 박스 모델
5.1 박스 모델이란?
5.2 경계선
__5.2.1 경계선 그리기
__5.2.2 상하좌우 경계선
5.3 마진과 패딩
__5.3.1 마진 - margin
__5.3.2 패딩 - padding
5.4 박스 관련 속성
__5.4.1 둥근 모서리 - border-radius
__5.4.2 박스 그림자 - box-shadow
프로젝트 5-1 : 웹 소개 페이지 만들기
프로젝트 5-2 : HTML/CSS 강좌 배너 만들기
프로젝트 5-3 : 우대 정보 페이지 만들기
[연습문제]

CHAPTER 06. CSS 선택자
6.1 선택자란?
6.2 선택자의 기본
__6.2.1 전체 선택자
__6.2.2 태그 선택자
__6.2.3 그룹 선택자
6.3 아이디와 클래스
6.4 클래스 선택자
6.5 하위 선택자
프로젝트 6-1 : 고양이 프로필 만들기
프로젝트 6-2 : 해수욕장 안내 페이지 만들기
프로젝트 6-3 : 책 홍보용 상세 페이지 만들기
[연습문제]

CHAPTER 07. CSS 활용
7.1 배경 이미지
__7.1.1 배경 이미지 삽입
__7.1.2 배경 이미지 반복
7.2 테이블 꾸미기
7.3 디스플레이 방식 - display
__7.3.1 display 속성
__7.3.2 인라인과 블록
7.4 목록 꾸미기
__7.4.1 글머리 기호 - list-style-type
__7.4.2 글머리 이미지 - list-style-image
__7.4.3 수평 목록 만들기
7.5 폼 꾸미기
__7.5.1 로그인 폼
__7.5.2 회원가입 폼
프로젝트 7-1 : 과일 쇼핑몰 상품 목록 만들기
프로젝트 7-2 : 드레스 샵 배너 만들기
프로젝트 7-3 : 게시판 글쓰기 폼 만들기
[연습문제]

Part 3. 레이아웃 편
CHAPTER 08. 레이아웃 기초
8.1 박스 요소의 중앙 배치
8.2 float 속성을 이용한 레이아웃
__8.2.1 float 속성
__8.2.2 clear 속성
8.3 웹 페이지 레이아웃
__8.3.1 div 요소 레이아웃
__8.3.2 HTML 레이아웃 요소
8.4 요소의 위치 지정 - position
8.5 레이아웃 활용 예
__8.5.1 사이트 맵 레이아웃
__8.5.2 배너 목록 레이아웃
프로젝트 8-1 기업 연혁 만들기
프로젝트 8-2 메뉴를 비정형으로 배치하기
[연습문제]

CHAPTER 09. 실전! 웹 페이지 제작
9.1 베이킹 사이트의 메인 레이아웃
9.2 상단 헤더와 메인 이미지
__9.2.1 상단 헤더 만들기
__9.2.2 메인 이미지 만들기
9.3 사이드바 만들기
9.4 메인 섹션 만들기
9.5 하단 푸터 만들기
9.6 웹 페이지 완성하기
프로젝트 9-1 포털 사이트 메인 페이지 레이아웃 잡기
프로젝트 9-2 쇼핑몰 상풍 진열 페이지 레이아웃 잡기
[연습문제]

Part 4. 반응형 웹 편
CHAPTER 10. 반응형 웹 기초
10.1 반응형 웹이란?
10.2 뷰포트
__10.2.1 뷰포트 미설정
__10.2.2 뷰포트 설정
10.3 그리드 뷰
__10.3.1 가변 그리드
__10.

이 책은 2016년 11월 한빛 아카데미에서 출간한 『HTML & CSS for Beginner』의 후속 버전으로 집필 되었습니다. HTML/CSS의 기초와 반응형 웹을 예제 중심으로 재미있게 공부할 수 있는 독학 및 강의 교재입니다. 단계 별로 제시되는 예제들을 따라하기 식으로 실습하다 보면 자연스럽게 HTML/CSS의 지식을 습득하고 최신 반응형 웹 기술을 익힐 수 있도록 하였습니다.

이 책의 내용은 HTML, CSS, 웹 페이지 제작, 반응형 웹의 네 개의 파트로 구성됩니다. HTML 편에서는 HTML 문서의 기본 구조, 웹의 동작 원리, HTML 태그 등에 대해 학습하고, CSS 편에서는 CSS를 이용하여 웹 페이지를 멋지게 꾸미는 방법을 익힙니다. 그리고 웹 페이지 제작 편을 통해 앞에서 배운 HTML/CSS 기초를 바탕으로 실제 웹 사이트를 제작하는 방법을 배웁니다. 마지막으로 반응형 웹 편에서는 최신 반응형 웹 기술을 이용하여 실전에서 활용 가능한 반응형 웹 사이트를 제작하는 기법을 익힙니다.

작가정보

저자(글) 황재호

저자 : 황재호
경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 현재는 대학에서 파이썬, PHP, 자바스크립트, 데이터베이스, HTML/CSS, 웹 콘텐츠 제작 등을 강의하면서 관련 서적 집필과 온라인 콘텐츠 개발에 힘쓰고 있다.

이 상품의 총서

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
    신간 알림 안내
    HTML/CSS 입문 예제 중심 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    HTML/CSS 입문 예제 중심 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

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

    사진 첨부(선택) 0 / 5

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

    신고/차단

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

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


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

    문장수집 작성

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

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

    P.
    HTML/CSS 입문 예제 중심
    HTML/CSS 기초에서 반응형 웹까지
    저자 모두보기
    저자(글)
    낭독자 모두보기
    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일)