Stylin' with CSS

웹표준? DIV 코딩? 이 책 하나면 모두 해결!!!

찰스 와익 스미스 저 / 송종식, 김유미 역

CSS를 마스터하면 웹디자인 능력을 더욱 향상할 수 있도록 한다. 특히 웹표준과 접근성을 준수하는 것은 '장애인차별금지 및 권리구제 등에 관한 법률'로 인하여 웹개발자, 웹디자이너, 웹퍼블리셔들이 반드시 지켜야 할 부분이 되고 있다. 이 책은 웹표준에 대한 감각과 실력을 기름으로써 XHTML과 CSS의 고수가 되게 한다.


도서 상세

분야: [UI & UX / 그래픽, 웹프로그래밍, 프로그래밍 언어]

출간일: Dec 21, 2009

페이지: 400

도서정가: 23,000 원

ISBN: 9788993827125

부가 정보


관련 도서

출판사 서평


CSS를 이용하면 수백 개의 웹페이지에서 공동으로 사용되는 디자인을 단 몇 초만 투자하여도 빠르게 변경하고 만들 수 있습니다. CSS는 개발 시간을 획기적으로 단축하여 프로젝트 진행 속도를 가속화 합니다. 그리고 페이지의 수정을 쉽게 할 수 있습니다. 또한, 사이트의 업데이트를 위한 텍스트와 레이아웃 정보를 한곳에 집중하여 관리하기 때문에 웹표준을 준수하는 사이트를 만들기 위해 CSS는 기본 도구로 이용 됩니다.

이 책은 더욱 새로워진 내용으로 지금까지도 영미권에서 인기 있는 STYLIN' WITH CSS의 업데이트 버전입니다. 저자인 찰스 와익-스미스는 고무적인 테크닉과 실무에서 자주 접하게 되는 케이스 스터디를 제공합니다. 그리고 여러분의 학습과 실제 사이트 개발을 빠르게 진행할 수 있도록 저자의 개인 사이트를 통해서 XHTML페이지의 템플릿과, 양식, 메뉴와 목록, 테이블의 CSS소스 코드를 라이브러리로 제공하고 있습니다. 여러분이 이 책을 통해서 배우는 디자인 코드들은 구 브라우저의 쿼크모드에서도 문제없이 작동하는 동시에 IE7, IE8, 파이어폭스3, 사파리, 오페라 등 최신 브라우저에서도 문제없이 작동할 것입니다. CSS를 마스터하면 여러분의 웹디자인 능력은 새로운 레벨로 점프하게 될 것입니다. 그리고 여러분은 페이지를 스타일링 하는데 많은 시간을 들이지 않아도 될 것입니다.

저자 소개

찰스 와익 스미스 : 1994년부터 웹사이트를 만들어 왔다. 그리고 현재는 사우스 캘리포니아에 위치한 소프트웨어 회사이며, 미국 내 주요 건강보험회사의 4000만 명의 사람들에게 제공하는 온라인 보험 등록 사이트와 ICyou.com, iHealthfocus.com을 포함한 소비자 건강정보 전문으로 웹사이트 개발을 하고 있는 benefitfocus.com의 UX팀장으로 일하고 있다.

1986년 그는 샌프란시스코에서 처음으로 모든 것이 컴퓨터로 디자인 된 디자인 하우스인 프린츠전자디자인(PRINTZ Electronic Design)을 시작했다. 찰스는 웰스 파고, ESPN 비디오게임즈, 캘리포니아 대학과 같은 곳에서 웹디자인 컨설턴트로 일했다. 훌륭한 발표자이자 강사로서 그는 멀티미디어와 인터페이스 디자인을 가르치고 있으며, 왕성하게 업계 컨퍼런스에서 발표를 하고 있다.


역자 소개

송종식 : 윈도우 애플리케이션 개발자, 모션그래퍼, 웹디자이너, 웹기획자, 웹퍼블리셔를 두루 거쳤다. 처음으로 웹사이트를 만들어 본 것은 1997년도다. 10대 후반 그리고 20대 초반에 몇 차례 사업을 실패를 경험했다. 최근에는 올블로그를 운영하는 블로그칵테일에서 디자이너로 일했고, 인사이트미디어에서 기획팀장으로 일했다. 현재는 골프존에서 UI개발자로 일하고 있으며, 재기를 꿈꾸며 사업준비와 부동산 투자 등으로 바쁜 나날을 보내고 있다.

김유미 : 경희대학교 사회과학부에서 사회학과 경영학을 전공하고, 씨티은행과 구글코리아에서 근무했다. 현재는 집필 작업에 집중하고 있다.

제 0 장 작업에 필요한 준비물 
작업환경 만들기 
에디터 설치 

제 1 장 XHTML로 컨텐츠 구조 만들기 
웹표준 
바뀌어 가는 시간 
XHTML 웹페이지를 코딩 하는 방법

제 2 장 CSS 작업 방법 
문서에 스타일을 적용하는 3가지 방법
CSS 규칙 해부 
여러 가지 CSS 작성규칙들 
문서 구조 내에서 태그 타겟팅 하기 
유사 클래스(가상 클래스) 
가상 요소(유사 요소) 
상속 
계단식 정보 전달
규칙 선언 

제 3 장 폰트와 텍스트 스타일하기 
CSS로 폰트 다루기 
font-family(폰트 집합) 알아보기
폰트의 크기
폰트의 속성
텍스트 속성
폰트와 텍스트 속성 활용 

제 4 장 요소의 위치
박스모델의 이해 
박스의 크기는 얼마?
Floating 그리고 clearing
Position 속성
Display 속성
Position, Display 활용예제

제 5 장 페이지의 기본 레이아웃
다단 레이아웃 
Stylib 소개 - Stylin’ Library 
너비 문제 
float 레이아웃 vs position 레이아웃 
간단한 2단 유동 레이아웃
3단 고정너비 레이아웃 
3단 유동 레이아웃 
모든 단을 같은 높이로 만들기 
절대적인 위치의 레이아웃 

제 6 장 인터페이스 요소 디자인
테이블 꾸미기 
폼(Form) 꾸미기 
메뉴와 리스트 꾸미기 

제 7 장 실전! 웹페이지 만들기
Stylin Site(저자의 개인 홈페이지) 
작업폴더(디렉토리) 구조 구성하기 
웹페이지 레이아웃 구조의 설계 

책을 마치며… 
부록 A : IE8에 추가된 기능들 대응 
부록 B : XHTML 태그 모음 
부록 C : CSS 속성 모음