웹을 관통하는 HTML&CSS의 원리와 응용 세트 - 전2권

『HTML & CSS』

1장. 구조
2장. 텍스트
3장. 목록
4장. 링크
5장. 이미지
6장. 테이블
7장. 폼
8장. 기타 마크업
9장. 플래시, 비디오 & 오디오
10장. CSS 소개
11장. 색상
12장. 텍스트
13장. 박스
14장. 목록, 테이블, 폼
15장. 레이아웃
16장. 이미지
17장. HTML5 레이아웃
18장. 프로세스 & 디자인
19장. 실용적인 정보


『웹디자인 2.0 고급 CSS』

1장 웹에 대한 재발견
___고급 CSS 소개
______어떤 툴을 사용해야 할까?
______고급 CSS를 사용해야 하는 이유
______앞으로의 웹은 어떤 모습일까?
______접근성은 지원해야 하는 옵션이 아니라 디자인 그 자체다
______새로운 개념을 탑재한 고급 CSS에 다가가기
___고급 CSS의 기본 개념
______사이트가 모든 브라우저에서 똑같이 보여야 하는 것은 아닙니다
______쓸 수 있는 모든 CSS 선택자를 사용합니다
______가능하면 새로나온 CSS3를 사용해서 한발 앞서 갑니다
______CSS로 표현하기 어려운 부분은 자바스크립트와 DOM을 사용합니다
______가능하면 핵과 필터를 사용하지 않습니다
______의미있는 이름을 사용하고 마이크로포맷을 사용합니다
______아이디어를 공유하고 다른 사람들과 협력합니다
___왜 이제서야 고급 CSS를 사용할 수 있는가?
______예상하지 못한 CSS의 사용
______브라우저 지원 등급화
______발견하고 진행하고 영감받아서 앞으로 나아가기
___컨텐츠 중심의 디자인
______컨텐츠 중심의 접근
______흔히 볼 수 있는 최적화되지 않은 CSS 레이아웃
______스타일과 상관없이 최적화하기
___시맨틱 = 의미
______CSS 옷 벗는 날
______의미를 마크업으로 변환하기:마크업 골든벨
______컨텐츠의 의미 파악하기
______계속 의미있게 작업하기
___세상 모든 것을 마크업으로
______전 세계는 리스트로 만들 수 있다
______눈에 보이는 대로 리스트 사용하기
______샌프란시스코에 가면 hCard를 보내세요
______세상을 더 넓게 보는 훈련
______시작점은 컨텐츠
___이제 웹에 적용해볼 단계

2장 웹을 만드는 새로운 방법
___완벽한 방법론을 찾아가는 과정
______더 좋은 방법 찾기
______컨텐츠 기반의 프로세스
___컨텐츠 수집
___화면구성도 작성
______과거의 화면 구성도가 실패할 수밖에 없는 이유
______화면 구성도는 반드시 필요한가?
______과거의 화면 구성도와 동적인 표현
___grey box 방법을 활용한 개선된 접근법
______자세히 표현하기 위해 "심볼" 사용하기
___시안 작업
______빠르게 디자인 작업 진행하기
______시안에 마크업 가이드 추가하기
___인터랙티브 프로토타입 사용하기
______실제 동작하는 인터랙티브 프로토타입
______재사용 가능한 코드 만들기
______화면구조와 프로토타입을 잘 만드는 방법
______위지윅: 보는 것만큼 얻지 못할 수도 있다
___인터랙티브 프로토타입 실제 만들어 보기
______개발환경(브라우저) 선택하기
______브라우저 익스텐션 사용하기
______