1. XHTML과 상호 호환 개념 ... 1 1.1 시작 ... 3 연결 정보 시스템 ... 3 링크에서 하이퍼텍스트(Hypertext) 그리고 W3C ... 4 현재 HTML의 표준 ... 5 XML 도전 ... 5 XHTML : HTML-XML 교량 ... 6 1.2 플랫폼, 버전들 그리고 기술들의 고찰 ... 7 피의 칼날이라고 불리는 이유 ... 8 1.3 상호 호환 개념 ... 8 1.4 누가 사용하는가? ... 9 1.5 요약 ... 10 2. 브라우저 기초 ... 12 2.1 브라우저의 역사 ... 13 2.2 현재의 브라우저 사용법 ... 14 2.3 브라우저 전쟁 ... 16 무엇을 의미하는가? ... 17 2.4 브라우저 발전들 ... 18 2.5 브라우저 개발은 사용자들에게 어떤 영향을 주는가? ... 20 장점 ... 20 단점 ... 21 모듈화를 통한 확장성 ... 22 2.6 요즘 많이 사용하는 브라우저들의 간단한 소개 ... 23 마이크로소프트 인터넷 익스플로러 ... 23 넷스케이프 내비게이터 ... 24 넷스케이프 커뮤니케이터 6 ... 26 링스(Lynx) ... 28 오페라(Opera) 4.02 ... 29 2.7 요약 ... 30 3. XHTML 문서로 디자인하기 ... 33 3.1 에디터의 선택 ... 35 무엇을 사용해야 하나 ... 35 3.2 시작 ... 39 문서 형태 ... 39 DOCTYPE 선언 ... 41 html 요소 ... 42 head 요소 ... 43 3.3 body 작업 ... 48 body 요소 ... 49 머리말의 첨가 ... 53 텍스트의 첨가 ... 54 3.4 요약 ... 56 4. XHTML에서 텍스트와 이미지 다루기 ... 57 4.1 링크하기 ... 59 링크 만들기 ... 59 4.2 블록 요소들 ... 65 리스트 만들기 ... 65 인용문 다루기 ... 70 미리 정해진 텍스트 조정하기 ... 71 4.3 텍스트 출력 수정하기 ... 71 폰트 스타일 요소들 ... 72 4.4 특수 문자들 ... 75 문자 세트 ... 75 브라우저가 지원하는 문자 세트들 ... 76 라틴-1 하위 세트에 없는 문자들 ... 76 4.5 이미지들과 작업하기 ... 82 정렬 ... 82 링크로 사용된 이미지 ... 84 대체 텍스트 ... 85 공백 ... 86 이미지 맵핑 ... 87 4.6 요약 ... 87 5. 테이블 만들기 ... 89 5.1 테이블은 무엇인가? ... 91 5.2 기본적인 테이블 만들기 ... 92 5.3 테이블 - 포맷 옵션 ... 94 캡션 ... 94 경계선 ... 95 괘선 ... 99 색상 ... 101 정렬 ... 102 셀 여백 ... 106 5.4 열과 행을 그룹화하기 ... 110 colgroup 요소 ... 110 col 요소 ... 112 열을 그룹화하기 ... 112 하나 이상의 행과 열을 병합한 셀들 ... 117 5.5 요약 ... 119 6. 프레임 사용하기 ... 121 6.1 프레임 사용하기 ... 123 frameset 요소 ... 123 프레임에 컨텐츠 넣기 ... 128 새로운 프레임 컨텐츠를 타깃팅하기 ... 133 프레임을 사용할 때 디자인의 문제들 ... 137 프레임을 출력하지 못하는 브라우저들을 위한 기법 ... 138 인라인 프레임 ... 141 6.2 요약 ... 143 7. 스타일 시트(Style Sheets) ... 145 7.1 정확하게 디자인하기 ... 147 7.2 스타일 시트 언어 선택하기 ... 149 7.3 스타일의 적용 ... 150 스타일이란? ... 151 인라인 스타일 적용 ... 154 스타일 시트 정의하기 ... 156 캐스케이딩 ... 158 상속 ... 159 스타일 특성들과 값들 ... 161 폰트 스타일 ... 161 텍스트 스타일 ... 164 7.4 온라인된 스타일 시트의 공급원들 ... 167 7.5 요약 ... 167 8. 폼을 사용해서 대화하기 ... 169 8.1 현재 사용되는 폼 ... 171 8.2 폼 준비하기 ... 172 텍스트 상자 ... 173 비밀 번호 컨트롤 ... 175 체크 상자 : 사용자에게 원하는 만큼 선택할 수 있게 하기 ... 176 라디오 버튼 : 사용자에게 단 하나의 선택을 할 수 있게 하기 ... 177 드롭-다운 메뉴와 리스트 상자 ... 179 textarea로 사용자의 입력을 확장하기 ... 181 감춰진 세밀함을 제공하기 ... 182 8.3 폼 제출하기 ... 182 제출 버튼 만들기 ... 183 제출 버튼을 이미지로 바꾸기 ... 183 폼을 디폴트로 만들기 ... 184 8.4 모든 것들을 합치기 ... 184 8.5 폼 필드 정렬하기 ... 187 8.6 응답 처리하기 ... 191 Mailto 폼 사용하기 ... 191 CGI 스크립트로 처리하기 ... 192 8.7 요약 ... 197 9. 사이트를 내비게이션하기 ... 199 9.1 사전 제작 계획 ... 201 9.2 내비게이션 메뉴 ... 202 시각적인 큐 ... 202 사이트 맵 ... 206 비시각적인 대체 방법 ... 207 9.3 이미지 맵 ... 208 이미지 맵 만들기 ... 209 map 요소 ... 210 9.4 요약 ... 215 10. 검색엔진 ... 217 10.1 검색엔진이란? ... 219 10.2 검색엔진 또는 색인 ... 219 로봇 ... 220 로봇 제한 표준 ... 221 10.3 야후! ... 222 야후! 구성 ... 223 야후!에서의 검색 ... 225 야후!에 등록하기 ... 226 10.4 알타비스타 ... 227 알타비스타에서 검색하기 ... 228 알타비스타에 등록하기 ... 230 10.5 인기 있는 검색엔진들 ... 231 여러분의 사이트에 검색 능력을 넣기 ... 231 10.6 요약 ... 234 11. 작업의 유효성 확인하기 ... 235 11.1 유효성의 필요 ... 237 11.2 유효성을 위해 오류 없는 페이지 제출하기 ... 238 W3C Validation Service ... 238 CSE HTML Validator Pro ... 240 11.3 오류 리포트 해석하기 ... 241 W3C Validation Service ... 242 CSE HTML Validator Pro ... 247 11.4 성공 전략 ... 248 11.5 요약 ... 249 12. 방문객 알기 ... 252 12.1 왜 걱정하는가? ... 253 12.2 개인화 ... 253 12.3 쿠키를 효과적으로 사용하기 ... 257 쿠키 단지 안 훔쳐보기 ... 257 쿠키 보호 ... 259 쿠키 쓰기 ... 260 쿠키를 지원하는 브라우저 ... 261 12.4 프라이버시 문제들 ... 262 TRUSTe ... 263 12.5 요약 ... 267 13. 웹사이트 디자인 기획하기 ... 269 13.1 확인하기, 확인하기, 확인하기! ... 271 여러분이 말하고 싶은 것은 무엇인가? ... 271 왜 여러분의 정보가 필요한가? ... 273 여러분은 사람들이 무엇을 하기를 원하는가? ... 274 13.2 모습과 느낌을 개발하기 ... 275 적절한 이미지 그리기 ... 275 상상력이 풍부하고 자유로운 연상 ... 278 경쟁자 검토하기 ... 280 13.3 디자인 제약 결정하기 ... 281 법인의 표현 규칙 ... 281 예산 문제 : 시간과 돈 ... 282 13.4 존재하는 자료들 수집하기 ... 284 13.5 정선하기 ... 285 13.6 몇몇 마지막 항목들 ... 286 여러분은 연구를 할 필요가 있는가? ... 286 13.7 그것 모두를 함께 묶기 : 사례 분석 ... 287 사이트 계획 과정 ... 288 사이트의 목적과 목표 ... 288 특별한 고려 ... 288 모습과 느낌의 개발 ... 288 이행 ... 289 결론 ... 291 13.8 요약 ... 291 14. 효과적인 시각 표현 ... 293 14.1 아트 101로 알려진 기본 아트 원칙들 ... 295 시각적인 개체 ... 295 균형 잡기 ... 297 초점 부여하기 ... 300 깊이를 얻기 ... 302 14.2 이미지와 텍스트 ... 304 이미지 사용하기 ... 304 스타일 문제 ... 307 텍스트의 효과적인 스타일 ... 308 14.3 격자 사용하기 ... 309 한 단을 가진 격자 ... 310 14.4 그것 모두를 합치기 : 갤러리 ... 312 Applied Testing and Technology, Inc. ... 313 Beer Info Source ... 314 14.5 요약 ... 317 15. 폰트를 사용하여 문장 만들기 ... 319 15.1 글자체 입문 ... 321 글자체 특성 ... 321 15.2 디폴트 폰트 ... 322 인터넷 익스플로러 ... 323 내비게이터 ... 325 15.3 폰트를 지정하기 위해서 XHTML 사용하기 ... 327 basefont 요소 사용하기 ... 327 font 요소 사용하기 ... 329 스타일 시트에서 폰트 ... 329 폰트 변경을 위한 브라우저의 지원 ... 330 15.4 요약 ... 331 16. 웹에서의 색상 ... 332 16.1 색상 입문 ... 335 16.2 디자인에 색상 적용하기 ... 339 색상 관계 ... 339 색상의 심리학적 충격 ... 341 색상 선택하기 ... 344 16.3 색상과 컴퓨터 ... 348 RGB 색상 모델 ... 348 넷스케이프 팔레트로 알려진 웹 색상 ... 352 16.4 요약 ... 356 17. 전문적인 그래픽 만들기 ... 357 17.1 디지털 - 이미지 기본 ... 359 래스터 이미지 ... 359 벡터 이미지 ... 360 그래픽 파일 포맷 ... 361 웹 파일 포맷 ... 361 GIF ... 361 웹 파일이 아닌 포맷 ... 363 17.2 전문적인 이미지 만들기 ... 364 GIFs ... 364 JPEGs ... 371 자원 ... 374 17.3 상업적인 도구들 ... 374 Adobe photoshop ... 375 CorelDraw ... 376 Macromedia Fireworks ... 378 Jasc Paint Shop Pro ... 379 17.4 그리지 못하는 사람들을 위한 방법 ... 380 저장된 사진들 ... 380 클립아트 ... 381 하청 계약 ... 383 17.5 요약 ... 385 18. 웹에서의 멀티미디어 ... 387 18.1 Macromedia Shockwave ... 389 Macromedia Flash ... 391 18.2 자바 스크립트를 사용한 애니메이션 ... 392 XHTML 파일에 자바 스크립트 추가하기 ... 392 마우스 작동 이벤트를 이용한 애니메이션 ... 395 CSS로 시각적 효과 ... 402 18.3 오디오와 비디오 ... 403 웹을 위한 영화 ... 403 MP3 : 네트 오디오 혁명 ... 404 W3C로부터 도움 ... 406 18.4 요약 ... 407 19. 사이트에서 사업하기 ... 409 19.1 온라인 사업의 성공 열쇠 ... 411 19.2 웹 서버 보안의 입문 ... 411 방화벽 : (조심스럽게) 외부인을 들어오게 하기 ... 412 개인 정보 보호하기 ... 413 가상 서버에서 보안 ... 414 19.3 상거래와 인터넷 보안 ... 415 보안 소켓 레이어(Secure Socket Layer)를 통한 거래 보안 ... 417 19.4 전용서버가 없는 사람들을 위한 전자상거래 옵션 ... 420 VeriSign Payflow ... 421 야후! Store ... 422 iBill ... 424 19.5 세금 문제 ... 424 19.6 요약 ... 425 20. 접속성 문제 ... 427 20.1 웹 접속성 발의(Web Accessibility Initiative) ... 429 20.2 미국 장애자 법 ... 430 응용 특별 기술을 위한 센터 : Bobby ... 431 접속할 수 있는 디자인을 위한 기술 ... 433 웹 접속성을 위한 빠른 팁 ... 434 추가 접속성 기술 ... 437 읽기 쉽게 하기 ... 441 스타일 시트 ... 442 20.3 요약 ... 442 21. XHTML 1.1과 XHTML 모듈화 ... 443 21.1 XHTML 1.1 : 구조 다시 보기 ... 445 21.2 XHTML 모듈화 : XHTML 1.1을 지원하는 틀 ... 450 추상 수집 ... 451 21.3 요약 ... 456 22. XHTML 모듈 만들기 ... 457 22.1 DTD를 읽는 방법 ... 459 컨텐츠 모델과 발생 표시자 ... 459 속성 리스트 선언 ... 461 22.2 자신의 요소 정의하기 ... 463 22.3 요약 ... 477 A. XHTML 추상 모듈 정의 ... 483 코어 모듈 ... 485 애플릿 모듈 ... 488 텍스트 확장 모듈 ... 488 폼 모듈 ... 490 테이블 모듈 ... 492 이미지 모듈 ... 494 클라이언트 사이드 이미지 맵 모듈 ... 494 서버 사이드 이미지 맵 모듈 ... 494 객체 모듈 ... 495 프레임 모듈 ... 495 타깃 모듈 ... 496 iframe 모듈 ... 496 고유 이벤트 모듈 ... 497 메타 정보 모듈 ... 497 스크립트 모듈 ... 498 스타일 시트 모듈 ... 498 링크 모듈 ... 499 Base 모듈 ... 499 이름 확인(Name Identification) 모듈 ... 499 물려받은(Legacy) 모듈 ... 500 B. XHTML 요소와 속성의 빠른 참조 ... 503 Index ... 516