기능목록>검색 : 해군사관학교 학술정보원

(Head first) HTML and CSS / 개정판

QR코드

미리보기 도서정보

도서 상세정보
자료유형 :	단행본
ISBN :	9788968480126
분류기호 :	006.74
개인저자 :	롭슨, 엘리자베스
서명/저자사항 :	(Head first) HTML and CSS/ 엘리자베스 롭슨,; 에릭 프리먼 [공]지음; 홍형경,; 우재남 [공]옮김.
기타표제 :	HTML5를 적용한 웹 제작 지침서
기타표제 :	초보자를 위한 웹 표준을 따르는 웹 페이지 제작 지침서
원서명 :	Head first HTML and CSS -- 2nd ed
판사항 :	개정판.
발행사항 :	서울: 한빛미디어, 2013.
형태사항 :	764p.: 일부색채삽도; 24cm.
일반주기 :	이 책의 초판 서명은 『Head first HTML with CSS＆XHTML:웹2.0 시대의 웹 표준 학습법』임
일반주기 :	권말부록으로 "못다한 이야기들" 수록
일반주기 :	원저자명: Robson, Elisabeth
일반주기 :	원저자명: Freeman, Eric
서지주기 :	찾아보기: p.751-764
개인저자 :	Robson, Elisabeth
개인저자 :	Freeman, Eric
개인저자 :	Freeman, Eric, 1965-
개인저자 :	홍형경
개인저자 :	우재남
분류기호 :	006.74
언어	한국어

소장정보

해군사관학교

예예약
인인쇄
SSMS
서서가부재
보보존서고
우우선정리예약
무무인예약대출

예약

1. 예약현황은 홈페이지 로그인 후 예약 페이지에 확인 가능합니다.
2. 도착 통보된 예약자료 대출을 원하지 않는 경우에는 예약 현황에서 취소할 수 있습니다.
3. 기타 문의사항은 도서관에 문의 바랍니다.

닫기

무인예약대출

1. 무인예약대출 현황은 홈페이지 로그인 후 무인예약대출 페이지에 확인 가능합니다.
2. 무인예약대출자료 대출을 원하지 않는 경우에는 무인예약대출 페이지에서 신청 또는 접수상태인 경우만 취소할 수 있습니다.
3. 희망대출일은 신청일로부터 최대 1주일 까지 가능합니다.
4. 희망대출일을 선택하지 않은 경우 대출대기 통보 후 1주일까지 기기에서 대출가능합니다.
5. 기타 문의사항은 도서관에 문의 바랍니다.

닫기

목차
서문
누구를 위한 책일까요? = 28
지금쯤 여러분은 이런 생각을 하고 있겠죠? = 29
초인지 : 생각하는 것에 대해 생각하는 것 = 31
이책에서는 이렇게 했습니다 = 32
두뇌를 정복하는 방법 = 33
마지막으로 알아둬야 할 몇 가지 = 34
테크니컬 리뷰팀(초판) = 36
감사의 글(초판) = 37
테크니컬 리뷰어(개정판) = 38
감사의 글(개정판) = 39
1 HTML 알아보기 : 웹 언어
웹이 라디오를 삼켰습니다 = 42
웹 서버는 무슨 일을 할까요? = 43
웹 브라우저는 무슨 일을 할까요? = 43
HTML 작성하기 = 44
브라우저가 만드는 것 = 45
스타버즈 전성시대 = 49
스타버즈 웹 페이지 만들기 = 51
매킨토시에서 HTML 파일 만들기 = 52
윈도우에서 HTML 파일 만들기 = 54
한편 스타버즈 커피에서는 = 57
작업한 내용을 저장합니다 = 58
브라우저에서 웹 페이지를 열어봅시다 = 59
작성한 웹페이지 시운전 = 60
아직 멀었나요? = 63
또 다른 시운전 = 64
태그 해부 = 65
스타일 요소와의 만남 = 69
스타버즈에스타일추가하기 = 70
스타일 탐험하기 = 71
연습문제 정답 = 78
2 하이퍼텍스트와 함께 하는 심층학습 : HTML의 'HT' 알아보기
새롭게 향상된 헤드 퍼스트 라운지 = 84
새로운 라운지 만들기 = 86
방금 무엇을 했을까요? = 88
속성 이해하기 = 91
조직화하기 = 96
라운지체계화하기 = 97
기술적 난관 = 98
경로 탐색 계획 = 100
깨진 이미지 파일 복구하기 = 106
연습문제 정답 = 113
3 웹 페이지 만들기
시속 12마일 속도로 일기를 웹사이트로 변환하기 = 119
개략적인 디자인 스케치 = 120
스케치로 개요 잡기 = 121
개요를 웹 페이지로 변환 = 122
토니의 웹페이지 시운전 = 124
새로운 요소 추가하기 = 125
〈q〉요소 알아보기 = 126
기다란 인용구 = 130
〈blockquote) 추가하기 = 131
〈q〉와〈blockquote〉미스터리 뒤에 감춰진 진실 = 134
한편, 토니의 사이트로 돌아가서 = 140
물론,〈p〉요소를 사용하여 리스트를 만들 수 있습니다 = 141
HTML 리스트를 만들기 위한 간단한 두 단계 = 142
방문 도시 리스트 시운전 = 144
다른 요소 안에 하나의 요소를 넣는 것을 '중첩(nesting)'이라고 합니다 = 147
중첩 관계를 이해하려면 그림을 그리세요 = 148
중첩을 사용하여 태그 일치시키기 = 149
연습문제 정답 = 157
4 인터넷에 연결하기 : 웹 마을로의 여행
스타버즈(혹은 여러분 사이트)를 웹으로 가져가 봅시다 = 164
호스팅회사 찾기 = 165
안녕하세요, 제 도메인 이름은 = 166
어떻게 하면 도메인 이름을 얻을 수 있을까요? = 166
이사하기 = 168
파일을 루트 폴더로 = 169
두 페이지에 걸쳐 FTP 설정하기 = 170
본업으로 돌아와서 = 173
URL 중심가 = 174
HTTP 란 무엇일까요? = 175
절대경로란 무엇일까요? = 176
디폴트 페이지가 작동하는 방법 = 179
다른 웹사이트와 어떻게 연결할까요? = 182
카페인 버즈에 연결하기 = 183
이제 시운전을 해 봅시다 = 184
꼼꼼하게 웹 페이지 마무리하기 = 187
타이틀 시험 운행 = 188
페이지로 링크 걸기 = 189
id 속성으로〈a〉요소에 대한 목적지 생성하기 = 190
id를 가진 요소와 연결하는 방법 = 191
새 창으로 링크 걸기 = 195
타겟을 사용한 새 창 열기 = 196
연습문제 정답 = 200
5 웹 페이지에 이미지 추가하기 : 미디어와의 만남
브라우저가 이미지를 다루는 방법 = 204
이미지는 어떻게 보여질까요? = 207
〈img〉는 더 이상 상대적인 링크가 아닙니다 = 211
항상 대체 수단을 제공하세요 = 213
이미지 크기 조절하기 = 214
팬 사이트 만들기 : 마이팟(myPod) = 215
마이팟의 'index.html' 파일 살펴보기 = 216
와! 이미지가 너무 크군요 = 218
브라우저에 맞게 이미지 크기 조정하기 = 220
이미지 열기 = 222
이미지 크기 조정 = 223
재조정 했으니 이제 저장하세요 = 226
이미지 저장하기 = 227
마이팟 HTML 수리하기 = 228
마이팟 사이트에 넣을 더 많은 사진들 = 230
섬네일을 사용한 사이트 재구축하기 = 232
섬네일 만들기 = 233
섬 네일을 사용한 HTML 재작업 = 234
섬네일을 링크로 변환하기 = 236
사진별 페이지 만들기 = 237
그러면, 이미지 밖으로 어떻게 링크를 만들까요? = 238
'index.html'에 이미지 링크 추가하기 = 239
어떤 형식을 사용해야 할까요? = 243
투명해 지느냐, 불투명해 지느냐? 이것이 문제로다 = 244
잠깐만, 웹 페이지 배경색은 무슨 색인가요? = 246
matte를 가진 로고 체크하기 = 247
로고 저장하기 = 248
연습문제 정답 = 253
6 표준, 신뢰성, 기타 등등 : 진지해진 HTML
HTML의 간단한 역사 = 262
새롭게 향상된 HTML5 doctype = 267
HTML, 새로운 '살아있는 표준' = 268
문서 타입 정의 추가하기 = 269
doctype 시운전 = 270
W3C 유효성 검사기를 만나봅시다 = 273
헤드 퍼스트 라운지 유효성 검사 = 274
휴스턴, 문제가생겼다 = 275
에러 수정하기 = 276
거의 목적지에 다다르고 있습니다 = 277
〈meta〉태그 추가하여 문자 인코딩 명시하기 = 279
유효성 검사기(그리고 더 많은 종류의 브라우저)와 더불어〈meta〉태그와 행복하게 살기 = 280
과연 세 번째에는 행운이 올까요? = 281
모든 HTML 전문가들의 지식이 담간 안내서를 참조하세요 = 284
연습문제 정답 = 291
7 CSS 시작하기 : 스타일 추가하기
여러분은 더 이상 캔자스에 있지 않습니다 = 296
웹마을의 '시장' 엿듣기 = 298
HTML과 CSS 함께 사용하기 = 299
HTML에 CSS 넣기 = 301
라운지에 스타일 추가하기 = 302
환영 메시지에 밑줄을 추가해 봅시다 = 305
그렇다면, 선택자는 실제로 어떻게 동작할까요? = 307
시각적 선택자 보기 = 310
음료 페이지와 찾아오는 길 페이지에 라운지 스타일 추가하기 = 313
상속에 관해 이야기할 때가 되었군요 = 321
상속 재정의 = 324
'elixir.html'에 클래스 추가하기 = 327
클래스를 위한 선택자 만들기 = 328
클래스 심층학습 = 330
스타일을 적용하는 방법에 관한 세상에서 가장 작고, 빠른 지침서 = 332
연습문제 정답 = 343
8 폰트와 색으로 장식하기 : 어휘력 향상시키기
30,000피트 높이에서 바라 본 텍스트와 폰트 = 352
폰트 패밀리(font family)란 무엇일까요? = 354
CSS를 사용하여 폰트 패밀리 명시하기 = 357
토니의 일기에 쌓인 먼지를 털어냅시다 = 358
다른 폰트를 사용하는 사용자를 다루려면 어떻게 해야 할까요? = 361
웹 폰트 동작 방식 = 363
페이지에 웹 폰트 추가하는 방법 = 365
폰트 크기 조절하기 = 368
그렇다면 폰트 크기를 어떻게 정의해야 할까요? = 370
토니의 웹 페이지에 있는 폰트 크기를 변경해 봅시다 = 372
폰트 굵기 변경하기 = 375
폰트에 스타일 추가하기 = 377
토니의 인용구에 이탤릭체 추가하기 = 378
웹 컬러는 어떻게 동작할까요? = 380
어떻게 하면 웹 컬러를 명시할 수 있을까요? 몇 가지 방법이 있는지 알아봅시다 = 383
hex 코드에 대한 2분 지침서 = 386
웹 컬러를 찾는방법 = 388
토니의 페이지로 돌아가서, 제목을 주황색으로 만들고 밑줄을 추가해 봅시다 = 391
텍스트 데코레이션에 관해 여러분이 알고자 하는 내용은 한 페이지 분량도 되지 않습니다 = 393
밑줄 제거하기 = 394
연습문제 정답 = 397
9 박스 모델 : 요소와 친숙해지기
라운지 향상시키기 = 402
새로운 라운지 설정하기 = 404
새로운 줄 간격을 체크해 봅시다 = 406
몇 가지 주요 혁신을 위한 준비 = 407
박스 모델 자세히 살펴보기 = 408
박스에서 할 수있는 = 410
보증서 스타일 생성하기 = 415
문단 테두리 시운전 = 416
보증서를 위한 패딩, 테두리, 마진 = 417
배경 이미지 추가하기 = 420
배경 이미지 고치기 = 423
배경 이미지의 또 다른 시운전 = 424
오른쪽에 마진을 증가시키려면 어떻게 해야 할까요? = 425
테두리에 대한 2분 지침서 = 426
테두리 마무리 손질하기 = 429
라운지 에세 id 사용하가 = 436
스타일시트 여러 개 사용하기 = 439
스타일시트 - 더 이상 데스크톱 브라우저만을 위한 것이 아닙니다 = 440
CSS에 직접 미디어 쿼리를 추가하세요 = 441
연습문제 정답 = 447
10 div와 span 요소 : 진보된 웹 페이지 만들기
음료 HTML 자세히 살펴보기 = 455
어떻게 하면 페이지를 논리적인 구간으로 나눌 수 있는지 알아봅시다 = 457
테두리 추가하기 = 464
음료에 몇 가지 스타일 추가하기 = 465
음료 너비 조정 = 466
음료에 기본 스타일 추가하기 = 471
우리에게 필요한 것은 자손을 선택하는 방법입니다 = 477
음료 제목 색깔 바꾸기 = 479
줄 간격 고치기 = 480
지름길로 갈 때가 되었습니다 = 482
쉽게〈span〉을 추가하는 3가지 단계 = 488
〈a〉요소와 그의 다중 인격 = 492
어떻게 하면 상태에 따라 요소를 꾸밀 수 있을까요? = 493
의사클래스 일 착수시키기 = 495
'캐스케이드'에 대해 이야기 할 때가 되지 않았을까요? = 497
캐스케이드 = 499
'구체성 게임'에 오신 걸 환영합니다 = 500
모든 것을 합치세요 = 501
연습문제 정답 = 507
11 레이아웃과 포지셔닝 : 요소 정렬하기
슈퍼 브레인 파워 문제를 풀었나요? = 512
풀로우를 사용하거라, 루크 = 513
인라인 요소는 어떻게 하죠? = 515
모두 함께 동작하는 방법 = 516
요소를 뜨게 하는 방법 = 519
새로운 스타버즈 = 523
header 바로 밑으로 sidebar를 옮기세요 = 528
두 개의 컬럼 문제 해결하기 = 531
main 구간에 마진 설정하기 = 532
겹쳐지는 문제를 해결합시다 = 535
오른쪽은 팽팽하게, 왼쪽은 느슨하게 = 538
유연한 디자인, 고정된 디자인 = 541
absolute 포지셔닝 작동 방법 = 544
스타버즈 CSS 변경하기 = 547
table display를 위한 HTML 구조 추가하기 = 553
이 공간에 무슨 문제가 있는 걸까요? = 557
header의 문제 = 564
float 속성으로 header 이미지 문제 고치기 = 565
트로피 배치하기 = 568
fixed 포지셔닝은 어떻게 작동할까요? = 571
left 속성에 음수값 사용하기 = 573
연습문제 정답 = 579
12 현대적인 HTML
HTML 구조에 대해 다시 생각해 봅시다 = 586
스타버즈 HTML을 수정합시다 = 591
새로운 요소를 위한 CSS 변경 방법 = 594
블로그 페이지를 위한 CSS 설정 = 603
블로그에 날짜를 추가해야 합니다 = 605
블로그에〈time〉요소 추가하기 = 606
〈header〉요소를 추가하는 방법 = 608
header에 뭐가 잘못됐을까요? = 610
마지막 header 시운전 = 611
내비게이션 완성하기 = 614
GPS가 필요한 분은 누구세요? 내비게이션 시운전 = 615
기대하세요! 내 비게이션이 등장했습니다! = 617
새 블로그 항목 생성하기 = 620
조명, 카메라, 액션 = 621
〈video〉요소는 어떤 식으로 작동하는 걸까요? = 623
video 속성을 자세히 알아 봅시다 = 624
비디오 형식에 관해 알아야 할 내용 = 626
비디오 형식 도전자들 = 627
이 모든 형식을 효율적으로 사용하는 방법은 = 629
조명, 카메라, 액션 2 = 630
연습문제 정답 = 637
13 테이블과 더 많은 리스트 : 표 만들기
HTML로 테이블을 어떻게 만들까요? = 643
HTML을 사용해 테이블 생성하기 = 644
브라우저가 생성하는 것 = 645
테이블 해부 = 646
캡션 추가하기 = 649
스타일을 주기 전에 토니의 페이지에 테이블을 만들어 봅시다 = 651
테두리 붕괴 = 656
색을 약간 주는 건 어떨까요? = 658
토니가 재미있는 것을 발견했습니다 = 660
토니의 테이블 다시 살펴보기 = 661
하나 이상의 행을 병합하는 방법 = 662
테이블 시운전 = 664
낙원에서의 곤경? = 665
중첩된 테이블 제목에 대해 CSS 재정의하기 = 669
마지막으로 토니의 사이트 광내기 = 670
사용자 정의 마커를 쓴다면 어떨까요? = 672
연습문제 정답 = 676
14 html 폼 : 대화식 페이지 만들기
폼 동작 방식 = 686
HTML에서 작성할 내용 = 688
브라우저가 생성하는 것 = 689
〈form〉요소 동작 방식 = 690
'커피공장'폼을 생성하기 위한 준비 = 700
폼 요소 추가하기 = 701
폼 요소의 name 속성 작동 방식 = 702
돌아와서 HTML에〈input〉요소를 추가합시다 = 704
폼에 더 많은 input 요소 추가하기 = 705
〈select〉요소 추가하기 = 706
고객이 분쇄한 원두나, 분쇄하지 않은 원두 중 고를 수 있게 합시다 = 708
라디오 버튼 선택하기 = 709
더 많은 입력 유형 사용하기 = 710
숫자와 날짜 입력 유형 추가하기 = 711
폼 완성하기 = 712
체크박스와 textarea 추가하기 = 713
GET 동작 지켜보기 = 719
table display 레이아웃을 위해 HTML 구조 안으로 폼 요소 넣기 = 724
CSS로 폼꾸미기 = 726
접근성에 관한 단어 = 728
폼에 들어갈 수 있는 다른 것은 무엇이 있을까요? = 729
연습문제 정답 = 733
15 부록 : 못다한 이야기들 : 10가지 중요한 이야기(지금까지 설명하지 않은)
1 더 많은 CSS 선택자 = 738
2 브라우저에 특화된 CSS 속성 = 740
3 CSS 변형(transform)과 트랜지션(transition) = 741
4 상호작용 = 743
5 HTML5 API와 웹 애플리케이션 = 744
6 웹 폰트 심화학습 = 746
7 웹 페이지 제작 도구 = 747
8 XHTML5 = 748
9 서버 스크립팅 = 749
10 오디오 = 750
찾아보기 = 751