소장자료검색

책소개

HTML, CSS, JAVASCRIPT 언어에서 초보자들이 반드시 알아야 하는 중요 내용 중심으로 구성하였고, 중요 내용 위주의 내용 구성과 다양한 예제 및 일러스트를 통해 내용 이해를 쉽게 할 수 있도록 하여 초보자도 쉽게 따라할 수 있도록 하였다. 실무에서 꼭 필요한 핵심 예제들을 모아 수록하였고, 실습한 예제는 실전에서도 응용할 수 있도록 하였다. 웹 개발 환경과 브라우저 특성들에 대한 내용을 통해 웹 프로그래머가 기본적으로 알고 있어야 하는 내용을 학습할 수 있도록 구성하였다.

목차

PART 1 웹 문서의 기본! HTML

Lesson 01 HTML이란 뭘까?
STEP 01 HTML이란?
STEP 02 HTML 구성 요소
STEP 03 HTML 문서의 기본요소
STEP 04 HTML 문서의 정보 삽입하기
STEP 05 HTML 문서의 기준 주소 지정하기
STEP 07 HTML 문서의 글자색 지정하기
STEP 08 HTML 문서에서 문의처 표시하기
STEP 09 HTML 문서에 주석달기

Lesson 02 웹 문서에 텍스트 표시하기
STEP 01 단락 설정하기
STEP 02 줄 바꾸기
STEP 03 인용문 표시하기
STEP 04 강조문 표시하기
STEP 05 컴퓨터 관련 내용 표시하기
STEP 06 순서가 없는 목록 만들기
STEP 07 순서가 있는 목록 만들기
STEP 08 정의 목록 만들기

Lesson 03 웹 문서에 폰트 표시하기
STEP 01 폰트 속성 설정하기
STEP 02 폰트 크기 설정하기
STEP 03 폰트 종류 설정하기
STEP 04 폰트 색 설정하기
STEP 05 제목 표시하기
STEP 06 수평선 표시하기
STEP 07 특수 문자와 공백 문자 표시하기
STEP 08 입력한 대로 출력하기

Lesson 04 웹 문서에 이미지를 표시하는 테크닉
STEP 01 이미지 삽입하기
STEP 02 이미지 테두리 설정하기
STEP 03 이미지 주위의 텍스트 정렬하기
STEP 04 이미지 정렬하기
STEP 05 이미지와 텍스트 간격 설정하기
STEP 06 이미지 맵 만들기

Lesson 05 웹 문서에 링크를 설정하는 테크닉
STEP 01 링크 걸어보기
STEP 02 특정 위치로 링크 걸어보기
STEP 03 새 창에서 링크된 문서 열기
STEP 04 링크로 메일 보내기

Lesson 06 웹 문서의 테이블 표시하기
STEP 01 테이블 기본 형식
STEP 02 테이블 제목 붙이기
STEP 03 테이블 크기 설정하기
STEP 04 테이블 공간 설정하기
STEP 05 테이블 테두리 설정하기
STEP 06 테이블 배경색 설정하기
STEP 07 테이블 배경 이미지 설정하기
STEP 08 테이블 정렬하기
STEP 09 셀 테두리 설정하기
STEP 10 셀 크기 설정하기
STEP 11 셀 합치기
STEP 12 셀 그룹화
STEP 13 셀 내용 정렬하기

Lesson 07 적절한 웹 문서 구조를 위한 프레임 나누기
STEP 01 프레임 구성하기
STEP 02 프레임 내 표시 방법 설정하기
STEP 03 프레임 구분선 설정하기
STEP 04 링크될 문서의 프레임 지정하기
STEP 05 HTML 문서 내에 프레임 삽입하기

Lesson 08 웹 문서의 정보를 폼 양식으로 전달하기
STEP 01 기본 입력 양식 만들기
STEP 02 텍스트 입력 양식 만들기
STEP 03 비밀번호 입력 양식 만들기
STEP 04 숨겨진 양식 만들기
STEP 05 라디오 입력 양식 만들기
STEP 06 체크 박스 입력 양식 만들기
STEP 07 선택 입력 양식 만들기
STEP 08 목록 입력 양식 만들기
STEP 09 [전송] / [취소] 버튼 만들기
STEP 10 버튼 양식 만들기
STEP 11 파일 업로드 입력 양식 만들기
STEP 12 텍스트 영역 입력 양식 만들기
STEP 13 양식 영역에 레이블 붙이기
STEP 14 양식 영역 그룹핑하기

Lesson 09 웹 문서에 멀티미디어 정보 표시하기
STEP 01 플러그 인을 사용하여 데이터 삽입하기
STEP 02 자바 애플릿 삽입하기
STEP 03 멀티미디어 데이터 삽입하기
STEP 04 탭으로 이동순서 변경하기

PART 2 웹 문서의 스타일러! CSS
Lesson 10 CSS란 뭘까?
STEP 01 CSS 알아보기
STEP 02 CSS 적용 방법
STEP 03 스타일 적용 대상 지정하기
STEP 04 스타일시트에서 주석 달기
STEP 05 HTML 문서에 스타일시트 삽입하기
STEP 06 HTML 문서에 스타일시트 파일 삽입하기
STEP 07 태그에 스타일시트 삽입하기
STEP 08 정의된 스타일 적용하기
STEP 09 일정 범위에 스타일 적용하기

Lesson 11 웹 문서에 스타일 설정을 위한 다양한 테크닉
STEP 01 색 설정하기
STEP 02 배경 이미지 설정하기
STEP 03 줄 간격 설정하기
STEP 04 여백 설정하기
STEP 05 정렬 방법 설정하기
STEP 06 폰트 스타일 설정하기
STEP 07 크기와 간격 설정하기
STEP 08 테두리 스타일 설정하기
STEP 09 링크 스타일 설정하기
STEP 10 배치와 삽입 여부 설정하기
STEP 11 목록 기호 설정하기
STEP 12 포인터 모양 설정하기
STEP 13 레이어 사용하기

PART 3 웹 문서의 멀티플레이어! 자바스크립트
Lesson 12 자바스크립트 알아보기
STEP 01 자바스크립트 알아보기
STEP 02 자바스크립트 삽입하기
STEP 03 자바스크립트 기본 구조
STEP 04 데이터 형식 살펴보기
STEP 05 변수 사용하기
STEP 06 연산자 살펴보기
STEP 07 기본 명령어 살펴보기
STEP 08 함수(Function)란 무엇인가?
STEP 09 자바스크립트에서의 예약어

Lesson 13 브라우저에 사용자 관련 정보 표시하기
STEP 01 브라우저 정보 표시하기
STEP 02 브라우저 판별하기
STEP 03 디스플레이 정