목차 일부
들어가기 전에 ... 19
PART 1 웹 디자인의 기초(THE BASICS OF WEB DESIGN)
1장-기초원리 ... 25
무엇을 이야기할 것인가? ... 26
목표 이해하기 ... 27
전체적인 목표 규정하기 ... 28
방법 결정하기 ... 29
방문객들은 무엇을 원하는가? ....
더보기
목차 전체
들어가기 전에 ... 19
PART 1 웹 디자인의 기초(THE BASICS OF WEB DESIGN)
1장-기초원리 ... 25
무엇을 이야기할 것인가? ... 26
목표 이해하기 ... 27
전체적인 목표 규정하기 ... 28
방법 결정하기 ... 29
방문객들은 무엇을 원하는가? ... 30
방문객 조사 ... 30
어떠한 이유로 사이트를 찾아오는가? ... 31
당신의 사이트를 어떻게 찾아올까? ... 31
웹사이트 구현이 가능한가? ... 34
예산 작성하기 ... 35
컴퓨팅 자원평가 ... 36
2장-웹에서의 타입 ... 39
브라우저 환경에 따른 디스플레이 ... 40
기본적인 텍스트 포맷 ... 40
부가적인 텍스트 제어 ... 43
텍스트 크기 ... 44
텍스트 컬러 ... 45
최소 사양의 타입 솔루션 ... 46
품위있는 타입페이스 ... 47
그래픽으로서의 타입 ... 47
폰트 선택의 중요성 ... 47
멋진 웹 폰트 만들기 ... 48
고급 사양의 타입 솔루션 ... 48
캐스케이딩 스타일 시트에 의한 타이포그래피 제어 ... 48
어도비 아크로뱃 ... 49
어도비 아크로뱃 PDF 파일 ... 50
3장-폼 작성하기 ... 53
폼이 어떻게 작동하는가? ... 54
폼 요소 ... 54
CGI : 서버에 상주하는 양식 ... 58
자바스크립트 : 브라우저 상에서의 마술 ... 59
서버 기반의 애플리케이션 ... 59
폼 디자인하기 ... 60
4장-웹에서의 컬러 ... 65
웹 컬러 기초 ... 66
왜 컴퓨터마다 컬러가 달라질까? ... 68
감마보정 ... 68
컬러 깊이 ... 69
디더링과 브라우제어서 표현되는 컬러 ... 72
넷스케이프 팔레트 ... 73
더 많은 컬러를 얻기 위하여 ... 76
가독성에 대한 고려 ... 77
컬러 계획의 기준 ... 78
더 적은 수의 컬러로 더 빠르게 ... 79
5장-웹 그래픽 ... 81
그래픽의 유형과 디자인에서의 용도 ... 82
정체성 그래픽 ... 82
구성 그래픽과 네비게이션 그래픽 ... 83
문맥상의 그래픽 ... 87
장식 그래픽 ... 90
적당한 포맷 고르기 ... 91
GIF 사용하기 ... 91
JPEG 사용하기 ... 92
그래픽 압축 ... 94
GIF 활용팁 ... 94
JPEG 압축팁 ... 94
저작권에 대한 조언 ... 95
6장-페이지 레이아웃의 기본 ... 97
페이지 구조 ... 98
한 컬럼 레이아웃 ... 98
복수 컬럼 레이아웃 ... 102
배경이미지 이용하기 ... 105
패턴 배경이미지 ... 106
수직 줄무늬 배경이미지 ... 107
수평 줄무늬 배경이미지 ... 109
큰 이미지 배경 ... 111
배경이미지에 대한 몇 가지 정보 ... 112
방문객에 대한 고려 ... 113
가장 낮은 사양에 맞추어 디자인하기 ... 113
최대 넓이 600픽셀로 설정하기 ... 113
브라우저 창에 맞추기 ... 114
중요한 아이템의 위치 ... 114
깔끔하게 유지하기 ... 114
친숙하게 다가가기 ... 114
PART Ⅱ 디자인하기(DESIGNING FROM A STRONG FOUNDATION)
7장 네비게이션 시스템 ... 119
네비게이션 방향 정하기 ... 120
가로 네비게이션 시스템 ... 120
세로 네비게이션 시스템 ... 122
팝업 네비게이션 시스템 ... 123
이미지 맵 구축하기 ... 124
인터페이스 디자인하기 ... 126
단색의 인터페이스 ... 127
3D 인터페이스 ... 128
롤오버 ... 128
메타포 선정 ... 129
아이콘 이용하기 ... 129
프레임 디자인하기 ... 129
프레임이 어떻게 짜여지는가? ... 130
몇 개의 프레임이 필요한가? ... 131
컬러에 대한 고려 ... 132
프레임 옵션 ... 132
8장 사이트 구조 만들기 ... 135
사이트 구조 계획하기 ... 136
오두막집, 맨션, 혹은 저택 ... 136
칵테일 넵킨 ... 136
일관된 분위기로 구성하기 ... 137
프론트 페이지 ... 137
스플레시 페이지 ... 138
내용목차 ... 139
내용의 구성 ... 140
경로 계획 ... 140
페이지 배열 ... 141
사이트 맵 형성 ... 142
검색 기능 제공 ... 142
대화창 열기 ... 143
성공도 측정 ... 144
목표 설정 ... 144
사이트의 이동 흐름 파악하기 ... 144
9장 인터렉티브티 보강하기 ... 147
브라우저에 인터렉티브티 구축하기 ... 148
GIF 애니메이션 ... 148
자바스크립트 ... 150
DHTML ... 152
자바 ... 153
플러그인과 그 외 부가적인 애플리케이션에 의한 인터렉티브티 ... 153
매크로미디어 쇽웨이브 ... 153
매크로미디어 플래시 ... 154
오디오 ... 154
비디오 ... 156
10장 웹 광고 디자인 ... 159
웹 광고의 형태 ... 160
배너 광고 ... 160
중간 광고 ... 162
팝업 윈도 ... 162
스폰서 내용 ... 163
목표 설정 ... 164
클릭하기 ... 165
클릭해서 판매 유도하기 ... 165
광고 배너 만들기 ... 166
배너 크기 ... 166
배너 포맷과 파일 크기 ... 167
타이포그라피 ... 168
컬러 ... 169
사진 ... 169
애니메이션 ... 169
PART Ⅲ 문제점 해결하기(TROUBLE SHOOTING)
11장 디자인 문제점 극복하기 ... 179
브라우저 상에서 깨지는 화면 ... 174
흔하지 않은 플러그인을 요구하는 경우 ... 174
너무 느린 경우 ... 175
컬러 변환 ... 176
투명 그래픽에서의 들쑥날쑥한 모서리와 그림자 ... 177
페이지가 너무 넓은 경우 ... 178
페이지가 너무 긴 경우 ... 179
텍스트가 너무 크거나 작은 경우 ... 180
마치 서커스처럼 보일 경우 ... 182
광고가 내용을 압도하는 경우 ... 182
은유가 의미를 모호하게 만드는 경우 ... 183
불편한 네비게이션 ... 183
컨텐트가 보이지 않는 경우 ... 184
잘못된 편집 ... 184
검색 엔진에서 검색되지 않는 경우 ... 184
연결되지 않는 링크 ... 185
판매가 이루어지지 않는 경우 ... 185
집주인의 정체불명 ... 186
신선하지 않은 사이트 ... 186
일방통행 거리 ... 186
12장 디자인의 재구성 ... 189
재디자인 준비하기 ... 190
유연하게 디자인하기 ... 190
무엇을 남기고 무엇을 변경할 것인가 ... 191
찾아서 제거하기 ... 191
장막 뒤에서 191
개정된 사이트 등록하기 ... 192
404 에러 방지하기 ... 192
웹 페이지 예제 ... 192
카이트 샵 ... 193
자동차 판매 ... 194
경매 페이지 ... 196
포토삽 플러그인 북 ... 197
부록 리소스 ... 199
용어해설 ... 205
인덱스 ... 215
더보기 닫기