출판사 서평
HTML + CSS + JavaScript
Html은 홈페이지 디자인에 필수인 언어입니다. 이미지를 넣거나 텍스트 크기를 정하는 등의 기본 역할을 합니다. Css는 스타일시트라고 하며 웹페이지에 스크롤에 색상을 주거?나 폰트 크기를 일괄적으로 지정하거나 텍스트 박스 사이즈를 조정하는 등의 효과를 줍니다.
JavaScript는 스크립트 언어입니다. 웹 페이지 안에서 작동을 하기 때문에 웹페이지에 입력된 값을 이용해서 메세지 창을 띄우는 등의 작업을 위해서 배워야 합니다.
홈페이지 기능이 다양해지는 만큼 이 세가지를 모두 이해 ...
HTML + CSS + JavaScript
Html은 홈페이지 디자인에 필수인 언어입니다. 이미지를 넣거나 텍스트 크기를 정하는 등의 기본 역할을 합니다. Css는 스타일시트라고 하며 웹페이지에 스크롤에 색상을 주거나 폰트 크기를 일괄적으로 지정하거나 텍스트 박스 사이즈를 조정하는 등의 효과를 줍니다.
JavaScript는 스크립트 언어입니다. 웹 페이지 안에서 작동을 하기 때문에 웹페이지에 입력된 값을 이용해서 메세지 창을 띄우는 등의 작업을 위해서 배워야 합니다.
홈페이지 기능이 다양해지는 만큼 이 세가지를 모두 이해 해야 원하는 웹페이지를 디자인하고 관리할 수 있습니다.
특징과 장점
○ 처음으로 웹 프로그래밍을 접하거나 HTML에 익숙하지 않은 초보자를 위해 구성했습니다.
○ 필자의 풍부한 프로그래밍 경험을 담아서 단계별로 이해하기 쉽게 설명했습니다.
○ 예제를 통하여 문법을 보다 쉽게 이해할 수 있도록 구성하기 위해서 풍부한 예제로 구성하였습니다.
○ 유익하고 재미있는 예제를 통한 실습 위주의 책으로 구성하였기에 지루하지 않게 학습할 수 있는 웹 프로그래밍 입문서입니다.
○ 이 책의 내용은 웹 프로그램은 기본인 HTML과 통일감 있는 홈페이지 제작을 위한 CSS과 동적인 홈페이지를 위한 JavaScript로 구성되었습니다.
대상 독자
- HTML을 효과적으로 사용하는 법을 배우고 싶은 독자
- 홈페이지 디자인을 시작하는 초보자
- CSS를 쉽게 이해해서 응용하고 싶은 분
- 자바스크립트의 다양한 활용 방법을 배우고 싶은 분
- HTML, CSS, JavaScript를 종합적으로 이용하는 법을 배우고 싶은 독자
- 실무에서 사용 가능한 홈페이지 디자인 방법을 배우고 싶은 분
주요 내용
- 홈페이지 제작을 위한 시작 HTML
멋진 홈페이지를 만들기 위해서 가장 기본이 되는 HTML 태그들에 대한 기본 문법들을 학습하도록 구성했습니다.
HTML 가장 기본이 되는 태그를 정복하고 텍스트를 내 마음대로 표현하기 위한 태그를 학습합니다. 웹 문서를 화려하게 꾸미기 위한 이미지 태그와 다양한 문서 연결하기 위한 하이퍼링크를 작성하기 위한 다양한 태그로 구성했습니다. 깔끔하게 문서 정리하기 위한 테이블, 화면 분할하는 프레임, 다양한 입력 폼 만들기 위한 태그들을 학습합니다.
- 통일감 있는 홈페이지 제작을 위한 CSS
HTML 문서를 스타일 좋게 꾸밀 수 있기 위한 스타일 시트를 학습하도록 구성했습니다.
통일감 있는 HTML 문서를 위해 글꼴, 문단과 관련된 스타일 시트와 테두리 지정을 위한 스타일 시트를 학습합니다.
- 동적인 홈페이지를 위한 JavaScript
정적인 HTML 페이지를 동적인 페이지로 만들어주는 자바 스크립트를 학습하도록 구성했습니다.
자바 스크립트의 객체 개념을 학습한 후에 자바 스크립트가 제공하는 다양한 내장 객체들을 학습하고 이를 사용하여 폼에 입력되는 값에 대한 유효성을 체크하고 DHML을 작성하는 방법을 학습합니다.

목차
Part 1. HTML
Chapter 01 초보를 위한 HTML 가이드
홈페이지를 제작하기 위한 HTML 16
HTML 구조 파악하기 17
태그 파악하기 18
HTML 문서를 구성하는 기본 태그 4가지 18
HTML 문서 작성과 확인 20
소스 내에 주석 삽입하기 〈!-- --〉 21
어떤 웹 에디터를 사용할 것인가? 22
HTML 문서를 만드는 도구 22
에디트 플러스의 특징 22
드림위버의 특징 23
나모의 특징 24
Chapter 02 HTML의 가장 기본이 되는 태그 정복하기
body 태그에 사용되는 속성 25
HTML 문서에 배경색 지정하는 bgcolor 속성 26
HTML 문서에 배경 그림 지정하는 background 속성 27
줄 바꿈과 공백처리하기 29
줄을 바꾸는 〈br〉 태그 29
문단 나누는 〈p〉 태그 31
공백 처리하는   34
특수 문자 출력하는 &특수이름, &#아스키코드 35
입력한 대로 보여주는 〈pre〉 태그 36
내용을 가운데로 정렬하는 〈center〉 태그 37
구분선을 그리는 〈hr〉 태그 38
제목을 위한 〈Hn〉 태그 40
제목 정렬하기 41
Chapter 03 텍스트를 내 마음대로 표현하기
글꼴을 다양하게 바꾸는 〈FONT〉 42
글자의 크기를 바꾸는 size 속성 43
글자의 색상 지정하는 color 속성 44
글꼴을 변경하는 face 속성 46
기본 글자 크기 지정하는 〈BASEFONT〉 태그 46
글자의 크기를 상대적으로 지정하기 47
글자에 장식효과를 주는 태그들 48
문서 전체의 텍스트 색상 지정하기 50
다른 문장과의 구별을 위한 〈BLOCKQUOTE〉 태그 51
문서 작성자를 알리기 위한 〈ADDRESS〉 태그 52
목록에 관련된 태그 53
순서가 없는 목록 나열하는 〈UL〉 태그 53
순서가 있는 목록 나열하는 〈OL〉 태그 55
정의 목록을 나열하는 〈DL〉 태그 57
움직이는 텍스트를 만드는 〈MARQUEE〉 태그 58
〈MARQUEE〉 태그의 behavoir 속성 59
〈MARQUEE〉 태그의 direction 속성 61
〈MARQUEE〉 태그의 scrolldelay, scrollamount 속성 62
〈MARQUEE〉 태그의 bgcolor, loop 속성 63
Chapter 04 이미지 태그로 화려하게 꾸미기
이미지 태그 64
이미지 삽입하기 위한 src 속성 65
상대 경로 절대 경로 66
이미지에 설명을 나타내는 alt 속성 68
이미지의 테두리선을 변경하는 border 속성 69
이미지와 함께 있는 글자의 위치를 지정하는 align 속성 70
이미지의 위치를 지정하는 align 속성 71
이미지 주변에 여백을 설정하는 vspace와 hspace 속성 72
이미지의 표시 크기 조절하는 width와 height 속성 74
Chapter 05
하이퍼링크로 다양한 문서 연결하기
하이퍼링크를 위한 〈A〉 태그와 속성들 77
이동할 위치 지정하는 href 속성 78
링크의 색상 지정하기 79
다른 홈페이지로 연결하기 80
다른 홈페이지 링크로 이용하기 81
이미지로 링크 82
이메일을 보내는 하이퍼링크 84
현재 HTML 문서의 지정된 위치로 링크를 설정하는 name 속성 85
절대 경로와 상대 경로 88
음악, 동영상 파일 링크하기 89
압축파일, 실행 파일 링크하기 90
링크 결과를 다른 창에 열기 91
Chapter 06 테이블로 깔끔하게 문서 정리하기
테이블로 웹 문서의 레이아웃 설정 92
테이블의 기본 구조 93
테이블 만드는 〈table〉 태그 94
셀 만드는 〈tr〉, 〈td〉 태그 95
테이블에 테두리 표시와 빈 셀 작성하기 96
테이블 안에 이미지 삽입하기 97
테이블 제목과 셀 제목 지정하는 〈caption〉, 〈th〉 태그 98
테이블의 속성 지정하기 100
테이블을 정렬하는 align 속성 101
테이블의 테두리 두께 지정하는 border 속성 103
테이블에 여백을 주는 cellspacing, cellpadding 속성 104
테이블 크기 조절하는 width, height 속성 106
테이블로 이미지와 텍스트를 혼합하여 출력 107
테이블 배경색 지정하는 bgcolor 속성 108
테이블 테두리 색 지정하는 bordercolor 속성 109
테이블 배경 이미지 지정하는 background 속성 110
Chapter 07 테이블에 한 발짝 더 다가가기
테이블의 〈TR〉, 〈TD〉 태그의 속성 112
〈tr〉 태그의 속성 112
〈td〉 태그의 속성 113
〈th〉 태그의 속성 113
셀 안의 내용을 좌우 정렬하는 align 속성 114
셀 내용을 상하 정렬하는 valign 속성 115
셀의 너비와 높이 조정하는 width, height 속성 116
셀을 합치는 rowspan, colspan 속성 118
셀에 부분적으로 색상 지정하는 bgcolor 속성 119
셀 내용 줄 바꾸지 않고 그대로 출력하기 121
테이블을 이용하여 화면 분할 122
테이블 안에 테이블 만들기 123
Chapter 08 프레임 작성하기
프레임을 만들기 위한 〈frameset〉 태그 125
프레임에 파일 연결하는 src 속성 127
세로(위아래)와 가로(좌우)를 복합 분할하기 128
프레임의 크기 변경 금지하는 noresize 속성 129
스크롤바 표시하기 131
프레임에 여백주는 marginwidth, marginheight 속성 133
타켓 정하는 target, name 속성 134
창 안에 작은 창 IFRAME 태그 136
프레임 테두리의 두께와 색상 조절 137
프레임 테두리 없애기 138
스크롤바가 없는 창 139
Chapter 09 입력 양식 작성하기
입력 양식 폼 140
폼 양식을 만드는 〈form〉 태그 141
데이터를 입력받기 위한 〈input〉 태그 142
암호를 입력받기 위한 password 143
여러 라인의 글자를 입력받기 위한 〈textarea〉 태그 144
체크 박스를 위한 checkbox 146
라디오 버튼을 위한 radio 147
명령을 지시하는 버튼을 위한 button 148
전송버튼과 입력취소버튼을 위한 submit, reset 149
콤보 박스와 리스트 박스를 위한 〈select〉 태그 150
회원 가입 페이지 만들기 152
Part 2. CSS
Chapter 01 통일감 있는 HTML 문서를 위한 CSS 가이드
스타일 시트란? 158
스타일 시트로 가능한 작업에 무엇이 있을까요? 159
스타일 시트의 기본 형식 159
여러 가지 속성을 설정하기 160
홈페이지에 스타일 설정하여 적용하기 161
〈head〉 태그에 스타일 설정하는 embedding 스타일 162
외부 파일에 존재하는 스타일 시트 파일을 HTML에 삽입하는 link 스타일 163
HTML 문서의 태그에서 직접 스타일 설정하는 inline 스타일 165
특정 부분에서만 스타일 적용하기 166
class로 속성 정의하기 166
ID로 속성 정의하기 169
Chapter 02 글꼴 문단 지정하기
글꼴 꾸밈 관련 스타일 시트 172
텍스트 관련 스타일 시트 174
배경 관련 스타일 시트 175
배경에 이미지에 관련된 background-image/background-repeat 속성 176
배경 이미지의 위치 조정하는 background-position 속성 178
배경 이미지 고정하는 background-attachment 속성 180
목록 관련 스타일 시트 182
하이퍼링크 관련 스타일 시트 184
Chapter 03 테두리 여백 지정하는 속성
테두리를 제어하는 스타일 시트 187
외부여백(Margin)과 내부여백(Padding)관련 속성 190
위치 관련 속성 192
Part 3. JavaScript
Chapter 01 자바스크립트 개요
자바스크립트란? 198
자바스크립트의 기본 구조 199
head 부분에 자바스크립트 포함하기 199
body 부분에 자바스크립트 포함하기 200