CHAPTER 1 웹사이트의 기본과 필수 도구
1.1 웹 페이지 구조
1.2 HTML 기초
1.3 HTML 속성
1.4 CSS 기초
1.5 CSS를 더욱 쉽게 관리하는 방법
1.6 자바스크립트 사용법
1.7 브라우저에 따라 다르게 보이는 차이
1.8 개발자 도구를 자유자재로 사용하기
1.9 앞으로 배울 내용
CHAPTER 2 랜딩 페이지로 배우는 반응형 웹 디자인과 글꼴
2.1 랜딩 페이지 만드는 법 소개
2.2 1단 레이아웃이란
2.3 풀사이즈 배경 이미지로 눈에 띄는 디자인 만들기
2.4 글꼴을 사용하는 자세한 방법
2.5 아이콘 폰트 사용법
2.6 스마트폰에 대응 가능한 반응형 웹 디자인
2.7 브레이크 포인트 알아보기
2.8 표시 영역으로 빠르게 이동하는 방법
2.9 연습 문제
2.10 커스터마이징
CHAPTER 3 블로그 사이트로 배우는 다단 레이아웃과 꾸미는 방법
3.1 샘플 블로그 사이트 살펴보기
3.2 2단 레이아웃에 대해
3.3 크기가 다른 화면에도 대응할 수 있는 전환 방법
3.4 요소별 꾸미기 ①(제목, 이미지, 버튼
3.5 요소별 꾸미기 ②(번호 없는 목록, 번호 있는 목록
3.6 요소별 꾸미기 ③(인용문, 페이지네이션, 테두리
3.7 요소별 꾸미기 ④(헤더, 푸터, 내비게이션, 표, 폼
3.8 스크롤에 맞춰 따라오기
3.9 연습 문제
3.10 커스터마이징
CHAPTER 4 회사 사이트로 배우는 표, 그래프, 폼, 자바스크립트
4.1 구현할 회사 사이트 소개
4.2 틀에서 벗어난 요소 만드는 법
4.3 그래프로 한눈에 보기 쉬운 데이터 만드는 법
4.4 이미지와 텍스트를 서로 다르게 표시하는 법
4.5 표로 데이터를 표현하는 법
4.6 타임라인 만드는 법
4.7 폼 꾸미는 법
4.8 속성 셀렉터
4.9 연습 문제
4.10 커스터마이징
CHAPTER 5 이벤트 사이트로 배우는 특정 페이지 만드는