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. 위지윅과 특수문자
[실습]
, <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. 홈페이지 배포와 관리
요약
실습 문제
찾아보기