목차 일부

테마 1. 홈페이지 제작의 기본 도구 HTML!!!
   1. HTML이란? ... 12
   2. HTML의 기본 구조 ... 13
   3. HTML의 기본 구조를 구성하는 태그 ... 14
      3.1 〈HTML〉...〈／HTML〉 ... 14
      3.2 〈HEAD〉...〈／HEAD〉 ... 15
      3.3 〈TITLE〉...〈／T...

더보기

목차 전체

테마 1. 홈페이지 제작의 기본 도구 HTML!!!
   1. HTML이란? ... 12
   2. HTML의 기본 구조 ... 13
   3. HTML의 기본 구조를 구성하는 태그 ... 14
      3.1 〈HTML〉...〈／HTML〉 ... 14
      3.2 〈HEAD〉...〈／HEAD〉 ... 15
      3.3 〈TITLE〉...〈／TITLE〉 ... 15
      3.4 〈BODY〉...〈／BODY〉 ... 16
      3.5 〈!-주석-〉태그 ... 17
   4. HTML 문서의 특성 ... 18
      4.1 HTML 문서에서 공백 문자는 무조건 하나의 공백으로 인식한다!!! ... 18
      4.2 HTML 태그는 시작과 종료가 있다!!! ... 20
   5. HTML 문서의 구성을 나타내는 태그 ... 22
      5.1 〈BR〉 태그 ... 23
      5.2 〈P〉 태그 ... 25
      5.3 문서의 정렬 ... 27
테마 2. HTML 기본 다지기
   1. 글꼴을 지정하는 태그 ... 32
      1.1 물리적 스타일 글꼴 태그 ... 32
      1.2 논리적 스타일 글꼴 태그 ... 34
   2. 글자의 크기를 나타내는 태그 ... 36
      2.1 〈Hn〉...〈／Hn〉 태그 ... 36
      2.2 〈BASEFONT SIZE＝n〉 태그 ... 37
      2.3 〈FONT SIZE＝n〉...〈／FONT〉 태그 ... 39
   3. 공백 문자를 나타내는 태그 ... 40
      3.1 〈PRE〉...〈／PRE〉 태그 ... 40
      3.2 〈XMP〉...〈／XMP〉 태그 ... 42
   4. 〈HR〉 태그로 선그리기 ... 44
      4.1 WIDTH ... 44
      4.2 〈SIZE〉 태그로 선 두께 지정하기 ... 47
      4.3 〈ALIGN〉 태그를 이용하여 선 정렬하기 ... 48
      4.4 〈NOSHADE〉 태그로 선의 입체감 없애기 ... 49
   5. HTML 문서에 목록 만들기 ... 50
      5.1 〈LI〉 태그 ... 51
      5.2 〈UL〉 태그 ... 51
      5.3 〈OL〉 태그 ... 54
      5.4 〈DL〉 태그 ... 57
      5.5 〈DIR〉 태그와 〈MENU〉 태그 ... 58
      5.6 목록 안에 목록 만들기 ... 59
테마 3. 홈페이지 예쁘게 꾸미기
   1. 이미지 연결하기 ... 64
      1.1 SRC＝"이미지 파일URL" ... 64
      1.2 이미지 정렬하기 ... 66
   2. 이미지에 툴팁 나타내기 ... 70
   3. 이미지 조절 ... 72
      3.1 이미지의 넓이(WIDTH) 지정하기 ... 72
      3.2 이미지의 높이(HEIGHT) 지정하기 ... 72
      3.3 이미지 테두리 지정하기 ... 74
      3.4 이미지의 여백 조절 ... 75
   4. 단색으로 배경 꾸미기 ... 77
      4.1 영단어로 배경색 나타내기 ... 77
      4.2 16진수로 배경색 나타내기 ... 79
   5. HTML 문서의 배경을 이미지로 지정하기 ... 80
   6. 테이블의 기본 구조 ... 83
      6.1 〈TABLE〉...〈／TABLE〉 ... 84
      6.2 〈TR〉 ... 84
      6.3 〈TD〉 ... 84
   7. 테이블의 속성 정하기 ... 86
      7.1 칸 합치기 ... 86
      7.2 줄 합치기 ... 88
      7.3 폭 지정하기 ... 90
      7.4 높이 지정하기 ... 90
      7.5 표 둘레의 테두리 ... 91
      7.6 표 전체의 선의 굵기 ... 93
      7.7 표의 내부 선 조절 ... 95
      7.8 표에 제목 붙이기 ... 97
테마 4. 하이퍼링크와 프레임 나누기
   1. 하이퍼링크 대상의 경로 설정 ... 102
      1.1 절대 경로를 이용한 방법 ... 102
      1.2 상대 경로를 이용한 방법 ... 103
   2. 문서와 문서 연결하기 ... 103
      2.1 문서와 다른 문서 연결하기 ... 104
      2.2 하나의 문서 내에서 연결하기 ... 106
   3. 다른 URL과 연결하기 ... 110
   4. 이미지를 이용한 문서 연결 ... 112
   5. 메일 링크하기 ... 114
   6. HTML로 프레임(Frame) 만들기 ... 116
      6.1 프레임의 기본구조 ... 116
      6.2 프레임 나누기 ... 117
      6.3 프레임의 내용 채우기 ... 118
   7. 프레임에 하이퍼링크 속성 부여하기 ... 120
      7.1 NAME＝"프레임(영역)이름" ... 121
      7.2 TARGET 경로 지정하기 ... 123
      7.3 프레임의 속성 정하기 ... 125
테마 5. HTML로 폼태그 다루기
   1. 〈FORM〉 태그 ... 132
   2. 〈Input〉 입력양식 ... 134
   3. 스크롤 글상자(TEXTAREA) ... 146
   4. FULL DOWN LIST ... 147
테마 6. 멀티미디어 홈페이지를 만들자.
   1. 홈페이지에 사운드 넣기 ... 154
      1.1 웹에서 사용하는 사운드 파일 ... 154
      1.2 홈페이지에 사운드 파일 삽입 ... 156
   2. 홈페이지에 동영상 넣기 ... 160
      2.1 웹에서 사용하는 동영상 파일 ... 160
      2.2 문서에 동영상 넣기 ... 163
   3. 홈페이지에 플래시 애니메이션 넣기 ... 169
      3.1 플래시 애니메이션이란? ... 169
      3.2 웹문서에 플래시 애니메이션을 넣어보자. ... 169
   4. 홈페이지에 쇼크웨이크 프로그램 넣기 ... 171
      4.1 쇼크웨이크란? ... 171
      4.2 웹문서에 쇼크웨이크 프로그램을 넣어보자. ... 172
테마 7. HTML보다 쉬운 나모 5.X
   1. 나모 웹에디터 5.X의 특징 ... 176
      1.1 편리하고 직관적인 편집환경 ... 176
      1.2 강력한 사이트 구축 관리 기능 ... 176
      1.3 전문적인 디자인 요소 개발 기능 ... 176
   2. 나모 웹에디터 5.X의 새 기능 ... 177
      2.1 속성 바로보기 ... 178
      2.2 리소스 관리자 ... 179
      2.3 레이아웃 표／셀 ... 180
      2.4 표 꾸미기 ... 181
      2.5 하이퍼링크 도구 막대 ... 181
      2.6 레이아웃 정렬 도구 막대 ... 182
      2.7 색깔 모음 ... 182
      2.8 플래시 버튼 ... 183
      2.9 HTML 태그 정리 및 문법 검사 ... 184
      2.10 그림 형식 변환 ... 185
      2.11 나모 그림 나누기 ... 186
   3. 나모 웹에디터 5.X의 개선된 기능 ... 187
      3.1 클립아트 ... 188
      3.2 액션과 스크립트 마법사 ... 188
      3.3 팔레트 ... 189
      3.4 데이터베이스 마법사 ... 190
      3.5 그림 효과 ... 190
      3.6 내비게이션 바 ... 191
      3.7 포토 앨범 ... 192
      3.8 사이트 관리자 ... 193
      3.9 스마트 버튼 ... 193
      3.10 표 편집 ... 194
   4. 나모 웹에디터 5.X의 기본 작업 환경 ... 195
      4.1 제목 표시 줄 ... 196
      4.2 메뉴 표시 막대 ... 197
      4.3 도구 막대 ... 203
      4.4 문서 탭 ... 206
      4.5 편집 창 ... 207
      4.6 문서 표시 탭 ... 207
   5. 나모 웹에디터 5.X의 단축 메뉴 ... 209
      5.1 메뉴별 단축키 목록 ... 210
테마 8. 나모 웹에디터 5.X 기본 다지기
   1. 나모 5.X로 텍스트의 속성 정하기 ... 220
      1.1 글자 모양 대화 상자 ... 220
      1.2 서식 도구 이용하기 ... 226
   2. 한자와 특수 문자의 입력 ... 230
      2.1 한자 입력하기 ... 230
      2.2 특수 문자의 입력 ... 231
   3. 나모로 간단히 문단 정렬하기 ... 233
   4. 나모 5.X로 수평선 만들기 ... 235
   5. 나모 5.X에서 목록 만들기 ... 239
      5.1 순서가 있는 목록 ... 239
      5.2 순서가 없는 목록 ... 243
   6. 나모 웹에디터 5.X의 특수 기능 익히기 ... 247
      6.1 눈금자 ... 247
      6.2 부호 나타내기 ... 248
      6.3 창 크기 조절하기 ... 249
테마 9. 나모로 그림다루기
   1. 문서에 그림 넣기 ... 252
      1.1 클립아트 삽입하기 ... 252
      1.2 클립아트에 그림 추가하기 ... 255
      1.3 일반적인 이미지 파일의 삽입 ... 262
   2. 문서의 배경 그림 지정하기 ... 265
      2.1 클립아트를 배경으로 지정하기 ... 265
      2.2 일반 이미지 파일을 배경 그림으로 지정하기 ... 267
   3. 그림 속성 대화 상자 이용하기 ... 269
   4. 그림 효과 대화 상자 이용하기 ... 273
   5. 투명한 GIF 그림 만들기 ... 281
테마 10. 나모로 표와 레이어 만들기
   1. 새로운 표 만들기 ... 286
   2. 표 다루기 ... 289
      2.1 표의 크기 조절하기 ... 289
      2.2 표에 줄 삽입／삭제하기 ... 293
      2.3 표 정렬하기 ... 300
      2.4 표의 테두리 속성 지정하기 ... 302
   3. 셀 다루기 ... 305
   4. 표에 배경 넣기 ... 312
      4.1 표에 배경색 넣기 ... 313
      4.2 표에 배경 그림 넣기 ... 314
   5. 표 나누기／합치기 ... 317
   6. 표와 문자열의 변환 ... 319
   7. 행／열 바꾸기 ... 322
   8. 레이아웃 표／셀 ... 324
   9. 레이어 이용하기 ... 329
      9.1 레이어 만들기 ... 329
      9.2 레이어에 글 넣기 ... 331
      9.3 레이어에 그림 넣기 ... 334
      9.4 레이어 겹치기 ... 337
테마 11. 나모로 하이퍼링크 만들기
   1. 텍스트에 하이퍼링크 속성 부여하기 ... 346
      1.1 문서와 문서를 연결하기 ... 347
      1.2 문서와 URL 연결하기 ... 354
      1.3 텍스트로 메일 링크시키기 ... 359
   2. 이미지에 하이퍼링크 속성 부여하기 ... 362
   3. 하이퍼링크 속성 대화 상자 ... 368
      3.1 대상 프레임 ... 368
      3.2 방식 ... 369
      3.3 링크 설명 - 툴팁 ... 370
      3.4 책갈피 ... 370
   4. 이미지 맵 만들기 ... 378
      4.1 이미지 맵이란? ... 378
      4.2 이미지 맵으로 문서 연결하기 ... 379
      4.3 이미지 맵과 URL 연결하기 ... 386
      4.4 이미지 맵 영역에 툴팁 나타내기 ... 389
테마 12. 나모로 프레임과 폼 필드 다루기
   1. 프레임 다루기 ... 394
      1.1 프레임과 프레임 셋 ... 394
      1.2 프레임 셋 문서의 속성 정하기 ... 404
      1.3 프레임 속성 정하기 ... 407
      1.4 프레임 저장하기 ... 421
   2. 폼 필드 다루기 ... 425
      2.1 폼 필드의 정의 ... 425
      2.2 폼 필드의 종류 ... 427
테마 13. 동적인 홈페이지 만들기
   1. 움직이는 홈페이지??? ... 460
   2. 스크립트 마법사 ... 462
      2.1 롤 오버 그림 ... 462
      2.2 애니메이션 효과 ... 467
      2.3 펼침 목록 메뉴 ... 471
      2.4 링크 이동 단추 ... 477
      2.5 엑세스 정보 보여주기 ... 479
      2.6 텍스트 시계 ... 484
      2.7 움직이는 텍스트 ... 487
   3. 홈페이지에 소리 넣기 ... 491
   4. 홈페이지에 다양한 액션을 주자 ... 494
      4.1 액션이란? ... 494
      4.2 나모 웹에디터 5.X에서 제공하는 액션의 종류와 기능 ... 494
      4.3 문서에 액션 넣기 ... 499
      4.4 나모 웹에디터 5.X가 제공하는 다양한 액션 ... 501
테마 14. 나모 5.X의 각종 마법사 기능
   1. 사이트 마법사를 이용해 홈페이지 쉽게 만들기 ... 530
   2. 출판하기 ... 541
   3. 차트 마법사 ... 549
   4. 스마트 버튼 마법사 ... 554
   5. 플래시 버튼 마법사 ... 565
   6. 포토 앨범 ... 570
찾아보기 ... 576

더보기 닫기