close
더북(TheBook)
search
모두의 HTML5 & CSS3
더북(TheBook)
home
Home
이 책의 구성과 활용법
첫째 마당 웹 사이트 설계를 위한 HTML
DAY 01 웹을 구성하는 요소
1 HTML, CSS, 자바스크립트
2 웹 사이트 레이아웃의 종류
3 크로스 브라우징
4 웹 표준
DAY 02 HTML 시작하기
1 서브라임 텍스트 설치하기
2 HTML이란?
3 index.html 파일 만들기
4 HTML 태그의 구성 요소와 HTML 문서의 기본 구조
5 HTML 주요 태그 살펴보기
6 닫힌 태그가 없는 태그
7 HTML 주석
DAY 03 HTML과 레이아웃
1 웹 사이트 공간을 정의하는 태그
2 HTML의 두 가지 혈액형: Block 요소와 Inline 요소
둘째 마당 웹 디자인을 담당하는 CSS
DAY 04 CSS 시작하기
1 웹 사이트 디자인을 담당하는 언어, CSS
2 CSS 구성 요소와 연동 방법
3 CSS 선택자
DAY 05 CSS 사용하기
1 부모 자식 간의 CSS 상속
2 CSS 속성의 우선순위, 캐스케이딩
3 CSS 파일에 주석을 작성하는 방법
DAY 06 CSS 주요 속성 익히기
1 width와 height 속성
2 font- 속성
DAY 07 레이아웃에 영향을 미치는 요소 ①
1 박스 모델
2 박스 모델의 4가지 요소
3 마진 병합 현상
DAY 08 레이아웃에 영향을 미치는 요소 ②
1 display 속성으로 HTML 태그의 혈액형 바꾸기
2 position 속성으로 HTML 태그에 차원 부여하기
DAY 09 레이아웃에 영향을 미치는 요소 ③
1 레이어 z축을 조정하는 속성, z-index
2 HTML 태그를 공중에 띄우는 float 속성
3 전통적인 웹 사이트 레이아웃 구조 만들기
4 float 와 clear 속성은 실과 바늘
DAY 10 CSS3에 등장한 신조어
1 특정 영역에 여러 가지 변형 효과 적용하기
2 특정 영역이 변하는 과정 표현하기
3 CSS로 애니메이션 만들기
DAY 11 메뉴 버튼 만들기
1 1단계: 정적인 메뉴 버튼 만들기
2 2단계: 정적인 메뉴 버튼 수정하기
3 3단계: 동적인 메뉴 버튼 만들기
DAY 12 키즈가오 프로젝트 시작하기
1 키즈가오의 폴더 구조
2 키즈가오 인트로 제작
3 로고를 조금만 아래로 내려 주세요
DAY 13 키즈가오 농장 레이아웃 만들기
1 키즈가오 farm1 레이아웃 작업
2 키즈가오 farm2 레이아웃 작업
3 키즈가오 farm3 레이아웃 작업
4 문제: 키즈가오 포레스트 레이아웃 작업
DAY 14 키즈가오 사이언스 레이아웃 만들기
1 키즈가오 science 레이아웃 작업
2 문제: 키즈가오 밤낮 레이아웃 작업
DAY 15 키즈가오 키친 레이아웃 만들기
1 키즈가오 kitchen 레이아웃 작업
2 문제: 키즈가오 컬러 레이아웃 작업
DAY 16 키즈가오에애니메이션 적용하기
1 키즈가오 애니메이션 파일 연동하기
2 키즈가오 intro 공간에 애니메이션 적용하기
3 키즈가오 farm3 공간에 애니메이션 적용하기
4 키즈가오 forest 공간에 애니메이션 적용하기
5 키즈가오 science 공간에 애니메이션 적용하기
6 키즈가오 night1, night2, morning 공간에 애니메이션 적용하기
7 키즈가오 kitchen 공간에 애니메이션 적용하기
8 맺음말
그림 8-13
최초 파란색 박스가 생성된 위치를 기준으로 margin-top: 100px만큼 이동한다
그림 8-14
브라우저를 기준으로 top: 100px만큼 이동한다
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address