IT CookBook, 인터넷 프로그래밍 입문: HTML, CSS, JavaScript

저자 머리말
필드 어드바이저 머리말
워밍업
강의 계획표
숲과 나무 이야기
부록 CD 구성 및 강의 보조 자료


1부. 준비학습: 인터넷과 웹

1장. 인터넷 이해하기
   01. 인터넷이란
   02. 도메인명과 URL
   03. 웹 페이지 동작 원리
   04. 웹 문서 제작 표준 언어의 변천 과정
   05. 웹 브라우저
        요약
        연습 문제/심화 연습 문제

2장. 홈페이지를 만들기 전에
   01. 홈페이지 제작 목적과 제작 과정
   02. 홈페이지 제작 관련 기술
   03. 홈페이지 제작에 필요한 준비물
   04. 어떤 웹 에디터를 사용할 것인가
   05. 에디트플러스 설치와 환경설정
   [실습] 에디트플러스 설치하기
   [실습] 에디트플러스 환경설정하기
        요약
        연습 문제/심화 연습 문제


2부. 기본학습 1: HTML

3장. HTML 기본 구조와 태그
   01. HTML 기본 구조
   02. 에디트플러스에서 HTML 문서 제작해보기
   [실습] HTML 문서 제작하기
   03. HTML 태그 사용법
   [실습] 태그 구성해보기
        요약
        연습 문제

4장. 문단, 컬러, 글꼴, 목록 태그 다루기
   01. 문단 관련 태그
   [실습] 문단 관련 태그 코딩해보기
   02. 위지윅과 특수문자
   [실습] 〈XMP〉, 〈UL〉태그, 〈, 〉,   코딩해보기
   03. 〈BODY〉태그로 컬러 문서 만들기
   [실습] 문서 전체에 색 입히기
   04. 글꼴 관련 태그
   [실습] 글꼴 꾸밈 태그 코딩해보기
   05. 목록 관련 태그
   [실습] 목록 관련 태그 코딩해보기
        요약
        연습 문제/심화 연습 문제

[현장의 목소리] 전체를 볼 수 있는 안목을 키워라

5장. 〈IMG〉태그로 그림 삽입하기
   01. 홈페이지용 그림 활용법
   [실습] 인터넷에 있는 그림 내 것으로 만들기
   02. 그림 삽입 태그 〈IMG〉
   [실습] 그림 꾸미기
   (CD) [실습] 조각 그림 짜 맞추기
   03. 배경 그림 다루기
   [실습] 배경 그림 삽입하기
   [실습] 배경 그림 고정하기
   04. 그림과 문자열의 어울림
   [실습] 그림과 문자열의 어울림 실습하기
        요약
        연습 문제/심화 연습 문제

6장. 〈A〉태그로 하이퍼링크 설정하기
   01. 하이퍼링크 설정
   [실습] 사이트 새 창으로 열기
   02. 절대경로와 상대경로
   [실습] 다른 폴더의 문서 링크걸기
   03. 대상 창 설정법
   [실습] 대상 창 설정법 두 가지
   04. 책갈피
   [실습] 같은 문서의 특정 위치로 이동하기
   (CD) [실습] 다른 문서의 특정 위치로 이동하기
   05. 이미지맵
   [실습] 앨범처럼 그림에 링크걸기
   [실습] 그림 하나에 여러 사이트 링크걸기
   06. 모든 종류의 파일 링크
   (CD) [실습] 음악감상실 만들기
   (CD) [실습] 다운로드 자료실 만들기
   (CD) [실습] 홈페이지에 이메일 연결하기
        요약
        연습 문제/심화 연습 문제

7장. 〈TABLE〉 태그로 표 디자인하기
   01. 〈TABLE〉 태그 기본 사용법
   [실습] 2행 2열의 표 만들기
   02. 기본 태그 속성 살펴보기
   [실습] 〈TABLE〉, 〈TR〉, 〈TD〉, 〈TH〉 태그에 적용할 수 있는 속성 코딩해보기
   [실습] 〈TABLE〉 태그의 속성 코딩해보기
   (CD) [실습] 얇은 가로선만 표시하기
   [실습] 〈TR〉, 〈TD〉 태그의 속성 코딩해보기
   03. 실습으로 〈TABLE〉 태그 사용법 익히기
   [실습] 해상도와 관계 없이 항상 브라우저의 중앙에 보이게 하기
   [실습] 달력 테두리 모양 다양하게 꾸며보기
   [실습] 나누기 힘들 땐 표를 중첩해서 사용한다
   [실습] 분할된 그림 표로 짜 맞추기
   (CD) [실습] 투명한 표 만들기
   (CD) [실습] 다양한 모양의 선 그리기
   (CD) [실습] 모서리가 둥근 표 만들기
        요약
        연습 문제/심화 연습 문제

8장. 프레임 나누기
   01. 프레임 개요
   02. 프레임 관련 태그
   [실습] 프레임 수직으로 나누기
   [실습] 프레임 수평으로 나누기
   [실습] 프레임 안에 프레임 분할하기
   03. 원하는 프레임에 문서 보여주기
   [실습] 오르골 홈페이지에 프레임 나누기
   04. 〈IFRAME〉태그로 독립적인 창 넣기
   [실습] 꿈풀이 문서 만들기
   (CD) 부모 프레임 안에 자식 프레임 종속시키기
        요약
        연습 문제/심화 연습 문제

[현장의 목소리] 뿌리 없는 나무는 없다

9장. 재미있게 활용할 수 있는 태그
   01. 〈EMBED〉 태그
   [실습] 오르골 음악감상실 만들기
   [실습] 배경 음악 끝없이 흐르게 하기
   (CD) [실습] 플래시 애니메이션 삽입하기
   02. 〈MARQUEE〉 태그
   [실습] 〈MARQUEE〉 태그를 이용해 시 감상하기
   03. 〈META〉 태그
   [실습] 고양이 앨범 자동으로 보기
        요약
        연습 문제/심화 연습 문제

10장. 폼 양식으로 회원전용 공간 만들기
   01. 폼 관련 태그
   [실습] 폼 양식 만들어보기
   [실습] 회원가입 절차 4단계
        요약
        연습 문제/심화 연습 문제

[현장의 목소리] 고객의 요구가 최우선?


3부. 기본학습 2: CSS

11장. CSS
   01. CSS 개요와 삽입법
   02. 선택자
   03. 글꼴/문단 관련 스타일
   [실습] 글꼴/문단 관련 스타일로 문자 디자인하기
        요약
        연습 문제/심화 연습 문제

12장. 배경 그림, 목록, 하이퍼링크 관련 스타일
   01. 배경 그림 다루기
   [실습] 배경 그림을 화면의 중앙에 한 번만 표시되도록 하기
   02. 목록 꾸미기
   03. 하이퍼링크 꾸미기
   [실습] 하이퍼링크 문자에 다양한 스타일 적용해보기
   04. 마우스 커서 모양
   [실습] cursor 속성의 종류 알아보기
   [실습] 하이퍼링크 속성과 커서 모양 변경해보기
        요약
        연습 문제/심화 연습 문제

13장. 테두리, 폼 양식 관련 스타일과 레이어
   01. 테두리 관련 스타일
   [실습] 스타일로 표 디자인하기
   02. 폼 양식 관련 스타일
   [실습] 폼 양식에 다양한 스타일 적용해보기
   03. 레이어
   [실습] 레이어의 계층 구조와 좌표 값 이해하기
   [실습] 인터넷 익스플로러 로고 만들기
   [실습] 그림 자르기
        요약
        연습 문제/심화 연습 문제

14장. 필터 효과와 CSS 활용하기
   01. 포토샵을 대신하는 필터 효과
   [실습] 사진에 필터 효과주기
   [실습] 문자에 적용했을 때 효과적인 필터 확인해보기
   02. CSS 활용하기
   [실습] CSS 외부 파일 생성과 적용하기
        요약
        연습 문제/심화 연습 문제


4부. 기본학습 3: 자바스크립트

15장. 자바스크립트
   01.자바스크립트 개요
   02.자바스크립트 사용법
   [실습] 자바스크립트로 홈페이지 만들기
   03.객체와 속성, 메소드
   [실습] 방문자 화면 해상도 체크하기
   04.이벤트와 이벤트핸들러
   [실습] 홈페이지에 이벤트 발생시키기
   [실습] 그림에 롤오버 효과주기
        요약
        연습 문제/심화 연습 문제

16장. 변수, 연산자, 사용자 정의 함수
   01. 변수
   [실습] 변수를 활용해 소스 줄이기
   02. 배열과 객체
   [실습] 배열의 개수를 나타내는 length 속성 알아보기
   [실습] 객체 조작문으로 롤오버 이미지 구현하기
   03. 연산자
   [실습] 시간 계산기 만들기
   04. 사용자 정의 함수
   [실습] 함수 두 개 만들어서 호출하기
   [실습] 함수 하나로 다양하게 호출해보기
   [실습] 덧셈 계산기 만들기
        요약
        연습 문제/심화 연습 문제

[현장의 목소리] HTML 스크립터에서 프로젝트 관리자까지

17장. 제어문과 내장 함수
   01. 제어문
   [실습] IF 문으로 비밀번호 체크하기
   [실습] FOR 문을 이용해 장미꽃 100송이 뿌려주기
   02. 내장 함수
   [실습] 간단한 계산기 만들기
   [실습] 해상도에 따라 창 크기 조절하기
   (CD) [실습] 미성년자 출입금지 사이트 만들기
        요약
        연습 문제/심화 연습 문제

18장. window, screen, document, link, anchor 객체
   01. window 객체
   [실습] 이벤트 창 띄우기
   [실습] 확대보기와 창 닫기
   (CD) [실습] Remote Controler 제작하기
   (CD) [실습] 문서 스크롤하기
   02. screen 객체와 document 객체
   [실습] 문서 없이 새 창 열기
   03. link 객체와 anchor 객체
        요약
        연습 문제/심화 연습 문제

19장. navigator, history, location, string 객체
   01. navigator 객체와 history 객체
   [실습] 브라우저의 종류에 따라 경고 메시지 띄우기
   [실습] 방문사이트 이동하기
   02. location 객체와 string 객체
   [실습] 내 홈페이지에 주소 입력줄 삽입하기
   [실습]입력한 메일 주소의 형식 확인하기
   [실습] 아이디 입력상자에 영문과 숫자만 입력되도록 설정하기
        요약
        연습 문제/심화 연습 문제

20장. Date, Array 객체
   01. Date 객체
   [실습] 오늘 날짜와 요일 표시하기
   [실습] 그녀와 만난 날짜 계산하기
   [실습] 동작되는 시계 삽입하기
   02. Array 객체
   [실습] 로딩 시 배너 랜덤하게 바꾸기
        요약
        연습 문제/심화 연습 문제

21장. frame, image, event, math, layer 객체
   01. frame 객체
   [실습] 두 개의 프레임에서 동시에 문서 열기
   02. image 객체
   [실습] 롤오버 이미지 만들기
   03. event 객체와 math 객체
   [실습] 클릭 지점의 브라우저 좌표 값 표시하기
   [실습] 접속할 때마다 다른 그림 보여주기
   04. layer 객체
   [실습] 반짝 설명글 보여주기
        요약
        연습 문제/심화 연습 문제

22장. 폼 관련 객체
   01. form 객체
   [실습] 폼 양식의 name 속성 값 모두 출력하기
   02. 입력상자, 체크상자, 라디오 버튼
   [실습] 태그 연습장 만들기
   [실습] 아이스크림으로 알아보는 심리테스트
   03. 목록상자
   [실습] 목록상자에 주소록 추가하기
        요약
        연습 문제/심화 연습 문제

23장. 자바스크립트 활용하기
   01. 스타일 제어
   [실습] 버튼에 스타일 적용하기
   02. 자바스크립트 활용하기
   [실습] 앨범 단계별로 만들기
   [실습] js 파일 생성과 적용하기
   03. 자바스크립트 무작정 배껴쓰기
   [실습] 마우스를 따라다니는 문자 만들기
        요약
        연습 문제/심화 연습 문제

[현장의 목소리] XML: HTML을 뛰어 넘어


5부. 실전 프로젝트: 홈페이지 구축

24장. 시트콤 프렌즈 팬 사이트 구축하기
   01. 홈페이지 계획
   02. 홈페이지 구축
   03. 홈페이지 배포와 관리
        요약
        실습 문제



찾아보기