HOME > Detail View

Detail View

스타일로 말해요 : CSS를 아는 웹디자이너 되기

스타일로 말해요 : CSS를 아는 웹디자이너 되기 (Loan 39 times)

Material type
단행본
Personal Author
Teague, Jason Cranford 남덕현, 역
Title Statement
스타일로 말해요 : CSS를 아는 웹디자이너 되기 / 제이슨 그랜포드 티그 지음 ; 남덕현 옮김
Publication, Distribution, etc
파주 :   위키북스,   2010  
Physical Medium
xxi, 343 p. : 천연색삽화 ; 23 cm
Series Statement
위키북스 오픈소스 & 웹 시리즈 ;022
Varied Title
Speaking in styles : fundamentals of CSS for Web designers
ISBN
9788992939492
General Note
부록: A, voxLibris 코드. - B, CSS 값. - C, 인터넷 익스플로러 문제 해결하기.  
색인: p. [324]-343  
Subject Added Entry-Topical Term
Cascading style sheets Web sites -- Design
000 01038camcc2200301 c 4500
001 000045625785
005 20110114145015
007 ta
008 100721s2010 ggka 001c kor
020 ▼a 9788992939492 ▼g 13560
035 ▼a (KERIS)BIB000012123441
040 ▼a 241026 ▼c 241026 ▼d 244002
082 0 4 ▼a 005.72 ▼2 22
085 ▼a 005.72 ▼2 DDCK
090 ▼a 005.72 ▼b 2010z5
100 1 ▼a Teague, Jason Cranford
245 1 0 ▼a 스타일로 말해요 : ▼b CSS를 아는 웹디자이너 되기 / ▼d 제이슨 그랜포드 티그 지음 ; ▼e 남덕현 옮김
246 1 9 ▼a Speaking in styles : ▼b fundamentals of CSS for Web designers
260 ▼a 파주 : ▼b 위키북스, ▼c 2010
300 ▼a xxi, 343 p. : ▼b 천연색삽화 ; ▼c 23 cm
440 0 0 ▼a 위키북스 오픈소스 & 웹 시리즈 ; ▼v 022
500 ▼a 부록: A, voxLibris 코드. - B, CSS 값. - C, 인터넷 익스플로러 문제 해결하기.
500 ▼a 색인: p. [324]-343
650 0 ▼a Cascading style sheets
650 0 ▼a Web sites ▼x Design
700 1 ▼a 남덕현, ▼e
830 0 ▼a Voices that matter

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2010z5 Accession No. 121204127 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2010z5 Accession No. 121204128 Availability Available Due Date Make a Reservation Service B M
No. 3 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2010z5 Accession No. 151295769 Availability Available Due Date Make a Reservation Service
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2010z5 Accession No. 121204127 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2010z5 Accession No. 121204128 Availability Available Due Date Make a Reservation Service B M
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2010z5 Accession No. 151295769 Availability Available Due Date Make a Reservation Service

Contents information

Book Introduction

일반적인 CSS에 대한 이론적인 사실의 나열이 아니라, 웹을 디자인하는 디자이너의 입장에서 쉽게 풀어 쓰고 있다. 디자인이 웹을 위한 결과물로 어떻게 적용될 수 있는지를 간단한 예제를 이용하여 설명한다. CSS를 비롯한 다양한 브라우저 이슈, 효율적인 코드 작성, IE6를 대처하는 방법 등 이론이 완벽하더라도 실무에서 마주칠 수 있는 이슈들을 저자의 경험을 바탕으로 쉽게 설명해주고 있다.

CSS는 디자이너가 아닌 개발자를 위한 것이다?

[거짓] : 많은 디자이너들이 CSS는 디자이너의 업무가 아니라, 단지 '코더'를 위한 것이라고 생각합니다. 이러한 이야기들을 상당히 많은 디자이너들로부터 들었습니다. "나는 프로그램 언어를 배우고 싶지 않다." 이렇게 말을 하는 디자이너들에게는 3가지 기본적인 논리가 있습니다.

첫 번째 논리 : 개발자들이 이해하면, 난 이해할 필요가 없다.
저자는 편집 디자이너로 디자인을 시작했고, 인쇄 과정을 처음부터 끝까지 이해해야 했습니다. CMYK, 종이의 두께 등에 대해 알아야 하고, 출력 파일을 만드는 법도 알아야 했습니다. 이런 것들을 이해해야 하는 것은 저자의 디자인이 직접 선택한 적절한 매체에서 최고의 결과를 얻어야 하기 때문이었습니다. 적어도 여러분 자신이 코드를 작업할 계획이 전혀 없더라도, CSS가 어떻게 동작하는지 이해한다면, 한 단계 더 발전된 웹 디자이너가 될 수 있을 것입니다.

두 번째 논리 : CSS는 배우기 어렵다.

CSS는 실제로 디자이너의 마인드를 가지고 개발됩니다. 어렵지 않은 일반적인 용어가 사용되어 쉽게 이해하고 기억될 수 있습니다.

세 번째 논리 : 난 프로그래머가 아니라 디자이너라고요!!

CSS는 프로그램 언어가 아니라 스타일 시트 언어입니다. 무엇이 다르냐고요? 스타일 시트 언어는 문서 안에 있는 서로 다른 객체들이 어떻게 표현되는지 로직 기반인 function보다 인간이 이해하기 쉬운 간단한 스타일 규칙을 이용하여 컴퓨터에게 쉽게 이야기해줍니다. CSS는 콘텐츠가 어떻게 동작하는지 설명하는 게 아니라, 어떻게 보여야 하는지를 설명합니다.


Information Provided By: : Aladin

Author Introduction

제이슨 그랜포드 티그(지은이)

제이슨 크랜포드 티그는 최초의 온라인 잡지인 CMC에서 디자이너로 웹을 시작하여 15년 넘게 웹 디자이너로 일하고 있다. CNN, Virgin Group, AOL을 포함한 최고의 웹 사이트들의 작업에 참여했다. 컨설턴트이자 강사(www.brighteyemedia.com)로서 W3C와 현재 진행 중인 사안들에 자문을 하고 있다. 그의 베스트셀러인 『CSS,DHTML, 그리고 Ajax: Visual QuickStart Guide』를 포함해 많은 디자인 책을 출간했다. 블로그 webbedenvironments.com를 운영한다.

남덕현(옮긴이)

SK커뮤니케이션즈 UI개발팀에서 근무 중이며, 네이트 메인, 싸이월드 블로그 섹션 개편, 모바일 싸이월드 블로그 등의 UI개발 업무를 담당했다. 『제프리 젤드만의 웹표준 가이드』(위키북스, 2007) 감수, 『CSS 완벽 가이드』(위키북스, 2009)를 번역했다. 웹이라는 공간이 모든 사람들을 위해 올바르게 구현될 수 있는 그 날을 꿈꾼다. 개인 블로그 wp_of_dstyle (http://dstyle.org/)

Information Provided By: : Aladin

Table of Contents

목차
들어가며 = ix
PART 1 웹의 첫걸음
 1 웹페이지는 무엇일까요? = 1
  HTML, 자바스크립트, 그리고 CSS = 2
   DOM이란 무엇일까? = 4
   HTML과 CSS = 6
   자바스크립트와 CSS = 10
   플래시와 CSS = 14
 2 웹 디자이너의 도구 상자 = 17
  웹 브라우저 = 18
   인터넷 익스플로러(IE) = 20
   파이어폭스(FF) = 20
   사파리(Sa) = 21
   오페라(Op) = 21
   T크로스오버를 이용해 맥(Mac)에서 인터넷 익스플로러 6 테스트 하기 = 22
  파이어폭스의 부가기능 = 24
   Firebug = 24
   Colorzilla = 24
   Palette Grabber = 26
   MeasureIt = 26
   Pixel Perfect = 26
  코드 에디터 = 28
   Coda = 28
   TopStyle = 28
   CSSEdit = 29
   Dreamweaver = 29
  온라인에서 사용할 수 있는 도구들 = 30
   ColorJack = 30
   Adobe Kuler = 30
   Typetester = 32
   SUMO Paint = 32
 3 CSS에 대한 오해들 = 35
  첫 번째 오해 : CSS는 디자이너가 아닌 개발자를 위한 것이다? = 36
  두 번째 오해 : CSS는 디자이너가 원하는 대로 다룰 수 없다? = 40
  세 번째 오해 : CSS는 많은 브라우저에서 일관성 없이 보인다? = 44
PART 2 CSS 문법 알아보기
 4 구문 : 의미 만들기 = 49
  스타일 규칙 = 50
   스타일 규칙 선언 부분 = 52
   기본 스타일 규칙 = 54
   더 많은 스타일 선언하기 = 56
   규칙 조합하기 = 58
  선택자의 종류 = 60
   HTML 선택자 = 60
   클래스 선택자 = 62
   id 선택자 = 68
  문맥 안에서의 스타일 = 70
   콘텐츠의 위치에 따른 스타일 지정하기 = 72
   자식 요소를 위한 스타일 = 76
   형제 요소를 위한 스타일 = 78
  특별한 경우를 위한 스타일 = 80
   링크 상태 = 80
   링크 액션을 위한 스타일 = 82
   유동적인 액션을 위한 스타일 = 84
   문단의 일부분을 위한 스타일 = 86
 5장 시맨틱 : 스타일의 의미 부여하기 = 89
  스타일 규칙이 지정되는 곳 = 90
   HTML 태그에 지정하는 인라인 스타일 = 92
   웹페이지 안에 삽입된 스타일 = 94
   외부 스타일 = 96
  CSS에 설명 추가하기 = 104
  상속 = 106
   상속 덮어쓰기 = 108
  순서 = 110
  구체성 = 112
   CSS 규칙의 가중치 결정하기 = 114
  중요도 = 116
  미디어 = 118
  단계적으로 적용하기 = 120
 6장 어휘 : 말이 통하다 = 123
  값 = 124
   키워드 = 124
   변수 = 125
  폰트 = 126
  텍스트 = 130
  배경 = 134
   이미지 반복 = 136
   이미지 위치 = 138
  박스 = 140
   디스플레이 = 142
   불투명도 = 144
   플롯 = 146
   너비와 높이 = 148
   테두리선 = 152
   패딩 = 154
   마진 = 156
   IE 고치기 = 158
  위치 지정 = 160
   위치지정 타입 = 160
   평면 위치 설정하기 = 162
   공간 위치 설정하기 = 164
  테이블 = 166
  리스트 = 168
  커서 = 170
  디자인 향상 = 172
   그림자 = 172
   둥근 모서리 = 174
   외곽선 = 174
PART 3 원어민처럼 말하기
 7장 CSS로 디자인하기 = 179
  작업 과정 : 개요 = 180
  기획하기 = 182
   스케치하기 = 182
   페이지 흐름도 = 184
   와이어프레임 = 186
   무드 보드 = 188
   시각적 구성요소들 = 190
  구축하기 = 192
   크롬 자르기 = 192
   스타일 가이드 = 194
   프로토타입 = 196
  배치하기 = 204
   알파 = 204
   베타 = 204
   런칭 = 204
  작업 과정 반복하기 = 206
 8장 레이아웃 = 209
  구조 = 210
   Head와 Body = 210
   CSS를 위한 HTML 프레임워크 = 212
   CSS 추가하기 = 214
  기본 스타일 = 216
   브라우저 기본 스타일 설정하기 = 216
   나만의 기본 스타일 설정하기 = 216
  그리드 = 218
   행 = 218
   컬럼 = 220
   섹션 = 222
 9장 타이포그래피 = 225
  폰트의 선택 = 226
   핵심 웹 폰트 = 226
   웹 안전 폰트 = 228
   다운로드할 수 있는 폰트 = 230
  유동적인 타이포그래피 = 232
   서체 선택하기 = 234
  텍스트 꾸미기 = 238
   헤더 = 238
   문단과 인용 블록 = 240
   리스트 = 240
 10장 내비게이션 = 243
  CSS 스프라이트(CSS Sprites) = 244
  링크 = 246
  메뉴 = 248
  버튼 = 252
 11장 크롬 = 257
  투명 이미지 사용하기 = 258
   IE6에서 투명 PNG 이미지 사용하기 = 260
  그리드 정의하기 = 262
   컬럼 = 262
   행 = 264
  로고와 폼 = 266
   로고 = 266
   폼 = 266
  섹션 정의하기 = 268
   광고를 위한 대체 버전 = 268
   마지막 꾸미기 = 270
 12장 마지막 이야기 = 273
  CSS 벨리데이션 = 274
   웹표준을 위한 디자인? = 275
  CSS 프레임워크 = 278
   나만의 CSS 프레임워크 만들기 = 279
  다른 매치를 위한 CSS = 280
   모바일 장치 = 280
   프린트 = 281
  CSS 최적화의 방법 = 282
   일반적인 사항 = 282
   디자인 = 284
   코드화 작업 = 285
   최적화하기 = 286
부록
 A: voxLibris 코드 = 291
  index.html = 292
  main.css = 295
  default.css = 296
  layout.css = 297
  layout.css = 297
  navigation.css = 298
  chrome.css = 300
 B: CSS 값 = 303
  길이 = 304
   픽셀인가? em인가? = 304
  폰트 = 306
  URL = 309
  색상 = 310
   색상 불투명도 = 310
 C: 인터넷 익스플로러 문제 해결하기 = 317
  쿼크 이해하기 = 318
  해결법 1: Doctype 전환하기 = 319
  해결법 2: 조건부 스타일 = 320
  해결법 3: 언더스코어 핵 = 321
  IE6에서 발생하는 공통적인 문제들 = 322
찾아보기 = 324

New Arrivals Books in Related Fields

Ramamurthy, Bina (2021)
윤관식 (2020)