목차 일부
1. XHTML과 상호 호환 개념 ... 1
1.1 시작 ... 3
연결 정보 시스템 ... 3
링크에서 하이퍼텍스트(Hypertext) 그리고 W3C ... 4
현재 HTML의 표준 ... 5
XML 도전 ... 5
XHTML : HTML-XML 교량 ... 6
1.2 플랫폼, 버전들 그리고...
더보기
목차 전체
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
더보기 닫기