알료누시카와 이바누시카 또는 스타일로 말해요 > 도서

알료누시카와 이바누시카



도서명 : 알료누시카와 이바누시카
저자/출판사 : 이나직, 정인출판사
쪽수 : 30쪽
출판일 : 2012-03-20
ISBN : 9788994273587
정가 : 11000

이 책은 목차가 없습니다.




스타일로 말해요



도서명 : 스타일로 말해요
저자/출판사 : 제이슨 그랜포드 티그, 위키북스
쪽수 : 368쪽
출판일 : 2010-07-28
ISBN : 9788992939492
정가 : 25000

Part 1 웹의 첫걸음

1장 웹페이지는 무엇일까요?
HTML, 자바스크립트, 그리고 CSS
- DOM이란 무엇일까?
- HTML과 CSS
- 자바스크립트와 CSS
- 플래시와 CSS

2장 웹 디자이너의 도구 상자
웹 브라우저
- 인터넷 익스플로러 (IE)
- 파이어폭스 (FF)
- 사파리 (Sa)
- 오페라 (Op)
- T크로스오버를 이용해 맥(Mac)에서 인터넷 익스플로러 6 테스트 하기
파이어폭스의 부가기능
- Firebug
- Colorzilla
- Palette Grabber
- MeasureIt
- Pixel Perfect
코드 에디터
- Coda
- TopStyle
- CSSEdit
- Dreamweaver
온라인에서 사용할 수 있는 도구들
- ColorJack
- Adobe Kuler
- Typetester
- SUMO Paint

3장 CSS에 대한 오해들
첫 번째 오해 : CSS는 디자이너가 아닌 개발자를 위한 것이다?
두 번째 오해 : CSS는 디자이너가 원하는 대로 다룰 수 없다?
세 번째 오해 : CSS는 많은 브라우저에서 일관성 없이 보인다?

Part 2 CSS 문법 알아보기

4장 구문: 의미 만들기
스타일 규칙
- 스타일 규칙 선언 부분
- 기본 스타일 규칙
- 더 많은 스타일 선언하기
- 규칙 조합하기
선택자의 종류
- HTML 선택자
- 클래스 선택자
- id 선택자
문맥 안에서의 스타일
- 콘텐츠의 위치에 따른 스타일 지정하기
- 자식 요소를 위한 스타일
- 형제 요소를 위한 스타일
특별한 경우를 위한 스타일
- 링크 상태
- 링크 액션을 위한 스타일
- 유동적인 액션을 위한 스타일
- 문단의 일부분을 위한 스타일

5장 시맨틱: 스타일의 의미 부여하기
스타일 규칙이 지정되는 곳
- HTML 태그에 지정하는 인라인 스타일
- 웹페이지 안에 삽입된 스타일
- 외부 스타일
CSS에 설명 추가하기
상속
- 상속 덮어쓰기
순서
구체성
- CSS 규칙의 가중치 결정하기
중요도
미디어
단계적으로 적용하기

6장 어휘 : 말이 통하다
값
- 키워드
- 변수
폰트
텍스트
배경
- 이미지 반복
- 이미지 위치
박스
- 디스플레이
- 불투명도
- 플롯
- 너비와 높이
- 테두리선
- 패딩
- 마진
- IE 고치기
위치 지정
- 위치지정 타입
- 평면 위치 설정하기
- 공간 위치 설정하기
테이블
리스트
커서
디자인 향상
- 그림자
- 둥근 모서리
- 외곽선

Part 3 원어민처럼 말하기

7장 CSS로 디자인하기
작업 과정 : 개요
기획하기
- 스케치하기
- 페이지 흐름도
- 와이어프레임
- 무드 보드
- 시각적 구성요소들
구축하기
- 크롬 자르기
- 스타일 가이드
- 프로토타입
배치하기
- 알파
- 베타
- 런칭
작업 과정 반복하기

8장 레이아웃
구조
- Head와 Body
- CSS를 위한 HTML 프레임워크
- CSS 추가하기
기본 스타일
- 브라우저 기본 스타일 설정하기
- 나만의 기본 스타일 설정하기
그리드
- 행
- 컬럼
- 섹션

9장 타이포그래피
폰트의 선택
- 핵심 웹 폰트
- 웹 안전 폰트
- 다운로드할 수 있는 폰트
유동적인 타이포그래피
- 서체 선택하기
텍스트 꾸미기
- 헤더
- 문단과 인용 블록
- 리스트

10장 내비게이션
CSS 스프라이트 (CSS Sprites)
링크
메뉴
버튼

11장 크롬
투명 이미지 사용하기
- IE6에서 투명 PNG 이미지 사용하기
그리드 정의하기
- 컬럼
- 행
로고와 폼
- 로고
- 폼
섹션 정의하기
- 광고를 위한 대체 버전
- 마지막 꾸미기

12장 마지막 이야기
CSS 벨리데이션
- 웹표준을 위한 디자인?
CSS 프레임워크
- 나만의 CSS 프레임워크 만들기
다른 매치를 위한 CSS
- 모바일 장치
- 프린트
CSS 최적화의 방법
- 일반적인 사항
- 디자인
- 코드화 작업
- 최적화하기

부록

A: voxLibris 코드
index.html
main.css
default.css
layout.css
layout.css
navigation.css
chrome.css

B: CSS 값
길이
- 픽셀인가? em인가?
폰트
URL
색상
- 색상 불투명도

C: 인터넷 익스플로러 문제 해결하기
쿼크 이해하기
해결법 1: Doctype 전환하기
해결법 2: 조건부 스타일
해결법 3: 언더스코어 핵
IE6에서 발생하는 공통적인 문제들