|
|
|
 |
판매가 |
28,000원 → 25,200원  10% |
|
|
마일리지 |
 4% 1,010원 |
|
|
발행일 |
2006-12-20
|
|
ISBN |
8960770051 | 9788960770058
|
|
기타정보 |
국내서 | 320쪽
|
|
|
예상출고일
|
1~2일 이내 (근무일기준) |
|
배송비 |
무료배송
|
| |
|
|
|
|
|
 |
| 프로그래밍언어
|
|
|
| 종합지수 7p 279 위 |
|
| 월간지수 3p 111 위 |
|
|
| |
|
※ 네이버 체크아웃으로 구매시 비회원으로 구매가
됨으로 강컴 마일리지는 적립 되지 않습니다. |
|
|
|
 |
|
최신 CSS 기법을 다루는 CSS 마스터가 되기 위한 필독서!
2006 아마존닷컴 컴퓨터인터넷 부문 베스트셀러 2위!
가장 유용한 CSS 기법을 한번에 정리하면서 실제 환경에서 발생할 수 있는 브라우저 관련 이슈를 다뤄 CSS 관련 지식 수준을 한 단계 올릴 수 있다. 이 책을 통해 CSS 전문가다운 코드를 작성할 수 있는 기법을 배워보자.
최신 CSS 기법 및 활용팁 총정리
놓치고 있었던 CSS 기본 개념 다시 다지기
브라우저 호환을 위한 버그 해결법 및 핵과 필터 사용법
유명 CSS 전문가가 직접 만든 실전사례 및 예제
이 책에서는 CSS 기본 개념을 다시 정리하여, 의미 있는 마크업 작성의 중요성, 코드를 잘 구조화해서 유지보수가 용이하게 하는 방법, CSS 레이아웃 모델의 동작원리 등을 다룹니다.
기본 사항을 살펴본 후, 각 장에서는 CSS 기반 디자인에서 사용되는 특징을 다룹니다. 쉽게 따라 할 수 있는 튜토리얼 형식을 통해 독자들이 수행하고 있는 업무에 바로 적용할 수 있는 실전 기법을 익히게 될 것입니다.
여러 브라우저 간에 다르게 동작하는 현상 때문에 CSS 작업을 하는 사람들이 많은 고생을 합니다. 이 책에서는 이런 문제를 해결할 수 있는 CSS 핵, 필터, 버그 해결방법을 설명합니다. 또한 이미지 대치 기법, 링크 스타일 만들기, 폼과 리스트 모양 꾸미기, 순수하게 CSS만으로 만드는 레이아웃을 비롯한 많은 정보를 제공하고 있습니다. 이렇게 다룬 모든 기법을 종합해서 CSS 디자이너로 유명한 사이먼 콜리슨과 캐머론 몰이 직접 작성한 2개의 실전사례 예제를 부록에 포함했습니다.
|
 |
|
 |
1장 기초 다지기
구조가 탄탄한 코드 만들기
의미를 살린 마크업
ID와 클래스 이름 짓기
div와 span
문서 유형, DOCTYPE 전환, 브라우저 모드
유효성 검사
브라우저 모드
DOCTYPE 전환
스타일을 꾸밀 대상 선택하기
선택자 활용 기초
유사 클래스 선택자
전체 선택자
고급 선택자
자식 선택자, 인접 형제 선택자
속성 선택자
캐스캐이드 효과와 적용순서
지정순위
스타일시트에서 지정순위 활용하기
body 태그에 클래스나 ID 지정하기
상속
스타일 시트를 계획/구성/관리하는 방법
문서에 스타일 적용하기
코드 주석 활용법
구조 표시를 위한 주석
작업 기록을 위한 주석
주석을 제거하고 스타일시트 최적화하기
스타일 가이드
손쉬운 스타일시트 유지관리법
요약
2장 화면 표시를 위한 모델 완벽 정리
박스 모델 완벽 정리
윈도우용 인터넷 익스플로러의 박스 모델
마진 겹침 현상
포지셔닝 완벽 정리
화면 표시 모델
상대 위치
절대 위치
고정 위치
플로팅
라인박스와 플로트 해제 방법
요약
3장 배경 이미지와 이미지 대치 기법
배경 이미지 기초 다지기
둥근 모서리 상자 모양 만들기
고정폭 둥근 모서리 상자 모양
유동폭 둥근 모서리 상자
마운틴탑 코너
그림자 효과
간단한 그림자 효과 내기
Clagnut 스타일 그림자 효과
부드러운 그림자 효과 만들기
여러 겹으로 만드는 그림자 효과
이미지 대치 기법
FIR 방법
파크 방법
길더/레빈 방법
IFR와 sIFR 방법
요약
4장 링크 모양 꾸미기
링크 스타일 기초
밑줄치며 놀기
예쁜 링크 밑줄 만들기
링크 유형별로 스타일 지정하기
문서나 뉴스 피드 다운로드용 링크 꾸미기
버튼과 롤오버 효과 만들기
롤오버 기초
이미지를 사용한 롤오버 효과
픽시 방법을 이용한 롤오버 효과
방문한 링크 스타일 꾸미기
CSS로만 만드는 툴팁
요약
5장 리스트 스타일과 내비게이션 바 만들기
리스트 스타일 기초
세로형 내비게이션 바 만들기
내비게이션 바에서 현재 페이지 표시하기
가로형 내비게이션 바 만들기
슬라이딩 도어 효과의 탭 내비게이션 바 만들기
CSS 이미지 맵 만들기
플리커 스타일의 이미지 맵 만들기
리모트 롤오버 만들기
정의 리스트
요약
6장 접근성 높은 폼과 테이블 만들기
데이터 테이블 스타일 꾸미기
테이블 관련 엘리먼트 소개
써머리와 캡션
thead, tbody, tfoot
col, colgroup
데이터 테이블 마크업 만들기
테이블 스타일 꾸미기
화면 모양 만들기
추가 사항 처리
간단한 폼 레이아웃 만들기
유용한 폼 엘리먼트
폼 레이블
기본 레이아웃
기타 엘리먼트 처리방법
장식 마무리하기
필수 입력항목
복잡한 폼 레이아웃 만들기
접근성을 고려한 데이터 입력 방식
다단 레이아웃의 체크박스
폼 에러 메시지 만들기
요약
7장 레이아웃
디자인을 가로 중간에 배치하기
auto 마진 이용 방법
포지셔닝 음수 마진값 이용 방법
플로트 기반의 레이아웃
플로트를 이용한 2단 레이아웃
플로트를 이용한 3단 레이아웃
고정 레이아웃, 유동 레이아웃
화면비례형 레이아웃
글자비례형 레이아웃
글자비례-화면비례 혼합형 레이아웃
글자와 화면크기에 따라 늘어나는 이미지
가짜 단 모양 만들기
요약
8장 핵과 필터
핵과 필터
핵과 필터 사용에 대한 경고
핵 사용시 유의점
개별적인 스타일시트에 필터 적용하기
인터넷 익스플로러 조건 주석문
밴드 패스 필터
개별적인 규칙과 선언에 필터 적용하기
자식 선택자 필터
속성 선택자 필터
별표 HTML 필터
맥용 IE의 주석처리된 백슬래시 핵
속성에 이스케이프 문자를 사용하는 핵
탄텍 박스 모델 핵
쉽게 개선된 박스 모델 핵
!important와 언더바 핵
오웬 핵
요약
9장 브라우저 버그 해결하기
버그 잡기
흔히 발생하는 CSS 문제
지정순위와 정렬방법 오류
마진 겹침 현상
버그 잡기 기초
문제 분리하기
테스트 범위 최소화하기
증상이 아닌 문제원인 바로 잡기
도움 요청하기
레이아웃
레이아웃이란?
레이아웃 때문에 생기는 효과
흔히 발생하는 버그 해결방법
더블마진 플로트 버그
텍스트 주변에 3픽셀 공간 표시 버그
IE 6의 문자 중복 표시 버그
IE 6의 피커부 버그
상대좌표 컨테이너에서 절대좌표 지정
인터넷 익스플로러 관련 이야기
요약
부록Ⅰ 동호회 사이트 만들기
적용 사례 소개
하위 선택자를 이용한 컨텐트 영역 조정
XHTML 구조
명명 규칙에 대해
3단 레이아웃
2단 레이아웃
1단 레이아웃
불필요한 단 제거
컬럼 띄우기
계산방법
올바른 위치에 컬럼 띄우기
body 클래스를 이용해서 현재 페이지 표시하기
드롭인 박스
둥근 모서리 상자 만들기
평면 흰색 상자
특별한 모양 만들기
투명 모서리와 테두리선
이미지
CSS
원하는 동작을 위한 클래스 조합
이미지 클래스
기본 이미지
테두리선 없는 이미지
큰 이미지
링크 모양 꾸미기
사이드바 링크
방문한 링크 표시하기
LVHA가 아니라 LAHV 사용하기
외부 링크 다르게 표시하기
그림자 효과 만들기
그림자 이미지 만들기
이미지에 플로팅 지정하기
요약
부록 II 투스카니 럭셔리 리조트
적용 사례 소개
유동적인 레이아웃
본문과 컨테이너
masthead
컨텐트와 사이드바
유동적인 속성
푸터
유동 레이아웃 관련 문제 해결하기
절대위치를 이용한 엘리먼트 배치
위치 관련 속성
쌓는 순서
배경 이미지 관련 기법
상단을 3개로 나누기
방탄웹 기법 적용하기
이미지 대치 기법
로고 이미지 대치
첫 대문자 이미지 대치
유동적인 이미지
유동적인 이미지를 위한 코딩
리스트 항목 하나에 여러 엘리먼트 넣기
메뉴 코드 작성
요약 |
|
|
 |
Andy Budd
앤디는 영국 브리튼에 거주하는 사용자 경험 디자이너이자 웹 표준 개발자입니다. 웹 디자인 컨설팅 회사인 클리어레프트(http://www.clearleft.com) 사의 크리에이티브 디렉터로서, 매력적이고 접근성 높은 웹 표준 호환 웹 사이트 구축 작업을 즐기고 있습니다. 그의 홈페이지는 www.andybudd.com이며 최근 웹 디자인 관련 이슈에 대해서 지속적으로 글을 올리고 있습니다.
앤디는 국제 디자인 컨퍼런스, 워크샵, 교육 강사로 활동하고 있으며 영국의 첫 번째 웹 2.0 컨퍼런스를 진행하기도 했습니다(http://www.dconstruct.org). 업계에 필요한 수준 높은 교육에 대한 열의 때문에 스킬스왑(http://www.skillswap.org)이라는 교육/네트워킹 커뮤니티를 운영하고 있기도 합니다. 또한 웹 표준에 대한 인식을 넓히고 장려하기 위한 웹 표준 어워드(http://www.webstandardsawards.com) 준비를 돕고 있습니다.
Cameron Moll
캐머론은 업계에 가장 많이 알려진 뉴 미디어 디자이너 중 한 명으로 다양한 웹 디자인, 우아한 인터페이스, 깔끔한 마크업 작성에 뛰어난 실력을 지니고 있습니다. 수많은 웹 사이트의 디자인과 리뉴얼에 참여하면서 보여준 다양한 기법은 많은 사이트에 영향을 줬습니다. 캐머론이 지닌 마케팅 경험 배경과 디자인 감각은 새로운 비주얼 경험을 제시할 수 있는 역량이기도 합니다.
NPRNational Public Radio, 커뮤니케이션 아트, 비어 등 유명한 웹 사이트 작업을 통해 인정을 받았습니다. 그의 개인 사이트인 CameronMoll.com은 관계 깊은 대화를 통해 디자인 방법을 제공하고 있으며 그의 작업 소스 파일을 다운로드 받을 수 있습니다.
Simon Collison
사이먼은 Agenzia(http://www.agenzia.co.uk)의 리드 웹 개발자입니다. 그는 레코드 회사, 유명 음악 아티스트, 비주얼 아티스트, 일러스트레이터를 위한 수많은 웹 프로젝트를 수행했습니다. 사이먼은 이런 작업을 하면서 모든 웹 사이트에서 웹 표준에 기반한 접근성과 사용성을 중시한 제작방법이 중요해 질 것을 예견했습니다. 사이먼은 CSS 기반의 웹 사이트인 스타일갈라에 주기적으로 리뷰를 올리고, 그의 개인 블로그인 www.collylogic.com에 웹 표준, 음악, 영화, 여행과 같은 다양한 이야기를 올리고 있습니다.
[감수자]
Molly E. Holzschlag
몰리는 매우 유명한 웹 표준 전도사입니다. 웹 표준 관련 교육과 저술활동을 하고 있습니다. 그녀는 현재 웹 표준 프로젝트WaSP의 그룹 리드를 맡고 있으며 W3C의 GEO 워킹 그룹에서 활동하는 전문가입니다. 30여권의 책을 저술했으며 가장 최근작은 데이브 셰어와 공저한 『The Zen of CSS Design』입니다. 이 책은 csszengarden.com의 디자인 중에서 가장 진보 적인 디자인을 멋지게 소개하고 있습니다. 개인 웹 사이트인 http://molly.com을 통해서 몰리의 일상을 엿볼 수 있습니다.
[역자]
박수만
새롭고 쉬운 인터넷 서비스를 만드는 (주)더블트랙(www.doubletrack.net) 대표이사로 일하고 있다. 한국 웹표준화 프로젝트(www.webstandard.or.kr) 멤버이며, 웹 표준 관련 대표도서인 『실용예제로 배우는 웹 표준』, 『웹 2.0을 이끄는 방탄웹』을 국내에 소개했다. 개인 블로그인 Suman’s shallow thoughts(www.sumanpark.com/blog)를 통해서 웹 표준 동향 등 새로운 소식을 접할 수 있다. 명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했다.
|
|
|
|
|
|
|
|
|
|
|
|
|
Home > 
POD(Printed On Demand)
