추가 적립 안내

세트로 배우는 HTML CSS의 원리와 응용!

『웹을 관통하는 HTML CSS의 원리와 응용 세트』는 《HTML & CSS: 웹사이트 개발과 디자인 기초》와 《웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학》으로 구성된 세트이다(전2권). 《HTML & CSS: 웹사이트 개발과 디자인 기초》는 간결한 예제와 결과 화면을 한눈에 볼 수 있는 방식으로 구성해 HTML과 CSS와 관련된 주제를 쉽게 배울 수 있다. 또한, 《웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학》은 고급 CSS를 활용해 접근성과 사용성이 높으면서도 아름다운 사이트를 만드는 웹디자인 2.0 개념에 대해 설명한다.

▶ 『HTML & CSS: 웹사이트 개발과 디자인 기초』와 『HTML & CSS: 웹사이트 개발과 디자인 기초』를 엮은 세트입니다. (전2권)

★ 세트 구성: 전2권 ★

1) 『HTML & CSS: 웹사이트 개발과 디자인 기초』
2) 『웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학』

『HTML & CSS』

HTML과 CSS를 가장 쉽게 배울 수 있는 방법 - 아마존 독자들이 선택한 최고의 책!
아마존닷컴 웹개발 & 웹디자인 분야 No.1 베스트셀러!

이 책은 간결한 예제와 결과 화면을 한눈에 볼 수 있는 방식으로 구성해 HTML과 CSS와 관련된 주제를 매우 쉽게 배울 수 있다. 또한 웹 페이지 개발과 운영에 대한 전반적인 내용을 균형 있게 파악할 수 있도록 HTML과 CSS코드뿐만 아니라 작업 절차와 방법, 그리고 웹사이트 분석방법도 살펴본다. 처음 웹 페이지 개발을 시작하는 디자이너와 개발자에게 안성맞춤인 책이다.

이 책의 특징
■ 큼지막한 인포그래픽으로 새롭고 복잡한 개념을 단순화해 보여준다.
■ 깔끔한 디자인과 레이아웃으로 각 페이지의 주제를 쉽게 파악할 수 있다.
■ 생동감 넘치는 컬러 인쇄로 다양한 유형의 코드를 쉽게 구분할 수 있다.
■ 매력적인 코드 예제로 아름다운 웹 사이트를 만드는 방법을 익힌다.

이 책에서 다루는 내용
■ HTML과 CSS (최신 HTML5와 CSS3 포함)
■ 웹 페이지와 사이트의 구조
■ 이미지, 오디오, 비디오 제어 방법
■ 서체와 레이아웃

『웹디자인 2.0 고급 CSS』

웹이 발전하면서 새로운 표준이 점차 생겨나고 있으며 최신 브라우저는 웹을 새롭게 만들 수 있는 다양한 기능을 제공하고 있다. 웹사이트를 만드는 방법도 그에 따라 나날이 바뀌고 있다. 하지만 웹 디자이너 중 프로그래밍을 할 수 있는 사람은 많지 않다. 그렇기 때문에 멋진 디자인을 만들 때 의미 있는 마크업과 CSS를 사용해야 한다는 사실은 제약이 될 수 있다. 뿐만 아니라 클라이언트에게 멋진 디자인을 선보이면서도 효율적인 업무 프로세스를 지켜야 하고 게다가 짧은 기간 안에 이 모든 것을 해내야 한다면 스트레스가 이만저만이 아닐 것이다. 이러한 환경을 이미 경험해 잘 이해하고 있는 디자이너 앤디 클락은 ‘고급 CSS’를 활용해 접근성과 사용성이 높으면서도 아름다운 사이트를 만드는 웹디자인 2.0 개념에 대해 설명한다.

이 책에서는 다양한 사례를 통해 마크업과 CSS를 사용하면서도 창의적이고 독창적인 디자인을 만들 수 있음을 보여준다. 새로운 업무 방법론을 소개하고 디자이너뿐만 아니라 프로젝트 팀 모두가 활용할 수 있는 프로토타입 제작방법을 설명한다. 또한 그리드 기반 디자인을 웹에 적용하는 방법과 마크업 구조를 만드는 방법 등도 알려준다. 그밖에도 CSS3 등 앞으로 각광받을 기법들과 이를 최신 브라우저에서 직접 확인해보는 기술적인 내용뿐만 아니라, 프로젝트 팀 구성원과 더욱 효율적으로 업무를 수행하기 위한 개념적인 내용 등도 소개한다.

이 책에서 다루는 내용
■ 시각적으로 손쉽게 코딩 기술을 익힐 수 있다.
■ 유수 웹사이트, 사진작품, 컨셉 등 수많은 예제와 화보들을 통해 코드를 만드는 다양한 방법을 배울 수 있다.
■ 최신 웹브라우저와 최신 CSS3 스펙 사용 환경에 대한 기술적 이점을 한발 앞서 체험해 볼 수 있다.

『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 방법을 활용한 개선된 접근법
______자세히 표현하기 위해 “심볼” 사용하기
___시안 작업
______빠르게 디자인 작업 진행하기
______시안에 마크업 가이드 추가하기
___인터랙티브 프로토타입 사용하기
______실제 동작하는 인터랙티브 프로토타입
______재사용 가능한 코드 만들기
______화면구조와 프로토타입을 잘 만드는 방법
______위지윅: 보는 것만큼 얻지 못할 수도 있다
___인터랙티브 프로토타입 실제 만들어 보기
______개발환경(브라우저) 선택하기
______브라우저 익스텐션 사용하기
______