메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

IT CookBook, HTML5 웹 프로그래밍 입문(3판)

한빛아카데미

집필서

절판

  • 저자 : 윤인성
  • 출간 : 2019-07-20
  • 페이지 : 488 쪽
  • ISBN : 9791156644552
  • 물류코드 :4455
  • 구판정보 :이 도서는 <IT CookBook, HTML5 웹 프로그래밍 입문(개정판)>의 개정판입니다. 구판 정보 보기
  • 개정판정보 :개정판이 새로 출간되었습니다. 개정판 보기
  • 본 도서는 대학 강의용 교재로 개발되었으므로 연습문제 해답은 제공하지 않습니다.
  • 초급 초중급 중급 중고급 고급
4.5점 (26명)
좋아요 : 107

한 권으로 배우는 표준 HTML5 웹 프로그래밍

 

웹 프로그래밍을 처음 배우는 독자를 위한 입문서로 HTML5, CSS3, 자바스크립트, jQuery까지 한 권으로 기본기를 다질 수 있습니다. 최신 웹 표준에 맞게 배울 수 있도록 웹에 대한 기본 이해부터 프로젝트 완성까지 단계적으로 다룹니다. 예제는 단편적인 기능 익히기에 그치지 않고 실제 개발에 응용할 수 있도록 기본 예제 → 응용 예제 → 종합 예제(블로그 제작)의 점차 발전되는 형태로 구성되어 있습니다. 프로젝트에서는 간단한 모바일 페이지와 핀터레스트 스타일의 감각적인 웹 페이지를 제작합니다.

 

https://rintiantta.github.io/academy-html/ 

 

※ 본 도서는 대학 강의용 교재로 개발되었으므로 연습문제 해답은 제공하지 않습니다.

 

 

부/장별 요약 

  1. HTML5 태그(3~4장) HTML5 기본 태그와 공간 분할 태그, 시맨틱 태그와 더불어 멀티 미디어 태그, 입력 양식 태그를 다룹니다. 웹 표준을 사용해 웹 페이지를 구성하는 방법을 익힐 수 있습니다.[종합 예제 1] 블로그 레이아웃 구성
  2. CSS3 스타일(5~8장) CSS3 선택자와 속성을 사용하는 방법을 배웁니다. 웹 페이지 디자인 속성들을 익힌 후 배운 내용을 사용해 레이아웃을 구성하는 방법을 알아봅니다.[종합 예제 2] 블로그에 스타일시트 적용
  3. 자바스크립트와 jQuery 라이브러리(9~12장) 자바스크립트의 기본 내용을 알아보고 jQuery 라이브러리를 배웁니다. 자바스크립트를 사용해 문서 객체를 조작하는 내용을 중심으로 다룹니다. 그리고 입력 양식 자동 초점, 애니메이션, 무한 스크롤 등 웹 페이지를 제작할 때 바로 사용할 수 있는 내용들도 함께 살펴봅니다.[종합 예제 3] 블로그에 자바스크립트 적용
  4. 프로젝트(13~14장) HTML5와 CSS3를 사용해서 간단한 모바일 페이지를 만듭니다. 책에서 배운 모든 내용을 사용해 HTML5 표준에 맞는 핀터레스트 스타일의 웹 페이지를 제작합니다.[프로젝트 1] 모바일 페이지 제작[프로젝트 2] 핀터레스트 스타일의 웹 페이지 제작

 

한빛아카데미_HTML5웹프로그래밍입문_750.jpg

 

 

윤인성 저자

윤인성

출근하는 것이 싫어서 책을 집필하기 시작했습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미입니다. 책의 소개말을 쓰는 시점을 기준으로 해서 이 책은 73번째 도서입니다.

저서로는 『자바스크립트 프로그래밍 입문(2판)』(한빛아카데미, 2022), 『C# 프로그래밍(2판)』(한빛아카데미, 2021)과 『혼자 공부하는 파이썬(개정판)』(한빛미디어, 2023) 등이 있습니다. 역서로는 『내 코드가 그렇게 이상한가요?』(인사이트, 2023), 『이펙티브 코틀린(인사이트, 2022)』 등이 있습니다.

 

Chapter 01 웹 개요와 실습 환경 구축

01 인터넷과 웹 시작

02 웹 브라우저 전쟁과 웹 표준

03 웹 동작

04 웹 표준 기술과 HTML5 주요 기능

4.1 웹 표준 기술

4.2 HTML5 주요 기능

05 HTML5를 공부하면 좋은 이유

06 실습 환경 구축

연습문제

 

Chapter 02 웹 페이지 기본 구조와 작성 방법

01 HTML5 기본 용어

1.1 태그와 요소

1.2 속성

1.3 주석

02 HTML5 페이지 구조와 작성법

2.1 HTML5 페이지의 구조

2.2 HTML5 페이지의 작성과 실행

2.3 스타일시트 작성과 실행

2.4 자바스크립트 작성과 실행

03 오류와 검증

연습문제

 

Chapter 03 HTML5 기본 태그

01 글자 태그

1.1 제목과 본문 글자 태그

1.2 앵커 태그

1.3 글자 모양 태그

02 목록 태그

03 테이블 태그

04 미디어 태그

연습문제

 

Chapter 04 HTML5 입력 양식 태그와 구조화 태그

01 입력 양식 태그

1.1 입력 양식 개요

1.2 입력 양식 종류

02 HTML5 문서 구조화

2.1 공간 분할 태그

2.2 시맨틱 태그

연습문제

종합 예제 1 블로그 레이아웃 구성

 

 

Chapter 05 CSS3 기초: 선택자와 단위

01 선택자의 용도와 사용법

02 기본 선택자

03 속성 선택자

04 후손 선택자와 자손 선택자

4.1 후손 선택자

4.2 자손 선택자

05 반응·상태·구조 선택자

5.1 반응 선택자

5.2 상태 선택자

5.3 구조 선택자

06 CSS3 단위

6.1 키워드 단위

6.2 크기 단위

6.3 색상 단위

6.4 URL 단위

연습문제

 

Chapter 06 CSS3 속성

01 박스 속성

1.1 박스 크기와 여백

1.2 박스 테두리

02 가시 속성

03 배경 속성

3.1 배경 이미지 삽입과 크기 지정

3.2 배경 이미지 반복과 부착 형태, 위치

04 글자 속성

4.1 글자 크기와 글꼴

4.2 글자의 스타일과 두께

4.3 글자 정렬

4.4 링크 글자의 밑줄

05 위치 속성

5.1 요소의 고정 위치와 상대 위치 지정 

5.2 위치 속성 공식

5.3 내용이 요소 크기를 벗어날 때 처리

06 유동 속성 

07 그림자와 그레이디언트 속성

7.1 그림자 속성

7.2 그레이디언트 속성

연습문제

 

Chapter 07 다양한 레이아웃의 구성과 기능

01 수평, 중앙, One True 정렬 레이아웃

1.1 수평 정렬 레이아웃

1.2 중앙 정렬 레이아웃

1.3 One True 레이아웃

02 요소 배치

2.1 절대 위치를 사용한 요소 배치

2.2 요소를 중앙에 배치

2.3 요소를 고정 위치에 배치

03 글자 생략

연습문제

 

Chapter 08 반응형 웹

01 반응형 웹 소개

02 반응형 웹을 위한 설정

2.1 뷰포트 설정

2.2 미디어 쿼리 설정

03 반응형 웹 패턴

연습문제

종합 예제 2 블로그에 스타일시트 적용

 

Chapter 09 자바스크립트 기본 문법

01 자바스크립트 기본 용어와 출력 방법

1.1 자바스크립트 기본 용어

1.2 자바스크립트 출력

02 자료형과 변수

2.1 자료형

2.2 변수

03 조건문과 반복문

3.1 조건문

3.2 반복문

04 함수

4.1 선언과 호출, 실행 우선순위

4.2 매개변수와 반환 값

4.3 콜백 함수

05 객체

5.1 객체 개요

5.2 속성과 메서드

연습문제

 

Chapter 10 문서 객체 모델

01 문서 객체 모델의 기본 용어와 개념

1.1 문서 객체 모델 기본 용어

1.2 웹 페이지 실행 순서

02 문서 객체 선택

03 문서 객체 조작

3.1 글자 조작

3.2 스타일 조작

3.3 속성 조작

04 이벤트

4.1 이벤트 연결

4.2 이벤트 사용

연습문제

 

Chapter 11 jQuery 라이브러리

01 jQuery 라이브러리 설정

02 문서 객체 선택

03 문서 객체 조작

3.1 속성 조작

3.2 스타일 조작

3.3 글자 조작

3.4 클래스 조작

04 이벤트

4.1 이벤트 연결

4.2 이벤트 사용

05 시각 효과

연습문제

 

Chapter 12 자바스크립트와 jQuery 라이브러리 응용

01 입력 양식 포커스

02 프레임 애니메이션

03 문서 객체 생성과 추가

04 무한 스크롤

05 플러그인 사용

06 갤러리

연습문제

종합 예제 3 블로그에 자바스크립트 적용

 

Chapter 13 프로젝트: 모바일 페이지 제작

01 미리 알아볼 내용

1.1 동위 선택자

1.2 동위 선택자를 활용한 풀다운 메뉴

02 프로젝트 소개

03 레이아웃 구성

04 스타일시트 적용

4.1 초기화

4.2 공통 구성

4.3 헤더 구성

4.4 본문과 푸터 구성

 

Chapter 14 프로젝트: 핀터레스트 스타일의 웹 페이지 제작

01 프로젝트 소개

02 레이아웃 구성

03 스타일시트 적용

3.1 초기화

3.2 헤더 구성

3.3 풀다운 메뉴 구성

3.4 내비게이션 구성

3.5 웹 페이지 구성

3.6 라이트박스 구성

04 자바스크립트 적용

4.1 풀다운 메뉴 구성

4.2 페이지 구성

4.3 라이트박스 구성

 

실습 목록

찾아보기

책이 초심자에게 친절하게 구성되어있어서 덕분에 잘 공부하고 있습니다.
연습문제를 확인하기 위한 답지가 필요합니다. 가능하시다면 메일로 부탁드리겠습니다 ㅎㅎ
rbgud3333@gmail.com

혼자 독서실에서 하다가 연습문제 부분에서 몇몇 막히는 부분이 있어가지구 문의드립니다

답지 자료 부탁드립니다..!

dragon2845@naver.com << 여기로 보내주시면 감사하겠습니다

 

HTML을 처음 시작하는 사람도 예제 위주의 실습으로  차근차근 따라 하다 보면 HTML 과 CSS, Java Script 까지도 이해하기 쉽게 구성이 되어 있습니다.

진짜 책 너무너무 좋은데 연습문제 답이 없어서 제가 푼 문제가 맞는건지 모르겠어요 .. 이거 보시면 밑에 메일로 꼭 보내주시면 감사하겠습니다!!

pe50004@naver.com

공부하는데 도움이 많이 될 것 같습니다.

연습문제 답지가 필요합니다.

hohoboy97@naver.com  << 해설 및 답지좀 부탁드릴게요

책이 다 좋지만 정답이 없어 맞게 푼건지 알기가 어렵습니다. 답지 보내주시면 감사하겠습니다.

(ispeed0012@gmail.com)

책이 너무너무 좋고 잘 나와있는대 연습문제 해답이 없어서 제가 잘 한건지를 확인을 못하고 또 중간에 막힌 문제들은 아예 손도 못대고 있습니다..해설지좀 보내주시면 감사하겠습니다..ll0913@naver.com 입니다...제바아알..

혼자 공부하는데 모르는게 있습니다. 연습문제 답이 필요합니다.

(saysoom@naver.com)

이메일로 답지 부탁드립니다.

안녕하세요 html5 공부하고 있는 비전공자입니다.

연습문제 풀이 시 답이 맞는지 확인이 필요한 부분이 있어서

해답지 부탁드립니다.

메일 주소

:kocs921@naver.com

로 해답지 보내주시면 감사하겠습니다.

mcc050125@gmail.com으로 보내주시면 감사하겠습니다.

혼자 독학하는데 연습문제를 풀고도 맞는지 확인을 못하고 있어요.... 따로 올려주던 보내주시던 해주시면 안되나요?

가능하면 rlaalswn0448@naver.com으로 보내주세요ㅠㅠ

연습문제를 풀어도 답이 맞는지를 몰라서 진도를 못나가네요ㅠㅠ

가능하다면 연습문제 해설지를 받아보고 싶습니다. 

zmfla73@naver.com 이메일 입니다. 

연습문제 답지 좀 부탁드립니다ㅠㅠ

혼자서 공부를 하고 있는데 많은 어려움이 있습니다.

sokcho00@nate.com 으로 답지 좀 부탁드립니다ㅠㅠ

연습문제를 혼자서 풀기에는 너무 힘든것 같습니다

 

 

rockyuong@naver.com 으로 답지좀 보내주실수 있으신가요??

제가 따로 혼자 공부를 하는데 답을 몰라서 답답한 경우가 너무 많습니다 ㅜ 9장부터 13장까지 답지좀 부탁드려요

sunan97155@naver.com 부탁드립니다 혼자 하기 너무 버거워요 

혼자하는데 연습문제가 너무 헷갈려서요ㅜㅜ

pweasdzx32@naver.com

부탁드리겠습니다ㅜㅜ

코로나 19로 인해 비대면 수업 중 어려움이 있습니다.

jm2390@naver.com

혼자 하기 벅차서 해설이 조금 필요 합니다.

sodud7908@naver.com

혼자서 문제를 푸는데, 해설지가 없어서 힘드네요..

 

sdf56711@naver.com

혼자서 공부하는데 연습문제를 제대로 푼게 맞는지 모르겠어서 답지가 필요합니다.

메일로 답지좀 보내주세요

 

kth2035@naver.com

혼자 공부하는데 연습문제 답을 알고싶습니다.

(ahhyunyoon@naver.com) 

이메일로 답지 부탁드립니다.

연습문제 답지 부탁드려요(natural66@naver.com)

혼자 문제를 해결하기에 어려운 부분 및 연습문제의 답을 확인에 문제가 있습니다.

해답을 이메일로 보내주시면 좋겠습니다.

dlgusgh2006@naver.com

혼자 문제푸는데 어려운 부분이 있네요  hyunfree0106@naver.com으로 보내주시면 감사하겠습니다

 

혼자 문제를 해결하는데 있어서 어려움이 많네요

skarbfuf12@naver.com 답지 좀 부탁드립니다.

결제하기
• 문화비 소득공제 가능

도서구입 안내

<한빛아카데미> 도서는 한빛 홈페이지에서 더 이상 판매를 하지 않습니다. 도서 구입은 인터넷 서점을 이용하시기 바랍니다. 양해바랍니다.

리뷰쓰기

닫기
* 도서명 :
IT CookBook, HTML5 웹 프로그래밍 입문(3판)
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
IT CookBook, HTML5 웹 프로그래밍 입문(3판)
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
IT CookBook, HTML5 웹 프로그래밍 입문(3판)
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실