기본 문법부터 바로 적용할 수 있는 웹 사이트 제작까지 한 권에 모두 담았다. HTML5 & CSS3 기초 문법은 220 여 개의 예제를 통해 익힐 수 있도록 했고, 세로스크롤형 웹 사이트, 풀페이지형 웹 사이트, 가로스크롤형 웹 사이트, 반응형 웹 사이트 등 4개 실전 프로젝트의 실제 제작 과정을 통해 실전 테크닉을 자연스럽게 익힐 수 있게 구성하였다. 단원별 핵심정리와 실습 예제가 수록되었다.

기본 예제로 개념 이해하고, 프로젝트를 직접 만들고, 핵심정리로 복습하고, 실습예제로 실력을 쌓을 수 있는 알찬 구성!
<한 권으로 끝내는 그누위즈의 HTML5 & CSS3 웹 디자인 입문+활용> 책은 기본 문법부터 바로 적용할 수 있는 웹 사이트 제작까지 한 권에 모두 담았다.

이 책은
하나, 220여 개의 기본 예제 수록
HTML5 & CSS3 기초 문법은 220 여 개의 예제를 통해 익힐 수 있도록 구성하였다.

둘, 4개의 실전 프로젝트 수록
세로스크롤형 웹 사이트, 풀페이지형 웹 사이트, 가로스크롤형 웹 사이트, 반응형 웹 사이트 등 4개 실전 프로젝트의 실제 제작 과정을 통해 실전 테크닉을 자연스럽게 익힐 수 있게 구성하였다.

셋, 실습 예제
단원별 핵심정리와 실습 예제가 수록되었다.

이 책의 220여 개의 기본 예제와 4개 프로제트를 직접 실습하는 과정에서 오류가 발생하거나 이해되지 않는 부분은 저자가 운영하는 그누위즈 사이트 또는 앤써북 독자지원센터 책 전용 게시판을 통해 질문할 수 있다.
- 그누위즈 사이트 : https://www.gnuwiz.com
- 앤써북 독자지원센터 책 전용 게시판 : https://cafe.naver.com/answerbook/menu/199

그누위즈 사이트 또는 앤써북 독자지원센터 책 전용 게시판이용 방법은 책 5쪽을 참고한다.

<한 권으로 끝내는 그누위즈의 HTML5 & CSS3 웹 디자인 입문+활용> 책은 영어 문법처럼 수학 공식처럼 웹 기초와 HTML, CSS 기초 문법부터 4가지 유형의 웹 사이트를 직접 코딩하며 만들어 본다.

기본 문법부터 바로 적용할 수 있는 웹 사이트 제작까지 한 권에 모두 답았다!
- 첫 코딩하는 분도 이해하기 쉬운 친절하고 깊이있는 자세한 설명과 220여 개 실습
- 실무에 바로 적용할 수 있는 다양한 유형의 4가지 실전 프로젝트 실습

이 책은 웹 기초부터 HTML, CSS 기초 문법은은 물론 4개의 주제별 웹 사이트를 직접 코딩하며 만들어볼 수 있도록 구성하였다.

- Part 01 : HTML 시작하기
웹 사이트의 기본적인 개념과 HTML 기본문법 , 웹 문서의 다양한 내용입력, HTML 입력양식(form) 작성하기 그리고 HTML의 다양한 요소에 대한 설명을 위한 파트이다.

- Part 02 : CSS 다루기
CSS의 기본 개념과 CSS 선택자, 텍스트 꾸미기, 색과 배경 넣어서 꾸미기, 레이아웃 박스 만들기 및 배치하기 그리고 내 스타일 적용하기 설명을 위한 파트이다.

- Part 03 HTML & CSS 한 걸음 나아가기
HTML과 CSS를 함께 적용하여 HTML 시멘틱 태그, CSS 상속, CSS 고급 선택자 그리고 반응형 웹과 미디어 퀴리 설명을 위한 파트이다.

- Part 04 실전 웹 디자인
Part 01 ~ Part03에서 배운 HTML & CSS을 바탕으로 실전에서도 사용 가능한 세로 스크롤형 사이트, 풀페이지형 사이트, 가로 스크롤형 사이트 그리고 반응형 사이트 만들기를 위한 파트이다.

70페이지 분량의 다음 내용을 책속의 책 부록 PDF 파일로 제공된다. PDF 파일 다운로드 방법은 책 5쪽을 참조한다.
- Chapter 12 예제 10개
- 트랜지션과 애니메이션
- 실전 웹 사이트 제작 전 필요한 사항

Information Provided By: :

Part 01 HTML 시작하기
Chapter 00 들어가기에 앞서
01 _ 웹 디자이너에게 HTML&CSS가 필요한 이유
02 _ 코딩? 코딩을 배우는 방법
02-1 코딩이란
02-2 코딩을 공부하는 방법
03 _ 코딩 프로그램 설치
03-1 비주얼 스튜디오 코드(VS Code) 다운로드 및 설치
03-2 비주얼 스튜디오 코드(VS Code) 확장 프로그램 설치하기
03-3 비주얼 스튜디오 코드(VS Code) 환경 설정

Chapter 01 웹 사이트 기본 알아보기
01 _ 웹 사이트란?
01-1 웹의 개념
01-2 웹 사이트의 종류(기업, 브랜드, 프로모션 등)
02 _ 웹 사이트의 구조
03 _ 웹 브라우저 종류
04 _ 웹 표준과 웹 접근성
04-1 웹 표준
04-2 웹 접근성
05 _ 크로스 브라우징(웹 호환성)
핵심 정리
실습 예제

Chapter 02 HTML 기본 알아보기
01 _ HTML 이란 무엇인가?
02 _ HTML 파일 만들기
03 _ HTML 기본 문서 구조
03-1 
03-2 ~
03-3 ~
03-4 
03-5 
03-6 ~
04 _ HTML 기본 문법
04-1 HTML 기본 작성 규칙
04-2 셀프 클로징(Self-Closing), 빈 태그
04-3 HTML 요소 구조
04-4 블록 요소, 인라인 요소, 인라인-블록 요소
04-5 주석
핵심 정리
실습 예제

Chapter 03 HTML 웹 문서에 다양한 내용 입력하기
01 _ 텍스트 입력하기
01-1 제목 
~

01-2 문단 

01-3 줄 바꿈 

01-4 글자 기울임 
01-5 글자 굵게 
01-6 텍스트 강조 
01-7 텍스트 강조 
01-8 텍스트 작게 
01-9 마킹 표시 
02 _ 목록 만들기
02-1 순서 없는 목록 
 
02-2 순서 있는 목록 
 

03 _ 표 만들기 84
03-1 표 삽입  84
03-2 표 제목 03-4 표 영역을 그룹화 
03-5 표의 행 생성 
03-6 표의 열 생성 
 87
03-3 표의 열을 묶는 그룹 
 
 
 

03-7 표의 행, 열 타이틀 생성 

03-8 셀 열(가로) 병합 colspan
03-9 셀 행(세로) 병합 rowspan
04 _ 이미지 삽입하기
04-1 이미지 삽입 
04-2  태그에서 사용하는 URL 주소와 파일 경로
05 _ 하이퍼링크 삽입하기
05-1 하이퍼링크 
핵심 정리
실습 예제

Chapter 04 HTML 입력 양식 작성하기
01 _ 폼 삽입하기
01-1 입력 폼 

01-2 사용자 입력 
01-3 선택 목록 
01-4