목차 일부
1장 인터넷 소개
1.1 인터넷 ... 20
1.1.1 인터넷(INTERNET)의 개요 ... 20
1.1.2 인터넷의 역사 ... 20
1.1.3 인터넷 접속 방법 ... 22
1.1.4 인터넷 관련 기구 ... 27
1.1.5 국내의 인터넷 현황 ... 29
1.2 인터넷의 주소 체계 .....
더보기
목차 전체
1장 인터넷 소개
1.1 인터넷 ... 20
1.1.1 인터넷(INTERNET)의 개요 ... 20
1.1.2 인터넷의 역사 ... 20
1.1.3 인터넷 접속 방법 ... 22
1.1.4 인터넷 관련 기구 ... 27
1.1.5 국내의 인터넷 현황 ... 29
1.2 인터넷의 주소 체계 ... 31
1.2.1 IP 주소 ... 31
1.2.2 도메인명(Domain Name) ... 35
1.2.3 DNS(Domain Name Service) ... 38
1.2.4 한글 도메인과 음성 도메인 ... 39
1.3 인터넷 서비스 ... 39
1.3.1 TELNET(원격지 시스템 사용) ... 40
1.3.2 FTP(File Transfer Protocol) ... 40
1.3.3 전자우편(E-mail) ... 41
1.3.4 네트워크 뉴스 ... 42
1.3.5 WWW ... 44
1.3.6 기타 ... 44
2장 웹 소개 및 구축 환경
2.1 World Wide Web ... 50
2.2 홈페이지 작성 ... 56
2.2.1 홈페이지의 저작 도구 ... 56
2.2.2 홈페이지 종류 ... 57
2.3 웹브라우저 개요 및 종류 ... 57
2.3.1 웹브라우자란? ... 58
2.3.2 웹브라우저의 일반적인 기능 ... 58
2.3.3 대표적인 웹브라우저들 ... 59
2.3.4 웹브라우저들의 특징 ... 61
2.4 웹서버 프로그램 ... 62
2.4.1 웹서버란 ... 62
2.4.2 웹서버의 종류와 특성 ... 63
3장 웹 설계 방법
3.1 웹디자인이란? ... 72
3.2 웹사이트 구축 과정 ... 73
3.2.1 기획 단계 ... 74
3.2.2 개발 단계 ... 79
3.2.3 검증 및 평가 ... 87
3.2.4 인터넷 서비스 ... 87
3.2.5 유지 및 보수 ... 88
3.3. 다양한 표현 장치에 따른 디자인 ... 88
3.3.1 다양한 모니터의 해상도 다루기 ... 89
3.3.2 크기가 고정된 웹페이지 디자인과 고정되지 않은 웹페이지 디자인 ... 92
4장 HTML의 기초
4.1 HTML의 편집 도구 ... 100
4.2 HTML의 기본 구조 ... 101
4.2.1 HTML 태그 ... 102
4.2.2 HEAD 태그 ... 102
4.2.3 TITLE 태그 ... 103
4.2.4 BODY 태그 ... 103
4.3 컨테이너 ... 104
4.3.1 단독 태그 ... 104
4.3.2 태그의 중첩 ... 105
4.3.3 브라우저에서 처리하지 않는 정보 ... 105
4.4 좋은 HTML 작성법 ... 107
4.5 HTML에서의 색상 ... 108
4.5.1 RGB 값으로 색상 지정 ... 108
4.5.2 컬러 이름으로 색상 표현 ... 108
4.6 색상 지정 태그들 ... 109
4.7 특수문자 ... 117
4.7.1 특수문자 사용 ... 117
4.7.2 특수문자 표기법 ... 117
5장 텍스트 표현
5.1 구조에 관련된 태그 ... 124
5.1.1 HTML 문서의 구성 ... 124
5.1.2 문서의 HEAD 부분 ... 124
5.1.3 문서의 BODY 부분 ... 125
5.1.4 메타 태그 ... 126
5.2 문서의 제목 ... 128
5.2.1 문서의 제목 크기 ... 128
5.2.2 문서의 제목 정렬 ... 129
5.2.3 텍스트 눈에 띄게 만들기 ... 130
5.3 글자의 크기 및 글꼴 선택 ... 132
5.3.1 글자의 크기 지정 ... 132
5.3.2 글자의 상대적 크기 지정 ... 133
5.3.3 글꼴의 지정 ... 134
5.4 HTML을 이용한 레이아웃 기술 ... 135
5.4.1 미리 지정된 포맷의 텍스트 표시 ... 135
5.4.2 줄 바꿈 막기 ... 136
5.4.3 HTML에서의 정렬 ... 137
5.4.4 HTML에서의 들여 쓰기 ... 137
5.5 목록의 표현 ... 139
5.5.1 순서 없는 목록 ... 139
5.5.2 순서 있는 목록〈OL〉 ... 140
5.5.3 목록의 중첩 ... 142
5.6 수평선 ... 143
5.7 수학식 표현 ... 145
6장 링크 만들기
6.1 연결과 관련된 태그 ... 152
6.1.1 링크 태그〈a〉...〈/a〉 ... 152
6.1.2 링크 대상 지정 방법 ... 153
6.2 문서 내에서의 링크 ... 156
6.2.1 문서의 특정 부분에 이름 붙이기 ... 156
6.2.2 문서의 특정 부분으로 연결 ... 157
6.2.3 다른 문서에서 예제 문서의 특정 이름 부분으로 연결 ... 157
6.2.4 이름을 붙인 앵커 사용 ... 159
6.3 링크의 표시 방법 ... 160
6.3.1 〈BODY〉에서 색상 바꾸기 ... 160
6.3.2 특정한 링크에 대한 색상 지정 ... 162
6.3.3 스타일시트로 전체 링크의 색상 설정 ... 162
6.3.4 링크를 밑줄 없이 표시하기 ... 163
6.3.5 자바스크립트를 사용한 상태 표시줄 텍스트 바꾸기 ... 163
6.4 연결 대상 창 지정하기 ... 164
6.4.1 〈a〉태그를 이용한 연결 창 지정 ... 164
6.4.2 자바스크립트에 의한 연결 대상 창 지정 ... 165
6.5 이미지맵 ... 166
6.5.1 서버측 이미지맵과 클라이언트측 이미지맵 ... 166
6.5.2 링크 영역 태그〈area〉 ... 168
6.5.3 맵 태그〈map〉...〈/map〉 ... 169
6.5.4 클라이언트측 이미지맵 만들기 ... 169
6.6 웹으로의 링크나 프로토콜이 아닌 경우 ... 172
6.6.1 전자우편 링크(mailto) ... 172
6.6.2 FTP 링크(ftp://) ... 172
6.6.3 그 밖의 링크 ... 173
7장 이미지와 멀티미디어
7.1 웹에서 이미지 다루기 ... 178
7.1.1 그래픽 사용 방법 ... 178
7.1.2 사용 그래픽 형식 ... 179
7.2 〈img〉태그의 활용 ... 179
7.2.1 〈img〉태그 ... 179
7.2.2 링크 이미지 표현법 ... 181
7.2.3 효과적인 이미지 표현 ... 186
7.3 오디오 추가하기 ... 187
7.3.1 비 스트리밍과 스트리밍 ... 187
7.3.2 비 스트리밍(정적) 오디오 ... 189
7.3.3 스트리밍 오디오 ... 191
7.4 비디오 추가하기 ... 196
7.4.1 비디오 파일 형식 ... 196
7.4.2 스트리밍 비디오 ... 196
7.4.3 HTML 문서에 비디오 추가 ... 197
7.5 애니메이션 추구하기 ... 202
7.5.1 움직이는 텍스트(Animated Text) ... 203
7.5.2 플래시 추가하기 ... 204
7.5.3 쇽웨이브 추가하기 ... 207
8장 표
8.1 표 소개 ... 214
8.2 기본적인 표 구조 ... 215
8.2.1 행과 열 ... 215
8.2.2 행과 열의 확장 ... 216
8.2.3 행과 열의 그룹화 ... 218
8.3 표 표현 제어 ... 221
9장 프레임
9.1 프레임 소개 ... 238
9.2 기본적인 프레임 구조 ... 239
9.2.1 〈noframes〉태그 ... 241
9.2.2 행과 열의 설정 ... 242
9.2.3 복수개의 행과 열을 가지는 프레임 셋 ... 243
9.2.4 중첩된 프레임 만들기 ... 244
9.3 프레임에 속성 적용 ... 245
9.3.1 프레임 경계선과 여백주기 ... 245
9.3.2 스크롤 바 조정하기 ... 247
9.3.3 프레임 크기 바꾸지 못하게 하기 ... 248
9.3.4 프레임에 여백주기 ... 248
9.3.5 대상 프레임 지정하기 ... 249
9.4 인라인 프레임 ... 258
10장 FORM 및 CGI
10.1 CGI의 이해 ... 264
10.1.1 CGI 개요 ... 265
10.1.2 CGI 프로그램과 일반 프로그램의 차이점 ... 266
10.1.3 CGI의 환경 변수 ... 268
10.1.4 CGI의 활용 ... 272
10.2 기본 양식을 구성하는 〈Form〉태그 ... 273
10.2.1 〈form〉 ... 273
10.2.2 양식의 요소 〈INPUT〉태그 ... 274
10.3 양식(Form) 관련 기타 태그 ... 284
10.3.1 〈button〉태그 ... 284
10.3.2 〈Textarea〉태그 ... 285
10.3.3 〈fiedset〉태그 ... 286
10.3.4 〈legend〉태그 ... 287
10.3.5 〈label〉태그 ... 288
10.3.6 〈select〉태그 ... 288
10.3.7 〈option〉태그 ... 289
10.3.8 〈optgroup〉태그 ... 289
10.4 CGI 프로그램의 구현 ... 290
10.4.1 홈페이지에 카운터 넣기 ... 290
10.4.2 〈FORM〉과 C로 구현한 프로그램 예제 ... 292
10.5 CGI의 장·단점과 서버 API ... 300
10.5.1 CGI의 장점 ... 300
10.5.2 CGI의 단점 ... 301
10.5.3 서버 API ... 301
11장 동적 홈페이지 및 스크립트
11.1 서버측 스크립트와 클라이언트측 스크립트 ... 306
11.1.1 서버측 스크립트 ... 306
11.1.2 클라이언트측 스크립트 ... 307
11.2 PHP ... 308
11.2.1 PHP란? ... 308
11.2.2 PHP의 기본 ... 309
11.2.3 PHP 연산자 ... 316
11.2.4 제어 구조 ... 319
11.2.5 PHP 주요 함수 ... 323
11.2.6 PHP 웹서버 구축 ... 324
11.3 자바스크립트 ... 325
11.3.1 자바스크립트로 할 수 있는 것 ... 325
11.3.2 JavaScript의 기초 ... 325
11.3.3 JavaScript의 예 ... 328
11.4 SSI ... 330
11.4.1 SSI란 무엇인가? ... 330
11.4.2 SSI의 구성 ... 331
11.5 VBScript ... 335
11.5.1 HTML 페이지에 VBScript 코드 추가 ... 335
11.5.2 VBScript 기본 ... 338
11.6 ASP ... 347
11.6.1 ASP의 동작 환경 ... 348
11.6.2 ASP의 기초 ... 348
11.6.3 ASP의 오브젝트와 컴포넌트 ... 351
12장 이미지 종류 및 움직이는 GIF
12.1 GIF 형식 ... 366
12.1.1 GIF87a와 GIF89a ... 366
12.1.2 8비트 색인 컬러 ... 368
12.1.3 인터레이싱(Interlacing) ... 368
12.1.4 투명한 GIF ... 369
12.1.5 GIF 파일 크기 최소화 ... 371
12.2 JPEG 형식 ... 372
12.2.1 JPEG 개요 ... 372
12.2.2 JPEG 압축 ... 374
12.2.3 JPEG 압축 풀기 ... 374
12.2.4 progressive JPEG(점진적인 JPEG) ... 374
12.2.5 JPEG 만들기 ... 375
12.3 PNG 형식 ... 375
12.3.1 새로운 이미지 포맷 PNG ... 375
12.3.2 풀 컬러의 가역 압축 형식 ... 377
12.3.3 브라우저와 응용 프로그램의 지원 ... 377
12.4 파일 형식의 발전 ... 377
12.5 움직이는 GIF ... 378
12.5.1 움직이는 GIF 특징 ... 378
12.5.2 움직이는 GIF 만들기 ... 379
12.5.3 움직이는 GIF의 최적화 ... 385
12.5.4 HTML 파일애 움직이는 GIF 삽입 ... 385
13장 스타일시트
13.1 CSS 소개 ... 390
13.2 Style 지정하기 ... 391
13.2.1 HTML 문서〈HEAD〉에 포함된 스타일시트 ... 392
13.2.2 인라인 스타일시트 ... 393
13.2.3 외부 스타일시트 ... 394
13.2.4 스타일에서 주석 달기 ... 397
13.2.5 스타일시트 중복 ... 397
13.2.6 〈div〉와〈span〉태그 ... 398
13.3 선택자 지정하기 ... 399
13.3.1 type 선택자 ... 399
13.3.2 class 선택자 ... 400
13.3.3 ID 선택자 ... 401
13.3.4 class와 ID의 차이점 ... 402
13.3.5 자손(descendant) 선택자 ... 403
13.4 요소(Property)와 값(Value) 사용 규칙 ... 404
13.4.1 값의 종류와 사용(스타일 정의를 위한 속성) ... 404
13.5 스타일시트를 이용한 위치 선정 ... 408
13.5.1 POSITION 속성 ... 408
13.5.2 Z 순서 ... 411
13.6 CSS 사양 ... 412
13.7 DHTML ... 414
14장 웹사이트 분석
14.1 웹사이트 디자인 지침과 잘못된 웹사이트 ... 420
14.1.1 웹사이트 설계 지침 ... 420
14.1.2 잘못된 웹사이트 ... 421
14.2 체계적인 구조와 네비게이션 ... 422
14.2.1 일괄성 있는 웹사이트 체계로 설계 ... 422
14.2.2 네비게이션 시스템 설계 ... 422
14.2.3 네비게이션 설계가 잘 된 사이트 예 ... 425
14.2.4 네비게이션 설계가 미숙한 사이트 예 ... 426
14.3 웹에서의 그래픽 ... 427
14.3.1 웹사이트에서 그래픽 사용시 고려할 사항 ... 427
14.3.2 웹사이트에서 그래픽을 잘 사용한 예 ... 428
14.3.3 웹사이트에서 그래픽을 잘못 사용한 예 ... 429
14.4 웹에서의 텍스트 ... 429
14.4.1 웹사이트에서 텍스트 사용시 고려할 사항 ... 430
14.4.2 웹사이트에서 텍스트를 잘 사용한 예 ... 430
14.4.3 웹사이트에서 텍스트를 잘못 사용한 예 ... 431
14.5 로딩 속도 ... 432
14.5.1 로딩 속도 향상을 위한 방법 ... 432
14.5.2 로딩 속도가 좋은 사이트 예 ... 433
14.5.3 로딩 속도가 나쁜 사이트 예 ... 434
14.6 고급 기술의 사용 ... 434
14.6.1 고급 기술 사용시 주의할 점 ... 435
14.6.2 고급 기술을 잘 사용한 예 ... 435
14.6.3 고급 기술을 잘못 사용한 예 ... 435
14.7 수정, 관리 작업 ... 436
14.7.1 수정 작업 전에 이루어져야 하는 일들 ... 437
14.7.2 수정 작업이 부족한 사이트 ... 437
14.7.3 관리가 제대로 안 된 사이트 ... 438
14.8 웹사이트의 유용성(참고) ... 438
15장 XML 및 응용
15.1 XML의 개요 ... 444
15.2 XML 문법 ... 447
15.2.1 엘리먼트의 시작과 종료 ... 447
15.2.2 속성 ... 448
15.2.3 주석 ... 449
15.2.4 엔티티(Entity) 참조 ... 449
15.2.5 글자 데이터(CDATA) ... 450
15.2.6 문서 타입 선언(DTD) ... 450
15.3 문서 타입 선언(DTD) ... 451
15.3.1 엘리먼트 타입 선언 ... 451
15.3.2 애트리뷰트 리스트 선언 ... 452
15.3.3 엔티티 선언 ... 453
15.3.4 표기 선언 ... 454
15.4 XML 응용 : SMIL ... 455
15.4.1 헤드 태그 ... 457
15.4.2 바디 태그 ... 457
15.4.3 SMIL 관련 실행 환경 ... 460
16장 무선 인터넷용 웹
16.1 무선 인터넷 ... 466
16.1.1 무선 인터넷 제한 사항 ... 467
16.1.2 무선 인터넷 표준화 ... 468
16.2 WAP(Wireless Application Protocol) ... 469
16.2.1 WAP이란 무엇인가 ... 470
16.2.2 WAP 프로토콜 스택 ... 472
16.2.3 WAP 게이트웨이 ... 474
16.3 무선 서비스용 웹사이트 제작 ... 475
16.3.1 무선 웹사이트의 마크업 언어 ... 475
16.3.2 무선 인터넷의 다양한 응용 분야 ... 476
16.4 WAP 개발 툴킷(Toolkit) ... 478
16.5 WML(Wireless Markup Language) ... 486
16.5.1 WML 문법 규칙 ... 487
더보기 닫기