소장자료검색

책소개

HTML5와 CSS3의 새로운 점에 포커스를 맞추고 있지는 않다. 웹 표준의 핵심 철학인 "구조와 디자인의 분리"라는 관점에 맞게 달라진 웹 개발 방식을 제대로 배울 수 있도록 하는 것이 이 책의 주목적. 이 책으로 학습하는 독자가 HTML5로 구조를 제대로 설계할 수 있고 CSS3로 정밀하고 자유자재로 디자인을 컨트롤할 수 있는 정도의 수준까지 될 수 있도록 구성하였다. 특히, 3부에서는 최신의 브라우저를 기준으로 HTML5와 CSS3를 이용하여 가상이지만 대표할 만한 기업의 웹 표준 사이트를 구축해본다.

목차

1부 웹 표준과 HTML & CSS의 기초

01장 웹 표준이란
Section 1 웹 표준의 등장 배경
Section 2 웹 접근성을 높여주는 웹 표준
Section 3 환경을 보호하는 웹 표준
Section 4 사이트 개발 기간의 단축과 유지 보수의 용이성
Section 5 정밀하게 제어할 수 있는 사이트 디자인

02장 HTML5 소개
Section 1 DOCTYPE 정의하기
Section 2 HTML 문서의 기본 구조
Section 3 HTML5와 XHTML1.0의 차이점
Section 4 HTML5에서 추가된 태그
Section 5 HTML5에서 사라진 태그

03장 웹사이트 구조 설계를 통해 살펴 본 HTML5의 장점
Section 1 HTML 문서의 구조 설계
Section 2 HTML5를 이용한 HTML 문서 구조 잡기

04장 CSS 기본 지식 익히기
Section 1 캐스케이딩 스타일 시트(CSS) 이해하기
Section 2 CSS와 HTML의 상호작용 원리
Section 3 CSS 일반 규칙과 CSS3에서 추가된 속성

05장 간단 예제로 배우는 HTML5의 멀티미디어 태그
Section 1 video 태그 활용하기
Section 2 audio 태그 활용하기
Section 3 embed 태그 활용하기
Section 4 canvas 태그 맛보기

2부 CSS 자세히 살펴보기

06장 웹 표준을 위한 CSS 기초
Section 1 CSS를 적용하는 다양한 방법
Section 2 선택자의 개념과 활용
Section 3 패밀리 트리로 이해하는 상속 구조

07장 박스 모델: 레이아웃 내 맘대로 주무르기
Section 1 마진과 패딩
Section 2 border 이해하기
Section 3 백그라운드 이미지
Section 4 float를 이용한 박스 모델의 정렬

08장 글꼴 및 텍스트 형식 이해하기
Section 1 글꼴의 이해
Section 2 텍스트 처리 방법
Section 3 텍스트 쉐도우 효과(CSS3)
Section 4 다중 칼럼 적용하기

09장 레이아웃 설계: 테이블, 리스트, 폼
Section 1 table 태그의 정확한 사용
Section 2 리스트 형식 정의하기
Section 3 리스트를 이용한 메뉴 만들기
Section 4 폼 제작하기

3부 실전 웹 표준 사이트 구축

10장 HTML5와 CSS3로 웹 표준 사이트 개발하기
Section 1 웹사이트 레이아웃
Section 2 메인 페이지 구축
1단계 header 구조 잡기
2단계 메인 이미지 레이아웃 디자인 작업
3단계 article(본문) #solution 작업

11장 서브 페이지 디자인하기
Section 1 페이지 재정의하기
Section 2 welcome.html 만들기
Section 3 파트별로 HTML 파일 나누기

12장 게시판 및 회원가입 폼 만들기
Section 1 table을 활용한 게시판 만들기
Section 2 회원가입 폼 만들기

13장 기타 유용한 기법 소개
Section 1 jQuery를 이용한 슬라이드 쇼 만들기
Section 2 하위 브러우저에서의 호환성 문제 해결
Section 3 스타일시트의 media 알아보기
Section 4 한글 사이트로 변환하기

부록 A 하위 버전 브라우저에서 동영상 재생하기
부록 B 개인 웹 서버 만들기