소득공제
- 베스트
- 웹사이트 top100 2주
이미 소장하고 있다면 판매해 보세요.
- 해외배송 가능?
- 문화비소득공제 가능
이 분야의 이벤트
에이콘- 웹 프로페셔널 시리즈
-
WordPress: The Missing Manual 워드프레스 사용자 가이드 이동WordPress: The Missing Manual 워드프레스 사용자 가이드10% 31,500원 -
Adobe Edge Animate Classroom in a Book 한국어판 이동Adobe Edge Animate Classroom in a Book 한국어판10% 31,500원
책소개
목차
|
1장 기초 다지기
__구조가 탄탄한 코드 만들기 ____마크업의 역사 ______의미의 중요성 ______ID와 클래스 이름 짓기 ______엘리먼트 이름 ______ID 또는 클래스 사용 ______div와 span ______마이크로포맷 ______HTML과 CSS 버전 ____문서 유형, DOCTYPE 전환, 브라우저 모드 ____유효성 검사 ______브라우저 모드 ______DOCTYPE 전환 __요약 2장 스타일을 꾸밀 대상 선택하기 __선택자 활용 기초 ______유사 클래스 선택자 __전체 선택자 __고급 선택자 ______자식 선택자, 인접 형제 선택자 ______속성 선택자 __캐스케이드 효과와 적용 순서 ______지정 순위 ______스타일시트에서 지정 순위 활용하기 ______body 태그에 클래스나 ID 지정하기 ______스타일시트를 계획 구성 관리하는 방법 __문서에 스타일 적용하기 ______구조 표시를 위한 주석 ______작업 기록을 위한 주석 ______주석을 제거하고 스타일시트 최적화하기 __스타일 가이드 __요약 3장 화면 표시를 위한 모델 완벽 정리 __박스 모델 완벽 정리 ______인터넷 익스플로러의 박스 모델 ______마진 겹침 현상 __포지셔닝 완벽 정리 ______화면 표시 모델 ______상대 위치 ______절대 위치 ______고정 위치 ______플로팅 __라인 박스와 플로트 해제 방법 __요약 4장 배경 이미지와 이미지 대치 기법 __배경 이미지 기초 다지기 ______고정폭 둥근 모서리 상자 __둥근 모서리 상자 모양 만들기 ______유동폭 둥근 모서리 상자 ______마운틴탑 코너 ______복수 배경 이미지 ______border-radius ______border-image __그림자 효과 ______간단한 그림자 효과 내기 ______Clagnut 스타일 그림자 효과 ______Box-shadow ______CSS 투명도 __투명도 ______RGBa ______PNG 투명도 ______시점차를 활용한 움직이는 배경 기법 __이미지 대치 기법 ______FIR 방법 ______파크 방법 ______sIFR 방법 __요약 5장 링크 모양 꾸미기 __링크 스타일 기초 __밑줄 치며 놀기 ______기본 링크 꾸미기 ______예쁜 링크 밑줄 만들기 __방문했던 링크 스타일 __링크 대상에 스타일 입히기 __링크 유형별로 스타일 지정하기 ______문서나 뉴스 피드 다운로드용 링크 꾸미기 __버튼처럼 보이는 링크 ______롤오버 기초 ______이미지를 사용한 롤오버 효과 ______픽시 방법을 이용한 롤오버 효과 ______CSS 스프라이트 ______CSS3를 사용한 롤오버 __CSS로만 만드는 툴팁 __요약 6장 리스트 스타일과 내비게이션 __리스트 스타일 기초 __세로형 내비게이션바 만들기 __내비게이션바에서 현재 페이지 표시하기 __단순한 가로형 내비게이션바 __이미지를 사용한 내비게이션바 __슬라이딩 도어 효과의 탭 내비게이션바 만들기 __CSS 드롭다운 __CSS 이미지맵 만들기 ______플리커 스타일의 이미지맵 만들기 __리모트 롤오버 만들기 __정의 리스트 __요약 7장 접근성 높은 폼과 테이블 만들기 __데이터 테이블 스타일 꾸미기 ______테이블 관련 엘리먼트 소개 ________써머리와 캡션 ________thead, tbody, tfoot ________col, colgroup ______데이터 테이블 마크업 만들기 ______테이블 스타일 꾸미기 ______화면 모양 만들기 __간단한 폼 레이아웃 만들기 ______유용한 폼 엘리먼트 ______폼 레이블 ______기본 레이아웃 ______기타 엘리먼트 처리 방법 ______장식 마무리 ______필수 입력 항목 __복잡한 폼 레이아웃 만들기 ______접근성을 고려한 데이터 입력 방식 ______다단 레이아웃의 체크 박스 ______서브밋 버튼 ______폼 에러 메시지 만들기 __요약 8장 레이아웃 __레이아웃 계획 수립 __기반 구조 정의 ______가운데 레이아웃 만들기 __플로트 기반의 레이아웃 ______플로트를 이용한 2단 레이아웃 ______플로트를 이용한 3단 레이아웃 __고정 레이아웃, 유동 레이아웃 ______화면 비례형 레이아웃 ______글자 비례형 레이아웃 ______글자와 화면 크기에 따라 늘어나는 이미지 __가짜 단 모양 만들기 __동일 높이 다단 구조 __CSS3 컬럼 __CSS 프레임워크 vs CSS 시스템 __요약 9장 브라우저 버그 해결하기 __흔히 발생하는 CSS 문제 ______버그 잡기 ______지정 순위와 정렬 방법 오류 ______마진 겹침 현상 ______버그 잡기 기초 ______처음부터 버그 만들지 않기 ______문제 분리하기 ______테스트 범위 최소화하기 ______증상이 아닌 문제 원인 바로 잡기 ______도움 요청 __레이아웃 ______레이아웃이란 ______레이아웃 때문에 생기는 효과 __문제 해결 ______인터넷 익스플로러 조건 주석문 ______핵과 필터 사용에 대한 경고 ______핵 사용 시 유의점 ______밴드 패스 필터 ______별표 HTML 필터 ______자식 선택자 핵 ______더블 마진 플로트 버그 __흔히 발생하는 버그 해결 방법 ______텍스트 주변에 3픽셀 공간 표시 버그 ______IE 6의 문자 중복 표시 버그 ______IE 6의 피커부 버그 ______상대 좌표 컨테이너에서 절대 좌표 지정 ______인터넷 익스플로러 관련 이야기 __단계적 브라우저 지원 __요약 10장 케이스 스터디: 로마 이탈리아 __케이스 스터디 개요 __기반 구조 ______HTML5 미리 보기 ______reset.css __1080 레이아웃과 그리드 ______웹 디자인과 그리드 __고급 CSS2와 CSS3 기능들 ______Dowebsitesneedtolookexactlythesameineverybrowser.com ______속성 선택자 ______Box-shadow, RGBa, text-overflow ______1999년식 font-size 지정 __폰트 연결과 더 나은 웹 타이포그래피 ______꾸밈 구두점 ______다단 구조 텍스트 레이아웃 ______@font-face ______Cufon, @font-face로의 중간 과정 __AJAX와 jQuery를 사용한 인터랙션 ______AJAX ______jQuery ______AJAX와 jQuery 검색 사용 __요약 11장 케이스 스터디: 클라임 더 마운틴스 __케이스 스터디 개요 __스타일시트 구성 및 규칙 ______제일 많이 사용하는 screen.css ______설명 붙이기 ______초기화 ______조건 주석을 사용한 인터넷 익스플로러용 스타일시트 __자유로운 그리드 사용 ______예제 사이트의 레이아웃 __클래스를 사용한 내비게이션 ______현재 페이지 하이라이트 ______인용구 표시 __엘리먼트 타깃팅 ______하위 선택자 ______:first-child 의사 선택자 ______인접 형제 선택자 __투명도, 그림자, 둥근 모서리 ______목표 ______설명 이미지 겹침 표현 및 RGBa 투명도 ______클래스 결합 ______border-radius ______box-shadow __목록 위치/구성 및 콘텐트 표현 ______동근 모서리 ______등고선 차트 표현 __요약 |
저자 소개
저 자 소 개
앤디 버드(Andy Budd)
사용자 경험 디자인 컨설팅을 하는 클리어레프트(clearleft.com)의 공동 창업자 중 한 명입니다. 인터랙션 디자인과 사용성 전문가로서 웹 디렉션즈(Web Directions), 이벤트 어파트(An Event Apart), SXSW 등 국제적인 콘퍼런스에서 강사로 활약하고 있습니다. 영국의 인기 있는 디자인 콘퍼런스 중 하나인 디컨스트럭트(dConstruct, dconstruct.org)를 주관하기도 하고 영국에서 가장 처음 사용성, 정보 설계, 사용자 경험에 대해 다룬 디자인 행사인 UX 런던(UX London, unlondon.com)을 책임지고 있습니다.
영국 내에서 초기에 웹 표준을 사용한 전문가 중 한 사람으로 CSS 스펙과 크로스 브라우저 지원 등에 대한 내용의 전문가입니다. 이런 분야의 커뮤니티 활동에도 적극적인 그는 수 차례 국제적인 디자인 관련 어워드의 심사를 했고 현재는 「닷넷(.Net)」 잡지사의 고문 역할을 하고 있습니다. 또 맥에서 사용하는 비싸지 않은 사용성 테스트 도구인 실버백(silverbackapp.com)을 만들 수 있게 추진한 사람 중 하나입니다. 트위터(@andybudd)를 열심히 쓰며 가끔씩 자신의 블로그(andybudd.com)에 글을 씁니다.
열대 해변에서 다이빙하는 것을 가장 좋아해서 PADI 다이빙 교육 자격증을 보유하고 있으며 예전에는 상어 조련사 경험도 있다고 합니다.
캐머론 몰(Cameron Moll)
캐머론은 1990년대부터 기능과 보여지는 모양이 잘 어울리는 의미 있는 웹 인터페이스를 만들어왔습니다. 그가 직접 수행하거나 참여한 작업들은 HOW, Print, Communication Arts과 같은 잡지나 포레스터 리서치(Forrester Research), NPR(National Public Radio) 등 수많은 곳에 소개되었습니다. 각종 컨퍼런스에서 사용자 인터페이스 디자인에 대해서 강의를 하기도 했고 『Mobile Web Design』(mobilewebbook.com)이라는 책을 쓰기도 했습니다.
웹과 크리에이티브 분야에 대한 종사자들과 그들을 채용하려는 회사들이 방문하는 사이트인 오쎈틱 잡스(Authentic Jobs Inc.)의 창업자이자 대표입니다. 또 타이포그래피를 중심으로 한 포스터를 제작하는 캐머론 몰(Cameron Moll LLC)이라는 기업을 소유하고 있고 이곳의 제품은 cameronmall.bigcartel.com에서 구입할 수 있습니다. 이렇게 수많은 일을 하면서도 그는 네 명의 아이들과 같이 공놀이를 즐기는 생활을 합니다.
cameronmoll.com, twitter.com/cameronmoll, flickr.com/photos/authentic, vimeo.com/camero nmall 등 온라인 공간에서 캐머론을 만나볼 수 있습니다.
사이먼 콜리슨(Simon Collison)
재능 있는 디자이너와 개발자들이 모여 뛰어는 결과물을 만드는 어스킨 디자인(Erskine Design, erskinedesign.com)의 공동 창업자이자 크리에이티브 디렉터입니다. 지난 10년 이상 레코드 회사, 유명 음악 아티스트, 비주얼 아티스트, 각종 기업, 정부관련 등 거의 모든 분야에 걸친 수많은 웹 프로젝트를 수행했습니다. 현재는 유명 잡지사에서부터 극지방 탐험가에 걸치는 다양한 클라이언트와 작업을 하고 있습니다.
오래 전부터 써온 블로그(colly.com) 이외에도 웹과 관련된 이야기는 ErskineLabs(erskinelabs.com)에 적고 있고 베스트 셀러인 『Beginning CSS Web Development』(Apress)의 저자이자 『Web Standards Creativity』의 공동저자이기도 합니다. CSS와 HTML을 가지고 다양한 실험을 하거나 청중 앞에서 그런 주제로 이야기할 때 가장 행복해 합니다.
등산을 좋아해서 영국이나 아이슬란드의 자연을 탐험하는 것을 좋아합니다. 32년 된 차를 운전하며 비어페이스라는 이름의 고양이와 함께 살고 있습니다.
사용자 경험 디자인 컨설팅을 하는 클리어레프트(clearleft.com)의 공동 창업자 중 한 명입니다. 인터랙션 디자인과 사용성 전문가로서 웹 디렉션즈(Web Directions), 이벤트 어파트(An Event Apart), SXSW 등 국제적인 콘퍼런스에서 강사로 활약하고 있습니다. 영국의 인기 있는 디자인 콘퍼런스 중 하나인 디컨스트럭트(dConstruct, dconstruct.org)를 주관하기도 하고 영국에서 가장 처음 사용성, 정보 설계, 사용자 경험에 대해 다룬 디자인 행사인 UX 런던(UX London, unlondon.com)을 책임지고 있습니다.
영국 내에서 초기에 웹 표준을 사용한 전문가 중 한 사람으로 CSS 스펙과 크로스 브라우저 지원 등에 대한 내용의 전문가입니다. 이런 분야의 커뮤니티 활동에도 적극적인 그는 수 차례 국제적인 디자인 관련 어워드의 심사를 했고 현재는 「닷넷(.Net)」 잡지사의 고문 역할을 하고 있습니다. 또 맥에서 사용하는 비싸지 않은 사용성 테스트 도구인 실버백(silverbackapp.com)을 만들 수 있게 추진한 사람 중 하나입니다. 트위터(@andybudd)를 열심히 쓰며 가끔씩 자신의 블로그(andybudd.com)에 글을 씁니다.
열대 해변에서 다이빙하는 것을 가장 좋아해서 PADI 다이빙 교육 자격증을 보유하고 있으며 예전에는 상어 조련사 경험도 있다고 합니다.
캐머론 몰(Cameron Moll)
캐머론은 1990년대부터 기능과 보여지는 모양이 잘 어울리는 의미 있는 웹 인터페이스를 만들어왔습니다. 그가 직접 수행하거나 참여한 작업들은 HOW, Print, Communication Arts과 같은 잡지나 포레스터 리서치(Forrester Research), NPR(National Public Radio) 등 수많은 곳에 소개되었습니다. 각종 컨퍼런스에서 사용자 인터페이스 디자인에 대해서 강의를 하기도 했고 『Mobile Web Design』(mobilewebbook.com)이라는 책을 쓰기도 했습니다.
웹과 크리에이티브 분야에 대한 종사자들과 그들을 채용하려는 회사들이 방문하는 사이트인 오쎈틱 잡스(Authentic Jobs Inc.)의 창업자이자 대표입니다. 또 타이포그래피를 중심으로 한 포스터를 제작하는 캐머론 몰(Cameron Moll LLC)이라는 기업을 소유하고 있고 이곳의 제품은 cameronmall.bigcartel.com에서 구입할 수 있습니다. 이렇게 수많은 일을 하면서도 그는 네 명의 아이들과 같이 공놀이를 즐기는 생활을 합니다.
cameronmoll.com, twitter.com/cameronmoll, flickr.com/photos/authentic, vimeo.com/camero nmall 등 온라인 공간에서 캐머론을 만나볼 수 있습니다.
사이먼 콜리슨(Simon Collison)
재능 있는 디자이너와 개발자들이 모여 뛰어는 결과물을 만드는 어스킨 디자인(Erskine Design, erskinedesign.com)의 공동 창업자이자 크리에이티브 디렉터입니다. 지난 10년 이상 레코드 회사, 유명 음악 아티스트, 비주얼 아티스트, 각종 기업, 정부관련 등 거의 모든 분야에 걸친 수많은 웹 프로젝트를 수행했습니다. 현재는 유명 잡지사에서부터 극지방 탐험가에 걸치는 다양한 클라이언트와 작업을 하고 있습니다.
오래 전부터 써온 블로그(colly.com) 이외에도 웹과 관련된 이야기는 ErskineLabs(erskinelabs.com)에 적고 있고 베스트 셀러인 『Beginning CSS Web Development』(Apress)의 저자이자 『Web Standards Creativity』의 공동저자이기도 합니다. CSS와 HTML을 가지고 다양한 실험을 하거나 청중 앞에서 그런 주제로 이야기할 때 가장 행복해 합니다.
등산을 좋아해서 영국이나 아이슬란드의 자연을 탐험하는 것을 좋아합니다. 32년 된 차를 운전하며 비어페이스라는 이름의 고양이와 함께 살고 있습니다.
역 자 소 개
박수만
명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했으며, 에이콘 출판사에서 펴낸 『실용예제로 배우는 웹 표준』(2005년), 『CSS 마스터 전략』(2006년), 『방어형 웹사이트 기획』(2008년), 『(개정판) 웹 2.0을 이끄는 방탄웹』(2009년), 『Tagging 태깅』(2011년)을 번역했다. 미투데이와 네이버 밴드 사업을 총괄 기획한 그는 2013년 비트패킹컴퍼니(http://beatpacking.com)를 통해 다시 한 번 창업하고, 새로운 모바일 음악 서비스를 제공하고 있다. 더 자세한 정보는 그의 개인웹사이트(http://sumanpark.com)에서 볼 수 있다.
정유한
서울대학교 컴퓨터공학과를 졸업하고 정보설계/UX전문가로 여러 기업의 다양한 서비스를 설계하고 있다. 『웹디자인 2.0 고급 CSS』(2008년), 『HTML5 첫걸음』 (2010년), 『The Design of Sites 한국어판』(2011년) 등 기획, 디자인, 개발 여러 영역의 번역을 담당했다.
명지대학교 컴퓨터공학과 학부와 대학원(소프트웨어 공학 전공)을 졸업했으며, 에이콘 출판사에서 펴낸 『실용예제로 배우는 웹 표준』(2005년), 『CSS 마스터 전략』(2006년), 『방어형 웹사이트 기획』(2008년), 『(개정판) 웹 2.0을 이끄는 방탄웹』(2009년), 『Tagging 태깅』(2011년)을 번역했다. 미투데이와 네이버 밴드 사업을 총괄 기획한 그는 2013년 비트패킹컴퍼니(http://beatpacking.com)를 통해 다시 한 번 창업하고, 새로운 모바일 음악 서비스를 제공하고 있다. 더 자세한 정보는 그의 개인웹사이트(http://sumanpark.com)에서 볼 수 있다.
정유한
서울대학교 컴퓨터공학과를 졸업하고 정보설계/UX전문가로 여러 기업의 다양한 서비스를 설계하고 있다. 『웹디자인 2.0 고급 CSS』(2008년), 『HTML5 첫걸음』 (2010년), 『The Design of Sites 한국어판』(2011년) 등 기획, 디자인, 개발 여러 영역의 번역을 담당했다.
관련 분류
품목정보
- 발행일
- 2014년 07월 31일
- 쪽수, 무게, 크기
- 471쪽 | 1144g | 188*235*29mm
- ISBN13
- 9788960775855
출판사 리뷰
|
★ 이 책에서 다루는 내용 ★
이 책은 기본적인 HTML과 CSS를 알고 있다면 누구에게나 도움이 될 수 있습니다. CSS 디자인에 이제 막 발을 들여놓았는지, CSS 사이트 개발 경력이 몇 년인지에 관계 없이 이 책이 도움이 될 것입니다. CSS 개발 경험이 있다면 대부분 내용을 이해할 수 있을 것입니다. 하지만 독자가 아직 전문가는 아니라고 가정하고 진행합니다. 이 책은 실용적이고 실제 경험에서 비롯된 조언과 예제를 정리하고 있어서 최신 CSS 디자인을 마스터할 수 있게 도울 것입니다. ★ 이 책의 구성 ★ 먼저 기본적인 CSS 개념, 실전 사례를 쉽게 설명하는 것에서 시작합니다. 코드 구성 방법과 주석 다는 방법, CSS 포지셔닝 모델, 플로팅과 플로팅 해제 방법 등을 배울 것입니다. 이런 내용을 이미 알고 있을지 모르겠습니다. 하지만 이 내용을 통해 새롭게 알게 되거나 그동안 잘못 알고 있었던 내용을 발견할 것입니다. 따라서 첫 3개의 장은 CSS 기본에 대한 핵심 정리이기도 하면서, 이미 알고 있었던 내용을 다시 한 번 상기하는 역할도 해줄 것입니다. 이렇게 기본기를 갖춘 후에 나오는 5개의 장은, 이미지, 링크, 리스트 처리나 폼, 데이터 테이블 같은 핵심적인 CSS 기법을 다룹니다. 각 장은 간단한 설명으로 시작해서 점점 더 복잡한 예제를 발전시켜 나갑니다. 이 부분에서는 모서리가 둥근 상자를 만드는 방법, 투명 그림자 효과 사용 방법, 탭형 내비게이션바를 만드는 방법, 플리커 스타일의 이미지맵 만드는 방법 등을 예제로 설명합니다. 예제 코드는 웹 사이트(www.cssmastery.com나 www.acornpub.co.kr/book/css-mastery-2e)에서 다운로드할 수 있습니다. 브라우저 버그 때문에 CSS 개발자들이 많은 고생을 합니다. 그렇기 때문에 이 책의 예제들에서는 여러 브라우저에서 잘 동작할 수 있게 하는 기법에도 신경을 썼습니다. 뿐만 아니라 하나의 장을 할애해서 버그와 버그를 수정하는 방법에 대해서도 다룹니다. 그 장에서는 버그를 발견할 수 있는 기술과 고칠 수 있는 방법을 알아봅니다. 또 마이크로소프트 인터넷 익스플로러에서 CSS 버그가 나타나는 이유에 대해서도 배울 것입니다. 마지막 두 개의 장에서는 유명한 CSS 디자이너인 사이먼 콜리슨과 캐머론 몰이 이 책에 나온 기법을 종합해 직접 만든 환상적인 적용 사례를 설명합니다. 따라서 각 기법의 동작 방식뿐만 아니라 실제 웹 프로젝트에서 활용하는 방법에 대해 배우게 될 것입니다. 이 책은 처음부터 시작해서 차례대로 읽어도 되고, 컴퓨터 옆에 놔두고 필요할 때마다 팁이나 기법을 찾아보는 방식으로 활용하셔도 됩니다. 원하는 대로 활용하세요. |
