목차 일부

Preface
이 책의 구성과 사용 방법 ... 8
TUTORIAL(따라하기)편의 페이지 구성 ... 10
REFERENCE & PRATICE(응용 및 연습)편의 페이지 구성 ... 11
HTML의 BASICS
   Ⅰ. HTML은 어느 정도까지 알아야 하나? ... 12
   Ⅱ. 홈페이지 제작 프로그램으로 할 수 있는 것 ... 13
   Ⅲ. ...

더보기

목차 전체

Preface
이 책의 구성과 사용 방법 ... 8
TUTORIAL(따라하기)편의 페이지 구성 ... 10
REFERENCE & PRATICE(응용 및 연습)편의 페이지 구성 ... 11
HTML의 BASICS
   Ⅰ. HTML은 어느 정도까지 알아야 하나? ... 12
   Ⅱ. 홈페이지 제작 프로그램으로 할 수 있는 것 ... 13
   Ⅲ. HTML의 간단한 규칙 ... 14
   Ⅳ. 파일 관리에 관한 얘기 ... 15
   Ⅴ. 계층(디렉토리)적 사고법 ... 16
   Ⅵ. 웹 제작의 흐름과 컨텐츠 ... 18
   Ⅶ. 브라우저의 현재 ... 20
Chapter 1 페이지 정의
   TUTORIAL 페이지를 정의한다 ... 22
   REFERENCE & PRACTICE
      HTML 파일의 기본 정의 ... 28
      페이지의 제목 설정 ... 28
      소스 내에 주석 삽입 ... 29
      페이지의 배경색 지정 ... 29
      문자의 기본색, 링크색 등을 지정 ... 30
      페이지에 배경 이미지 설정 ... 30
      페이지의 상단·좌측 여백 설정 ... 31
      본문 폰트의 기본 크기 지정 ... 31
   STEP UP
      검색 사이트 대상이 되는 〈META〉태그의 사용 방법 ... 32
      웹 상의 색상을 지정하는 방법 ... 34
      웹 페이지의 색상을 지정하는 요령 ... 36
      ［표］ RGB 색상 → 16진수 표기의 간이 대응표 ... 37
   HTML의 기초를 배울 수 있는 웹 사이트 소개 ... 38
Chapter 2 단락·구분·정렬
   TUTORIAL 단락·구분·정렬을 설정한다 ... 40
   REFERENCE & PRACTICE
      단락 정의 ① (앞뒤 여백 있음) ... 44
      단락 정의 ② (앞뒤 여백 없음) ... 44
      문장 내 일부분 통합 ... 45
      내용을 가운데 정렬 ... 45
      행 바꾸기 정의 ... 46
      문장의 자동 행 바꾸기 금지 ... 46
      자동 행 바꾸기 금지 범위 내에서 행 바꾸기 위치의 후보 지정 ... 47
      텍스트의 단 지정 ... 47
      단 표시에서 단 수, 단 간격, 단 폭 지정 ... 48
      수평선 표시 ... 48
      수평선 옵션 설정 ... 49
   STEP UP
      장식에 수평선을 사용한 응용 ... 50
Chapter 3 텍스트
   TUTORIAL 텍스트를 장식한다 ... 52
   REFERENCE & PRACTICE
      문자 크기 지정 ... 56
      문자 크기를 한 단계 크게·작게 ... 56
      문자색을 부분적으로 지정 ... 57
      문자 서체 지정 ... 57
      문자 장식(볼드·이탤릭) ... 58
      문자 강조 표시 지정 ... 58
      문자 장식(등폭) ... 59
      문자 장식(위첨자·아래첨자) ... 59
      문자 장식(밑줄·취소선) ... 60
      텍스트에 구조적 의미 설정 ... 60
      문자에 루비 설정 ... 61
      텍스트를 제목 단계로 표시 ... 61
      인용 문장의 표시 ... 62
      주소·메일 어드레스 등의 연락처 표시 ... 62
      텍스트를 입력한 대로 표시 ... 63
      텍스트를 그대로 표시(태그 포함) ... 63
   STEP UP
      웹 페이지 내의 '동적' 요소와 '동적' 텍스트 태그 ... 64
      문자 그라데이션 ... 66
      표시를 제어하는 스타일 시트 구조 ... 68
      ［표］ 스타일 시트에서 지정할 수 있는 주요 속성 ... 72
Chapter 4 리스트
   TUTORIAL 리스트를 만든다 ... 74
   REFERENCE & PRACTICE
      비서열형 리스트 정의 ... 78
      메뉴 리스트·디렉토리 리스트 정의 ... 78
      비서열형 리스트 기호 지정 ... 79
      서열형 리스트 정의 ... 79
      서열형 리스트 번호 타입 변경 ... 80
      서열형 리스트 시작 번호 지정 ... 80
      정의형 리스트 설정 ... 81
      정의형 리스트의 단축 형식 ... 81
   STEP UP
      리스트를 사용하여 사이트 맵 작성 ... 82
   Web Site Close Up! ... 84
Chapter 5 이미지
   TUTORIAL 이미지를 배치한다 ... 86
   REFERENCE & PRACTICE
      이미지 넣기 ... 90
      저해상도용 이미지 표시하기 ... 90
      이미지 대체 텍스트 지정 ... 91
      이미지의 표시 크기 지정 ... 91
      이미지 주변의 테두리 지정 ... 92
      이미지에 대한 텍스트 삽입 지정 ... 92
      이미지와 텍스트의 나열 방식 지정 ... 93
      이미지와 텍스트의 나열 방식 지정(확장) ... 93
      이미지에 텍스트 삽입 금지 ... 94
      이미지 주변에 여백 설정 ... 94
      배경 이미지 고정 ... 95
      화면 내에 특정 크기의 여백 만들기 ... 95
   STEP UP
      웹 페이지에서 사용할 수 있는 이미지 파일 ... 96
      웹용 이미지를 만드는 요령 ... 99
      '움직이는 이미지'의 시작은 GIF 애니메이션 ... 103
      이미지 이외에 웹에서 표현할 수 있는 것 ... 106
   Web Site Close Up! ... 108
Chapter 6 테이블
   TUTORIAL 표를 작성한다 ... 110
   REFERENCE & PRACTICE
      표(셀) 작성 ... 118
      셀 안에 제목 단계 설정 ... 118
      표 주변에 경계선 설정 ... 119
      표에 대한 요소 삽입 지정 ... 119
      표 주변에 여백 지정 ... 120
      표 전체 크기 지정 ... 120
      셀의 크기 지정 ... 121
      표에 캡션 설정 ... 121
      표 경계선 표시 장소 지정 ... 122
      표 안쪽 괘선 표시 장소 지정 ... 123
      표 경계선의 색상 지정 ... 123
      표 전체 또는 셀의 배경색 지정 ... 124
      표 전체 또는 셀의 배경 이미지 지정 ... 124
      표의 셀 간격, 셀 안의 여백 지정 ... 125
      여러 셀을 세로로 합치기(행 병합) ... 125
      여러 셀을 가로로 합치기(열 병합) ... 126
      셀 안에 삽입할 요소의 좌우 정렬 지정 ... 126
      셀 안에 삽입할 요소의 상하 정렬 지정 ... 127
      셀 내에서 텍스트 행 바꾸기 금지 ... 127
   STEP UP
      테이블 태그의 다양한 응용 ... 128
Chapter 7 하이퍼링크
   TUTORIAL 링크 버튼을 설정한다 ... 134
   REFERENCE & PRACTICE
      텍스트와 이미지에 링크 설정 ... 138
      링크가 설정된 텍스트의 색상 지정 ... 138
      링크 대상을 표시할 방법 지정 ... 139
      메일 프로그램을 여는 링크 버튼 설정 ... 140
      한 페이지에 있는 여러 링크 대상을 동일한 방법으로 표시 ... 140
      다운로드 파일 지정 ... 141
      링크 위치로 이동하는 단축키 지정 ... 141
      동일 페이지 내 특정 위치로 링크 ... 142
      다른 페이지의 특정 위치로 링크 ... 142
      링크가 설정된 이미지의 테두리 삭제 ... 143
      링크 설정 내용 표시 ... 143
   STEP UP
      크리커블 맵(이미지 맵) 작성 ... 144
      이미지 맵 작성용 도구 ... 146
      잘못된 링크를 체크한다 ... 147
   Web Site Close Up! ... 148
Chapter 8 양식
   TUTORIAL 앙케이트 양식을 만든다 ... 150
   REFERENCE & PRACTICE
      양식 정의(내용을 전달할 주소·방식 지정) ... 158
      텍스트 입력란(단일 행 타입) 작성 ... 158
      체크 박스(선택 양식) 작성 ... 159
      라디오 버튼 작성 ... 159
      브라우저에는 표시되지 않을 항목 작성 ... 160
      패스워드 입력란 작성 ... 160
      리셋 버튼 설정 ... 161
      파일의 위치를 지정할 수 있는 파일 선택 버튼 작성 ... 161
      여러 행으로 구성된 텍스트 입력 양식 ... 162
      선택 메뉴 작성(드롭다운 메뉴) ... 162
      선택 메뉴 작성(목록 표시 타입) ... 163
      데이터를 전달하는 송신 버튼 작성 ... 163
   STEP UP
      입력 양식으로부터 전달되는 한글 처리 문제 ... 164
      앙케이트 양식의 장식 ... 166
   Web Site Close Up! ... 168
Chapter 9 프레임
   TUTORIAL 프레임을 분할한다 ... 170
   REFERENCE & PRACTICE
      페이지를 여러 프레임으로 분할(가로·세로) ... 180
      프레임 테두리의 표시 여부 지정 ... 181
      프레임 테두리의 굵기 지정 ... 181
      각 프레임간 여백 지정 ... 182
      프레임 테두리의 색상 지정 ... 182
      분할한 프레임 내의 여백 지정 ... 183
      프레임 스크롤바의 표시 여부 지정 ... 183
      프레임의 크기 변경 금지 ... 184
      링크 위치의 파일을 표시하는 프레임 지정 ... 184
      인라인 프레임 설정 ... 185
   STEP UP
      프레임의 올바른 사용법과 응용 ... 186
Appendix 부록
   업로드 방법과 주의점 ... 190
   방문자 수를 늘리려면 ... 193
   웹용 색상의 기본 216색 ... 194
   색상명 목록 ... 196
   태그 일람 ... 198
   Index ... 208

더보기 닫기