목차 일부
서문 ... 27
누구를 위한 책 일까요? ... 28
무슨 생각을 하고 있는지 다 압니다 ... 29
초인지 ... 31
두뇌를 정복하는 방법 ... 33
테크니컬 리뷰어 ... 36
감사의 글 ... 37
1 웹 언어 : HTML 알아보기 ... 39
웹이 라디오를 삼켰습니다 ... 40
웹 서버는 무슨 일을 ...
더보기
목차 전체
서문 ... 27
누구를 위한 책 일까요? ... 28
무슨 생각을 하고 있는지 다 압니다 ... 29
초인지 ... 31
두뇌를 정복하는 방법 ... 33
테크니컬 리뷰어 ... 36
감사의 글 ... 37
1 웹 언어 : HTML 알아보기 ... 39
웹이 라디오를 삼켰습니다 ... 40
웹 서버는 무슨 일을 할까요? ... 41
HTML 작성하기 ... 42
브라우저가 만들어내는 것들... ... 43
스타버즈에서의 전성시대 ... 47
스타버즈 웹 페이지 만들기 ... 49
매킨토시에서 HTML 파일 만들기 ... 50
윈도우즈에서 HTML 파일 만들기 ... 52
한편 스타버즈 커피샵에서는... ... 55
브라우저에서 웹 페이지를 열어봅니다 ... 57
작성한 웹 페이지의 시운전 ... 58
태그 해부 ... 63
스타일 엘리먼트와의 만남 ... 67
스타버즈에 스타일 추가하기 ... 68
누가 무엇을 할까요? ... 70
안방 토크 ... 72
핵심 정리 ... 74
연습 문제 정답 ... 76
2 HTML에서 'HT' 알아보기 : 하이퍼텍스트와 함께 하는 심층 학습 ... 81
새롭게 향상된 헤드 퍼스트 라운지 ... 82
새로운 라운지 만들기 ... 84
지금까지 우리는 무엇을 했나요? ... 86
브라우저는 무슨 일을 할까요? ... 87
속성 이해하기 ... 89
기술적인 난관 ... 96
경로 탐색 계획 ... 98
깨진 이미지 파일 복구하기 ... 104
연습 문제 정답 ... 111
3 웹 페이지 만들기 : 블록 만들기 ... 115
시속 12마일의 속도로 일기를 웹 사이트로 변환하기 ... 117
개략적인 디자인 스케치 ... 118
스케치로부터 개요 잡기 ... 119
개요를 웹 페이지로 변환 ... 120
토니의 웹 페이지 시운전 ... 122
〈q〉엘리먼트 알아보기 ... 124
기다란 인용구 ... 128
〈blockquote〉추가하기 ... 129
〈q〉와〈blockquote〉미스터리 뒤에 감춰진 진실 ... 132
리스트를 만들기 위해〈p〉엘리먼트 사용하기 ... 141
HTML 리스트를 만들기 위한 간단한 두 가지 단계 ... 142
다른 엘리먼트 안에 하나의 엘리먼트를 넣는 것을 '중첩(nesting)'이라 부릅니다 ... 147
중첩 관계를 이해하려면, 그림을 그리세요 ... 148
중첩을 사용하여 태그들 일치시키기 ... 149
인라인 혹은 블록? ... 151
연습 문제 정답 ... 157
4 웹 마을로의 여행 : 인터넷에 연결하기 ... 163
스타버즈(혹은 여러분 사이트)를 웹으로 가져가 봅시다 ... 164
호스팅 회사 찾기 ... 165
어떻게 하면 도메인 명을 얻을 수 있을까요? ... 166
이사하기 ... 168
파일들을 루트 폴더로 가져가기 ... 169
두 페이지에 걸쳐 FTP를 설정해 봅시다 ... 170
본업으로 돌아와서 ... 173
URL 중심가 ... 174
HTTP 프로토콜이란 무엇인가? ... 175
절대 경로란 무엇일까요? ... 176
디폴트 페이지가 작동하는 방법 ... 179
어떻게 다른 웹 사이트와 연결할까요? ... 182
카페인 버즈에 연결하기 ... 183
꼼꼼하게 웹 페이지 마무리하기 ... 187
페이지로 링크 걸기 ... 189
목적지를 생성하기 위해〈a〉엘리먼트를 사용하기 ... 190
목적지 앵커와 연결하는 방법 ... 191
새 윈도우로 링크 걸기 ... 195
타겟을 사용한 새 윈도우 열기 ... 196
연습 문제 정답 ... 200
5 미디어와의 만남 : 웹 페이지에 이미지 추가하기 ... 203
브라우저가 이미지들을 다루는 방법 ... 204
이미지는 어떻게 보여질까요? ... 207
이제 정식으로 소개하겠습니다: 〈img〉엘리먼트를 만나봅시다 ... 211
항상 대체 수단을 제공하는군요 ... 214
팬 사이트 만들기: myPod ... 216
와! 이미지가 너무 크군요 ... 219
myPod HTML 수리하기 ... 229
섬네일들을 사용하여 사이트 재구축하기 ... 233
섬네일을 링크로 변환하기 ... 237
그러면, 이미지들 밖으로 어떻게 링크를 만들까요? ... 239
무슨 형식을 사용해야 할까요? ... 244
투명해지느냐, 불투명해지느냐? 이것이 문제로다 ... 245
잠깐만, 웹 페이지 배경의 색은 무슨 색인가요? ... 247
matte를 가진 로고 체크하기 ... 248
myPod 웹 페이지에 로고 추가하기 ... 249
연습 문제 정답 ... 254
6 진지해진 HTML : 표준, 신뢰성, 기타 등등 ... 261
열람실 대화 ... 262
HTML의 간단한 역사 ... 264
웹 페이지가 브라우저를 쿼크 모드로 밀어 넣게는 할 수 없습니다 ... 267
문서 타입 정의 추가하기 ... 269
W3C 유효성 검사기(Validator) 알아보기 ... 272
헤드 퍼스트 라운지 유효성 검사 ... 273
휴스턴, 문제가 생겼다... ... 274
컨텐트 타입을 명시하기 위해 〈meta〉 태그 추가하기 ... 278
유효성 검사기(그리고 보다 많은 종류의 브라우저)와 더불어 〈meta〉 컨텐트 태그와 행복하게 살기 ... 279
과연 세 번째에는 행운이 올까요? ... 280
DOCTYPE을 strict로 변환하기 ... 284
이제 유효성을 갖게 되었나요? ... 285
중첩 문제를 고칩시다 ... 287
strict가 되기 위한 또 한 번의 기회 ... 288
Strict HTML 4.01 안내서 ... 290
안방 토크 ... 294
HTML 고고학 ... 297
연습 문제 정답 ... 301
7 HTML에 'X' 끼워 넣기 : XHTML로 이동하기 ... 303
XML은 무엇일까요? ... 305
HTML과 무슨 관련이 있을까요? ... 306
여러분은 왜 XHTML을 사용하기를 원하나요? ... 308
XHTML 1.0 체크 리스트 ... 310
strict HTML에서 XHTML 1.0으로 가는 세 가지 단계 ... 312
구식의 HTML 4.01 Strict ... 313
새롭게 개선된 XHTML 1.0 ... 313
유효성 검증: HTML을 위한 것이 아닙니다 ... 315
안방 토크 ... 318
HTML 혹은 XHTML? 선택은 여러분의 몫입니다... ... 320
연습 문제 정답 ... 322
8 간단한 스타일 추가하기 : CSS 시작하기 ... 323
여러분은 더 이상 캔자스에 있지 않습니다 ... 324
웹 마을의 '시장' 엿듣기 ... 326
XHTML과 함께 CSS 사용하기 ... 337
환영 메시지에 밑줄을 추가해 봅시다 ... 333
〈hl〉만을 위한 두 번째 규칙 만들기 ... 334
건강 음료(elixirs)와 찾아오는 길(directions) 페이지에 라운지 스타일 추가하기 ... 341
외부 스타일 시트와 연결하기 ... 343
상속에 관해 이야기할 때가 되었군요... ... 349
가계도(family tree)에서 폰트를 위로 옮기면 어떻게 될까요? ... 350
상속의 재정의(overriding) ... 352
클래스를 위한 선택자 만들기 ... 356
클래스 심층 학습 ... 358
스타일들이 적용되는 방법에 대한 세상에서 가장 작고, 빠른 지침서 ... 360
누가 상속을 받을까요? ... 364
라운지 CSS의 유효성 확인하기 ... 367
연습 문제 정답 ... 371
9 어휘력 향상시키기 : 폰트와 색으로 장식하기 ... 379
30,000 피트 높이에서 바라 본 텍스트와 폰트 ... 380
폰트 패밀리란 무엇일까요? ... 382
CSS를 사용하여 폰트 패밀리 명시하기 ... 385
토니의 일기에 쌓인 먼지를 털어냅시다 ... 386
다른 폰트를 가진 여러 사용자들을 다루려면 어떻게 해야 할까요? ... 389
그렇다면, 폰트 사이즈를 어떻게 정의해야 할까요? ... 392
토니의 웹 페이지에 있는 폰트 크기를 변경해 봅시다 ... 394
폰트 굵기 변경하기 ... 397
폰트에 스타일 추가하기 ... 399
토니의 인용구에 이탤릭 추가하기 ... 400
웹 컬러는 어떻게 동작될까요? ... 402
어떻게 하면 웹 컬러를 명시할 수 있나요? 몇 가지 방법이 있는지 세어봅시다 ... 405
hex 코드에 대한 2분 지침서 ... 408
웹 컬러를 찾는 방법 ... 410
토니의 페이지로 돌아가서 ... 413
text-decoration에 관해 여러분이 알기 원하는 모든 것 ... 415
밑줄 제거하기 ... 416
연습 문제 정답 ... 419
10 엘리먼트들과 친숙해지기 : 박스 모델 ... 423
라운지 등급 올리기 ... 424
몇 가지 간단한 갱신 작업부터 시작해 봅시다 ... 426
새로운 줄 간격을 체크해 봅시다 ... 428
몇 가지 주요 혁신을 위한 준비 ... 429
박스 모델 자세히 살펴보기 ... 430
박스에서 할 수 있는 것들 ... 432
보증서 스타일 생성하기 ... 437
보증서를 위한 패딩, 테두리 그리고 마진 ... 439
약간의 패딩 추가하기 ... 439
이제 약간의 마진을 추가해 봅시다 ... 440
배경 이미지 추가하기 ... 442
배경 이미지 고치기 ... 445
왼쪽에만 패딩을 추가하는 것은 어떻게 할까요? ... 446
오른쪽에 마진을 증가시키는 것은 어떻게 할까요? ... 447
테두리에 대한 2분 지침서 ... 448
테두리 마무리 손질하기 ... 450
XHTML 클래스와의 인터뷰 ... 452
id 속성 ... 454
라운지에서 id 사용하기 ... 456
스타일 시트 리믹싱 ... 458
여러 개의 스타일 시트 사용하기 ... 459
연습 문제 정답 ... 464
11 진보된 웹 페이지 만들기 : div와 span 엘리먼트 ... 467
건강 음료 XHTML 자세히 살펴보기 ... 469
어떻게 하면 페이지를 논리적인 구간으로 나눌 수 있는지 탐색해 봅시다 ... 471
테두리 추가하기 ... 478
테두리 시운전 ... 478
건강 음료 구간에 몇 가지 실질적인 스타일 추가하기 ... 479
작전 계획 ... 480
건강 음료의 너비 작업 ... 480
건강 음료에 기본적인 스타일 추가하기 ... 485
우리가 필요한 것은 자손들을 선택하는 방법입니다 ... 491
건강 음료 제목의 색깔 바꾸기 ... 493
줄 간격 고치기 ... 494
지름길로 갈 때가 되었습니 다 ... 496
〈span〉을 추가하는 쉬운 3가지 단계 ... 502
〈a〉엘리먼트와 그것의 여러 가지 성질 ... 506
어떻게 하면 상태에 따라 엘리먼트를 꾸밀 수 있을까요? ... 507
의사-클래스 일 착수시키기 ... 509
'캐스케이드'에 대해 이야기할 때가 되지 않았나요? ... 511
캐스케이드 ... 513
'특별성 게임'에 오신걸 환영합니다 ... 514
모든 것을 합치세요 ... 515
연습 문제 정답 ... 521
12 엘리먼트 정렬하기 : 레이아웃과 포지셔닝?
더보기 닫기