이 책은 HTML, CSS, java--script 크게 3파트로 구성되어 있습니다. 각 파트는 기본 문법을 설명하는 부분과 기초 부분에서 학습한 내용을 복습할 수 있는 실전 프로젝트로 구성되어 있습니다. 특히 java--script 파트에서는 기초 문법뿐만 아니라 웹페이지 구현에서 자주 사용하는 UI/UX 효과를 구현할 수 있는 간단한 실전 예제와 실전 프로젝트로 구성되어 있습니다.

이 책은 다음과 같이 구성되어 있습니다.
● Part 1 HTML5
● Part 2 CSS 기초
● Part 3 CSS 중급
● Part 4 java--script 기초
● Part 5 java--script 응용
● Part 6 실전 프로젝트

학습 순서는 Part 1부터 순서대로 학습하면 되겠습니다. 처음부터 모든 것을 외워버리겠다고 너무 큰 욕심을 가지고 시작하면 금방 지칠 수 있습니다. 우선 학습을 진행하면서 이렇게 했더니 화면에 이렇게 출력이 되는지 하나씩 확인해가면서 일부 이해가 되지 않는 부분들은 다음 과정으로 넘어가고 일단 진행해봅니다. 그렇게 진행하다 보면 앞부분에서 이해하지 못했던 내용들이 뒷부분의 CSS에서 또는 java--script에서 이해되는 부분들도 많이 있습니다. 그러니 처음부터 과욕을 버리고 차근차근 천천히 학습하시기 바랍니다.

【 대상 독자층 】
- 코딩에 대한 기초가 없는 분.
- 내 손으로 웹페이지를 구성해보고 싶은 분.
- 웹 퍼블리싱 및 프론트엔드 개발 입문자

[목 차]

지은이의 글
이 책의 특징
베타 리더
PART 1 HTML 기초
1. HTML의 구조
2. 블록 및 인라인 레벨 요소
3. 텍스트 정의 요소
4. div 요소로 작성하는 문서의 그룹화
5. HTML5 섹셔닝
6. 제목, 문단, 구분선, 정형화된 텍스트
7. 목록을 표현하는 요소
8. 표를 만드는 테이블 요소
9. 앵커(Anchor)의 표현
10. 이미지와 관련된 요소들
11. 폼 요소의 종류
12. 오디오, 비디오 활용
이번 장의 마무리
연습 문제
실전 예제

PART 2 CSS 기초편
1. CSS 문법
2. 색상과 단위
3. 선택자
4. 선택자 우선순위
5. 서체, 글 스타일
6. 목록 스타일
7. display 디스플레이
8. overflow
9. background 스타일
10. box model 박스 모델
11. 레이아웃 positioning style
이번 장의 마무리
연습 문제

PART 3 CSS 중급편
1. shadow
2. gradient
3. transition
4. animation
5. transform
6. responsive 반응형
이번 장의 마무리
연습 문제
실전 예제

PART 4 java--script 기초
1. 기본 용어
2. 변수
3. 산술 연산자
4. 함수
5. 객체
6. 배열
7. 조건문
8. 반복문
9. 문자열
10. 타이머
11. 수학 연산
이번 장의 마무리
연습 문제

PART 5 java--script 응용
1. DOM 조작
2. 선택자
3. 이벤트
4. ECMAScript 6
이번 장의 마무리
연습 문제
실전 예제

PART 6 실전 프로젝트
1. 준비하기
2. 기본 쉘 생성하기
3. 디자인 확인 및 HTML 작성하기
4. 디자인 참조하여 CSS 작성하기
5. CSS 작성
6. --script 작성
프로젝트 마무리

연습 문제 정답
찾아보기


[본 문]

■ 작가의 말
웹페이지를 개발할 때 필요한 언어와 학습해야 할 기술들은 상상할 수 없을 정도로 많습니다. 하지만 웹페이지를 구성하는 언어를 크게 나누면 방문자들이 최종적으로 보는 화면의 모든 요소를 구현하는 프론트엔드 언어와 방문자에게는 노출되지 않지만, 사용자들이 생성하는 정보가 저장되는 데이터베이스와 그 외 텍스트, 이미지, 영상 등의 콘텐츠 정보를 제공하는 웹 서버 등을 설계하고 관리하는 백엔드 언어가 있습니다. 본 도서는 사용자들이 마지막에 브라우저에서 접하는 화면을 구성하는 가장 기본적인 언어인 HTML, CSS, java--script에 초점을 두고 집필되었습니다.

본 도서를 통해 웹페이지의 내용은 어떻게 구성되고, 그 내용을 기획 의도에 맞게 표현하고, 클릭, 스크롤, 마우스 호버 등 다양한 사용자의 액션에 따라 어떻게 동적으로 상호작용하는지 등의 기본기를 확실하게 학습하실 수 있습니다.

웹개발의 다양한 분야에서 어떤 분야를 목표로 두고 있든 가장 기본이 되는 언어는 HTML, CSS, java--script라고 할 수 있습니다. 이 언어를 숙지하고 있다면 웹개발 프로세스의 이해도가 높은 기획자, 개발에 용이하고 효율적인 디자인을 할 수 있는 디자이너, 백엔드 개발자와 협업이 잘되는 프론트엔드 개발자, 또한 프론트 개발을 이해하는 백엔드 개발자가 되실 수 있습니다. 본 도서를 통해 웹개발의 흥미를 느끼고 기본기가 확실한 인재가 되시길 바랍니다.