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 맺음말
previous
next
slide 1 of 17
, currently active
slide 2 of 17
slide 3 of 17
slide 4 of 17
slide 5 of 17
slide 6 of 17
slide 7 of 17
slide 8 of 17
slide 9 of 17
slide 10 of 17
slide 11 of 17
slide 12 of 17
slide 13 of 17
slide 14 of 17
slide 15 of 17
slide 16 of 17
slide 17 of 17
1
width와 height 속성
width
와
height
속성은 공간을 만들 때 사용합니다. 두 속성은 웹 사이트를 작업할 때 각 영역의 크기를 지정할 수 있습니다.
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address