서문 ... xi
제1장 웹 사이트 설계하기 ... 1
   고객 설정 ... 2
      세가지 사이트와 세 가지 고객 ... 2
      사용자중심의 디자인 ... 4
      고객을 설정하는 방법 ... 7
      고객을 규정하는 순서 ... 8
   사이트의 목적 결정 ... 9
      목표와 목적 ... 11
      조직과 사용자 의도 ... 11
      성공 평가 ... 12
      사이트의 의도 성명 ... 12
   사이트의 구조 계획 ... 13
      사이트의 기능 설명 ... 15
      순서도 그리기 ... 16
      순서도 구체화하기 ... 17
      순서도 그리기 ... 18
   웹의 가능성 이해 ... 19
      텍스트 이용 ... 19
      이미지 ... 22
      멀티미디어 ... 25
      상호작용 ... 28
   계획표 완성 ... 30
   요점정리 ... 32
   온라인 참고자료 ... 32
   복습문제 ... 32
   실전 연습문제 ... 33
제2장 화면과 네비게이션 디자인하기 ... 35
   정보의 소개 ... 36
      텍스트와 이미지 읽기와 보이기 ... 38
      보고 듣기 : 사운드와 비디오 ... 40
      테이블과 리스트 ... 43
   사이트 항해 ... 45
      사이트의 주체성 ... 47
      현재 위치 알기 ... 48
      네비게이션 ... 53
   피드백과 상호 작용 ... 54
      서식 ... 55
      토론 게시판 ... 55
      채팅 ... 56
   이미지, 로고, 회사 정체성의 역할 ... 56
      색상 ... 57
      로고 ... 57
      폰트 ... 58
      디자인 특징 ... 58
      구성과 느낌 ... 59
   요점정리 ... 60
   온라인 참고자료 ... 60
   복습문제 ... 60
   실전 연습문제 ... 61
제3장 좋은 디자인 만들기 ... 63
   기존 사이트 관찰과 평가 ... 64
   사이트 디자인을 위한 지침 ... 65
      가로세로비(Aspect Ratio)와 디스플레이 크기 ... 65
      읽어 내려가기(Roving eye) : 페이지 레이아웃 ... 66
      컴퓨터 스크린의 텍스트 ... 67
   시각적으로 주목할 수 있도록 디자인하기 ... 70
      색상, 대비, 균형 ... 71
      정렬 ... 72
      프레임, 메뉴, 스크롤 ... 73
      스크롤의 기본 원리 ... 75
      사용자 컨트롤 ... 75
      간단 명료성 ... 76
      웹 디자이너에게 물어라 ... 76
   디자인 스케치, 원형 및 테스트 ... 78
      스케치 만들기 ... 78
      스케치 테스트하기 ... 82
      원형제작 ... 84
   요점정리 ... 87
   온라인 참고자료 ... 87
   복습문제 ... 87
   실전 연습문제 ... 88
제4장 텍스트, 숫자, 이미지 수집 및 만들기 ... 89
   요소 목록화 ... 90
   구성요소 만들기 : 텍스트 ... 91
      텍스트 소스들 ... 92
      텍스트 편집 툴 ... 93
   웹 자료 작성 ... 94
      텍스트 파일 저장 ... 98
   구성요소 만들기 : 숫자 ... 99
      숫자 편집 도구 ... 100
      스프레드시트 작업 ... 101
      웹에 숫자 표시하기 ... 102
   구성요소 만들기 : 이미지 ... 103
      이미지 소스 ... 104
      이미지 편집 툴 ... 108
      이미지 파일 저장 : 압축 및 파일 포맷 ... 113
      소유권, 허가 및 저작권 문제 ... 114
      다음 단계 ... 115
   요점정리 ... 116
   온라인 참고자료 ... 116
   복습문제 ... 116
   실전 연습문제 ... 117
제5장 멀티미디어 구성요소 모으기와 준비하기 ... 119
   구성요소 준비하기 : 애니메이션 ... 120
      애니메이션 소스 ... 120
      애니메이션 작성 도구 ... 121
      웹에 애니메이션 표현하기 ... 122
      애니메이션 파일 저장하기 ... 123
   구성요소 준비하기 : 사운드 ... 123
      사운드 소스 ... 123
      사운드 편집도구 ... 124
      샘플링 비율 ... 125
   구성요소 준비하기 : 비디오 ... 128
      비디오 자료 소스 ... 128
      비디오 편집 도구 ... 129
      비디오 크기 ... 130
      비디오 압축 ... 131
      비디오 파일 저장하기 ... 132
   구성요소 준비하기 : 폼과 데이터베이스 ... 133
      데이터베이스 설계하기 ... 134
      폼 작성하기 ... 134
      다음 단계들 ... 136
   요점정리 ... 137
   온라인 참고자료 ... 137
   복습문제 ... 137
   실전 연습문제 ... 138
제6장 도구 선택하기, 파일 조직하기, 형식 만들기 ... 139
   사이트 구축에 필요한 기본 도구 종류 ... 140
      무대 뒤 : HTML과 스크립트 ... 142
      무대의 중앙 : 페이지 편집 환경과 도구들 ... 145
   작동 지시하기 : 웹 디자이너의 역할 ... 147
   구성요소 조직하기 ... 148
      웹 서버 ... 149
   형식, 표, 프레임 사용하기 ... 150
      표로 형식 만들기 ... 151
      프레임으로 형식 만들기 ... 152
   요점정리 ... 155
   온라인 참고자료 ... 155
   복습문제 ... 155
   실전 연습문제 ... 156
제7장 페이지 조립하기 ... 157
   사이트의 배경 만들기 ... 158
      배경색 사용하기 ... 158
      배경 이미지 사용하기 ... 159
   격자와 경계선 사용하기 ... 161
   읽기 쉽도록 텍스트 배치하기 ... 162
   유용한 이미지 표시하기 ... 165
   사운드와 비디오 끼워 넣기 ... 168
      사운드와 비디오로 링크시키기 ... 170
   폼 설계하기 ... 171
   페이지 링크시키기 ... 173
      텍스트로부터 링크시키기 ... 174
      이미지로부터 링크시키기 ... 175
      이미지 맵 사용하기 ... 175
   저녁식사 준비 완료 ... 177
   요점정리 ... 178
   온라인 참고자료 ... 178
   복습문제 ... 178
   실전 연습문제 ... 179
제8장 사이트 테스트하기와 사이트 올리기 ... 181
   기술적인 테스트 ... 182
      브라우저 테스트 ... 182
      플랫폼 테스트 ... 186
      화면 테스트하기 ... 188
      대역폭 테스트하기 ... 189
      플러그인 테스트하기 ... 191
   사용자 테스팅 ... 192
      사용자 반응 수집하기 ... 193
   사이트 올리기 ... 193
      웹서버의 종류 ... 193
      서버의 작동 방법 ... 194
      파일 올리기 ... 195
   접속하기 ... 196
   갱신하기 ... 197
   요점정리 ... 198
   온라인 참고자료 ... 198
   복습문제 ... 198
   실전 연습문제 ... 199
부록 A. 복습문제 홀수번호 정답 ... 201
찾아보기 ... 205
Credits ... 210