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 개인 웹 서버 만들기
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 개인 웹 서버 만들기