간편결제, 신용카드 청구할인
인터파크 롯데카드 5% (29,930원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (22,050원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (25,200원)
(최대할인 4만원 / 2만원 이상 결제)
Close

웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 138
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

35,000원

  • 31,500 (10%할인)

    1,750P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 마이페이지에서 직접 구매확정하신 경우만 적립 됩니다.
추가혜택
  • 6/1(목) 이내 발송 예정  (서울시 강남구 삼성로 512)
  • 무료배송
  • 주문수량
    감소 증가
    • 이벤트/기획전

    • 연관도서(29)

    • 상품권

    AD

    책소개

    『웹디자인 2.0 고급 CSS: 감각적인 웹디자인 예술 미학』은 원하는 디자인을 만들기 위해 어떤 코드를 적절히 사용해야 하는지를 보여주는 CSS 코딩 책으로, 지루한 마크업과 CSS 코드를 반복하기보다 이미지를 사용해 한눈에 이해할 수 있도록 잘 설명하고 있다.

    이 책에서 디자이너 앤디 클락은 '고급 CSS'를 활용해 접근성과 사용성이 높으면서도 아름다운 사이트를 만드는 웹디자인 2.0 개념에 대해 설명한다. 다양한 사례를 통해 마크업과 CSS를 사용하면서도 창의적이고 독창적인 디자인을 만들 수 있음을 보여준다.

    이런 점이 좋습니다!
    ▷ 시각적인 효과를 높인 수많은 예제와 화보 사진들을 통해 다양한 코딩 기술을 손쉽게 익힐 수 있습니다.
    ▷ 최신 웹브라우저와 최신 CSS3 스펙 사용환경에 대한 기술적 이점을 한발 앞서 체험해 볼 수 있습니다.

    출판사 서평

    『웹디자인 2.0 고급 CSS』는 단지 멋진 최근 CSS 기법을 사용하는 기술적인 부분을 논하는 책이 아니다. 여러분이 날마다 쓰고 있는 CSS를 최대한 활용해서 멋진 디자이너나 아티스트가 되는 여정을 알려준다. 『웹디자인 2.0 고급 CSS』는 낡은 기법에서 벗어나 새로운 기술을 활용하는 방법을 강조한다. 다양한 방법을 시도함으로써 기존과는 다른 디자인 결과물을 만들어 낼 뿐만 아니라 디자인 작업 자체를 빠르고 효율적으로 진행할 수 있는 방법을 찾는 것을 목표로 삼는다. 그러기 위해 여러분은 디자인과 기술적인 면 모두에서 지속적으로 새로운 내용을 습득해 나가야 한다.

    <책 소개>

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

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

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

    목차

    1장 웹에 대한 재발견
    고급 CSS 소개 5
    어떤 툴을 사용해야 할까? 5
    고급 CSS를 사용해야 하는 이유 6
    앞으로의 웹은 어떤 모습일까? 10
    접근성은 지원해야 하는 옵션이 아니라 디자인 그 자체다 12
    새로운 개념을 탑재한 고급 CSS에 다가가기 16
    고급 CSS의 기본 개념 23
    사이트가 모든 브라우저에서 똑같이 보여야 하는 것은 아닙니다 25
    쓸 수 있는 모든 CSS 선택자를 사용합니다 25
    가능하면 새로나온 CSS3를 사용해서 한발 앞서 갑니다 30
    CSS로 표현하기 어려운 부분은 자바스크립트와 DOM을 사용합니다 30
    가능하면 핵과 필터를 사용하지 않습니다 31
    의미있는 이름을 사용하고 마이크로포맷을 사용합니다 33
    아이디어를 공유하고 다른 사람들과 협력합니다 41
    왜 이제서야 고급 CSS를 사용할 수 있는가? 47
    예상하지 못한 CSS의 사용 49
    브라우저 지원 등급화 51
    발견하고 진행하고 영감받아서 앞으로 나아가기 53
    컨텐츠 중심의 디자인 55
    컨텐츠 중심의 접근 57
    흔히 볼 수 있는 최적화되지 않은 CSS 레이아웃 59
    스타일과 상관없이 최적화하기 60
    시맨틱 = 의미 65
    CSS 옷 벗는 날 65
    의미를 마크업으로 변환하기:마크업 골든벨 66
    컨텐츠의 의미 파악하기 76
    계속 의미있게 작업하기 76
    세상 모든 것을 마크업으로 79
    전 세계는 리스트로 만들 수 있다 79
    눈에 보이는 대로 리스트 사용하기 82
    샌프란시스코에 가면 hCard를 보내세요 86
    세상을 더 넓게 보는 훈련 88
    시작점은 컨텐츠 88
    이제 웹에 적용해볼 단계 97

    2장 웹을 만드는 새로운 방법
    완벽한 방법론을 찾아가는 과정 101
    더 좋은 방법 찾기 101
    컨텐츠 기반의 프로세스 103
    컨텐츠 수집 107
    화면구성도 작성 109
    과거의 화면 구성도가 실패할 수밖에 없는 이유 111
    화면 구성도는 반드시 필요한가? 112
    과거의 화면 구성도와 동적인 표현 113
    grey box 방법을 활용한 개선된 접근법 117
    자세히 표현하기 위해 "심볼" 사용하기 119
    시안 작업 121
    빠르게 디자인 작업 진행하기 121
    시안에 마크업 가이드 추가하기 122
    인터랙티브 프로토타입 사용하기 125
    실제 동작하는 인터랙티브 프로토타입 125
    재사용 가능한 코드 만들기 127
    화면구조와 프로토타입을 잘 만드는 방법 127
    위지윅: 보는 것만큼 얻지 못할 수도 있다 128
    인터랙티브 프로토타입 실제 만들어 보기 131
    개발환경(브라우저) 선택하기 131
    브라우저 익스텐션 사용하기 131

    엘리먼트를 최소로 사용하기 134
    마크업 유효성 검사 134
    플로트 대신 포지션 사용하기 134
    CSS 정돈하기 136
    프로세스 실제 적용해 보기 141
    무엇을 만들 것인가 141
    컨텐츠 중심의 마크업 작성 142
    CSS로 디자인 입혀가기 158
    레이아웃 만들기 158
    body부터 스타일 시작하기 159
    작업 공유하기 166
    기본 컬러 스타일 166
    브랜드 영역 167
    로고 부분 추가하기 167
    네비게이션 꾸미기 169
    하단 푸터 영역 표시하기 173
    타이포그래피 스타일 완성 176
    사이트를 만들 기반의 완성 179

    3장 디자인과 웹
    그리드 기반 디자인 183
    디자이너와 그리드 185
    황금비율과 3분할 법칙 187
    완벽하게 유동적인 레이아웃 197
    균등 분할 그리드 디자인 198
    실제 사이트에서 그리드가 적용된 모습 201
    Subtraction 201
    Airbag Industries 204
    제프 크로프트 사이트 분석 206
    비얼의 블로그 분석 208
    우리 주변에서 찾을 수 있는 그리드 211
    신문 211
    전통적인 8단 디자인 구성 213
    최근 유행하는 6단 디자인 217
    그밖의 신문 레이아웃 221
    웹디자인에 새로운 그리드 적용하기 225
    뉴스 분석 225
    그리드부터 접근하기 226
    비법을 전수해 드립니다 229
    상세한 영역 조정 229
    이미지 처리 230
    일상생활에서 디자인에 영감을 줄 수 있는 것들 233
    홈페이지 다시 꾸미기 233
    무드 보드에 대하여 236
    디자인 스크랩북 만들기 238
    잡지에서 찾아볼 수 있는 인터페이스 243
    타이포그래피 리소스 243
    플래시 디자인에 대한 재검토 247
    이미지나 사진을 활용한 작업 248
    웹에서의 예술 활동 255
    디자인은 단순히 매력적인 비주얼을 만드는 과정이 아니다 255
    기술, 밖으로 눈을 돌리자 256
    무드 고조시키기 259
    주변을 둘러보자 261
    목적이 뚜렷한 스크랩북 만들기 265
    예술 미학으로서의 웹디자인 267
    디자이너들은 더 발전해야 합니다 267

    4장 고급 CSS
    고급 CSS 273
    절대 포지션 274
    상대 포지션 287
    플로트 응용 293
    사이드바 만들기 298
    여러 기법 조합하기 301
    CSS3 313
    통합 작업 313
    새로운 표준을 만드는 작업에 참여하기 315
    미래로의 시간여행 316
    CSS3의 선택자 모듈을 사용한 디자인 316
    배경색을 사용해서 가독성 높이기 317
    배경과 외곽선 모듈을 사용한 디자인 320
    복수 배경 이미지를 사용한 디자인 325
    다단 구조 만들기 335
    다단구조 레이아웃 모듈을 사용한 디자인 341
    고급 레이아웃 모듈 345
    다시 그리드로 돌아가서 346
    고급 레이아웃 모듈을 사용한 디자인 351
    마치면서 359

    본문중에서

    <역자 서문>

    첫 직업으로 웹 관련 일을 시작했던 2000년, 누구나 그랬듯이 웹을 더 예뻐 보이게 만들기 위한 각종 편법들을 생각하며 많은 시간을 보냈다. 이미지며 텍스트며 가리지 않고 오직 보이는 모양을 위해 잘라내고, 원하는 모양을 만들기 위한 아이디어들을 디자이너와 개발자에게 전하면서 컴퓨터를 전공한 웹기획자라는 것을 자랑스럽게 생각했던 시기였다.

    그 이후 무언가 더 좋은 방법이 없을까 찾아보는 과정에서 외국에서 사용하는 방식들에 눈을 뜨게 되었다. 그때는 웹표준인지도 알지 못한 채 단순한 기법이라고만 여긴 채 남들에게 열심히 추천을 해주기도 했었다. 허나 웹 에이전시에서 먹고 살기 위해서는 기존에 하던 디자인과 테이블 위주 코드를 생성할 수밖에 없는 환경이었다.

    2005년 지인이었던 박수만님에게 받은 『실용예제로 배우는 웹표준』이라는 책을 읽으면서 드디어 한글로도 이런 책이 나오는구나 하는 반가움에 마음이 들떴다. 하지만 한편, 과연 우리나라 사이트에서 이런 코드를 볼 수 있는 날이 오긴 할까라는 부정적인 생각도 들 수밖에 없었다.

    그러나 그 이후 국내에도 웹표준에 대한 관심이 많이 높아지고, 웹 제작환경에서도 ‘UI 개발’이라는 이름이 생겨날 만큼 많은 변화가 있었다. 과거에 비하면 수많은 사이트들이 코드상으로 웹표준 기반 사이트로 탈바꿈하고 있다.

    물론 아직 웹 제작 프로세스 전체가 웹표준 혹은 의미있는 웹에 맞게 완벽하게 진행되고 있다고 할 수는 없다. 또 웹이 변하는 만큼 앞으로 나올 수많은 기술을 익히고 끊임없이 발전을 해야 하기 때문에 완벽한 방법이라는 것은 영원히 없을지도 모른다.

    이 책의 원제는 Transcending CSS이다. 웹은 지속적으로 바뀌고 기술은 끊임없이 발전하고 있기 때문에 누구든 뒤처지지 않기 위해서 새로 나올 것에 대해 관심이 많다. 이렇듯 새로운 관점에 기반한 ‘transcending CSS’라는 개념을 이 책에서는 ‘고급 CSS’라고 표현했다. 비록 이 책의 일부 예제들이 현재 여러분이 쓰고 있는 브라우저에서 제대로 보이지 않더라도 미래를 대비하는 마음으로 새로운 기법과 개념에 대해 관심을 가져야 한다.

    관련이미지

    저자소개

    앤디 클락 [저] 신작알림 SMS신청
    생년월일 -

    해당작가에 대한 소개가 없습니다.

    정유한 [역] 신작알림 SMS신청
    생년월일 -

    해당작가에 대한 소개가 없습니다.

    이 상품의 시리즈

    (총 30권 / 현재구매 가능도서 29권)

    선택한 상품 북카트담기
    펼쳐보기

    컴퓨터/인터넷 분야에서 많은 회원이 구매한 책

      리뷰

      8.8 (총 0건)

      100자평

      작성시 유의사항

      평점
      0/100자
      등록하기

      100자평

      0.0
      (총 0건)

      판매자정보

      • 인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.

      상호

      (주)교보문고

      대표자명

      안병현

      사업자등록번호

      102-81-11670

      연락처

      1544-1900

      전자우편주소

      callcenter@kyobobook.co.kr

      통신판매업신고번호

      01-0653

      영업소재지

      서울특별시 종로구 종로 1(종로1가,교보빌딩)

      교환/환불

      반품/교환 방법

      ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청 또는 1:1 문의 게시판 및 고객센터(1577-2555)에서 신청 가능

      반품/교환가능 기간

      변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능
      단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

      반품/교환 비용

      변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
      상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담

      반품/교환 불가 사유

      ·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
      (단지 확인을 위한 포장 훼손은 제외)

      ·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
      예) 화장품, 식품, 가전제품(악세서리 포함) 등

      ·복제가 가능한 상품 등의 포장을 훼손한 경우
      예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

      ·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

      ·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

      상품 품절

      공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음

      소비자 피해보상
      환불지연에 따른 배상

      ·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

      ·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

      (주) 인터파크커머스 안전결제시스템 (에스크로) 안내

      (주)인터파크커머스의 모든 상품은 판매자 및 결제 수단의 구분없이 회원님들의 구매안전을 위해 안전결제 시스템을 도입하여 서비스하고 있습니다.
      결제대금 예치업 등록 : 02-006-00064 서비스 가입사실 확인

      배송안내

      • 교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.

      • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

      • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.

      • 배송비는 업체 배송비 정책에 따릅니다.

      • - 도서 구매 시 15,000원 이상 무료배송, 15,000원 미만 2,500원 - 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용