들어가기 전에 ... 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