Part 01 | HTML로 홈페이지 구조 살펴보기
Chapter 01 | HTML 문서의 구조
Section 01 인터넷과 홈페이지
Section 02 HTML의 정의와 특징
Section 03 HTML 문서의 구조와 작성
[따라하기] 메모장으로 기본 HTML 문서 만들기
[따라하기] 에디트플러스 설치하기
[따라하기] 에디트플러스로 기본 HTML 문서 만들기
Final Practice
Chapter 02 | 기본 HTML 태그
Section 01 글자 관련 태그
[따라하기] 글자 크기, 글꼴, 색상 다양하게 지정하기
[따라하기] 글자 모양 다양하게 변경하기
Section 02 문서 서식 태그
[따라하기] 줄과 문단 바꾸기
[따라하기] 문단 정렬하기
[따라하기] 수평선 그리고 속성 지정하기
[따라하기] 소스 코드에 설명문 달기
[따라하기] 구역 구분 태그 사용하기
[따라하기] 편집한 내용 브라우저에 그대로 나타내기
[따라하기] 제목 글자 지정하기
Section 03 표 관련 태그
[따라하기] 기본 표 만들기
[따라하기] 행에 속성 지정하기
[따라하기] 셀에 속성 지정하기
Chapter 03 | 하이퍼링크 태그
Section 01 하이퍼링크 태그
[따라하기] 같은 위치에 있는 다른 문서로 연결하기
[따라하기] 다른 디렉토리에 있는 문서로 연결하기
[따라하기] 다른 웹 사이트로 연결하기
Section 02 책갈피 태그
[따라하기] 동일 문서에 책갈피 지정해 이동하기
[따라하기] 다른 문서에 책갈피 지정해 이동하기
Section 03 프레임 태그
[따라하기] 좌우 분리 프레임 문서 만들기
[따라하기] 상하 분리 프레임 문서 만들기
[따라하기] 다중 프레임 문서 만들기
[따라하기] 플로팅 프레임 만들기
Final Practice
Chapter 04 | 입력 양식 태그
Section 01 입력 양식 기본 태그
Section 02 다양한 입력 양식 만들기
[따라하기] 한 줄 입력 텍스트 상자 만들기
[따라하기] 라디오 단추와 체크상자 만들기
[따라하기] 풀다운 메뉴 만들기
[따라하기] 리스트 메뉴 만들기
[따라하기] 명령 단추 만들기
[따라하기] 여러 줄 입력 텍스트 상자 만들기
Final Practice
Chapter 05 | 멀티미디어 태그
Section 01 그림 삽입 태그
[따라하기] 그림 삽입하기
[따라하기] 그림 링크 만들기
[따라하기] 이미지 맵 만들기
Section 02 미디어 삽입 태그
[따라하기] 음악이나 동영상 파일 삽입하기
Chapter 06 | 문서 배경과 기타 태그
Section 01 문서 배경 꾸미기 태그
[따라하기] 문서에 배경색 넣기
[따라하기] 문서에 배경 그림 넣기
[따라하기] 텍스트와 하이퍼링크 색상 지정하기
Section 02 움직이는 글자 표현 태그
[따라하기] 흐르는 문자 만들기
Final Practice
Part 02 | 나모 웹에디터 2006으로 기본 문서 만들기
Chapter 07 | 나모 웹에디터 2006의 소개
Section 01 나모 웹에디터 2006 특징
Section 02 나모 웹에디터 2006 설치하기
[따라하기] 나모 웹에디터 2006 체험판 설치하기
Section 03 나모 웹에디터 2006의 작업 환경 알아보기
Section 04 효율적인 작업 환경 구축하기
Chapter 08 | 문서 다루기
Section 01 새 문서 생성
[따라하기] 템플릿을 이용해 새 문서 열기
Section 02 문서의 저장
[따라하기] 문서를 템플릿으로 저장하기
Section 03 문서의 열기와 닫기
[따라하기] 웹 페이지 가져오기
[따라하기] 웹 사이트 통째로 가져오기
Chapter 09 | 기본 서식 문서
Section 01 글자 서식과 속성
[따라하기] 글자 서식 바꾸기
Section 02 문단 서식과 속성
[따라하기] 문단 속성 지정하기
[따라하기] 문단에 테두리 설정하기
Final Practice
Chapter 10 | 표 삽입 문서
Section 01 기본 표 생성
[따라하기] 표 삽입하고 크기 조절하기
[따라하기] 표 편집하기
Section 02 표 관련 메뉴와 속성
[따라하기] 표 관련 도구 마음대로 주무르기
Final Practice
Chapter 11 | 그림 삽입 문서
Section 01 그림 삽입
[따라하기] 그림 삽입하기
[따라하기] 그림에 하이퍼링크 설정하기
[따라하기] 클립아트 삽입하기
[따라하기] 삽입 그림에 투명색 적용하기
[따라하기] 그림에 롤오버 효과 적용하기
Section 02 그림의 다양한 활용
[따라하기] 이미지 맵 만들기
[따라하기] 문서에 배경 그림 지정하기
Final Practice
Chapter 12 | 하이퍼링크 문서
Section 01 하이퍼링크 만들기
[따라하기] 하이퍼이링크 만들기
Section 02 책갈피 기능
[따라하기] 책갈피 만들기
[따라하기] 하이퍼이링크 대상으로 책갈피 만들기
Final Practice
Chapter 13 | 프레임 문서
Section 01 프레임 생성
[따라하기] 프레임 만들기
[따라하기] 프레임 추가하고 지우기
Section 02 프레임 관련 속성
[따라하기] 프레임 크기 조절하기
[따라하기] 대상 프레임 지정하기
[따라하기] IFRAME 만들기
Final Practice
Chapter 14 | 스타일 문서
Section 01 내부 스타일
[따라하기] 스타일 정의하기
[따라하기] 공통 클래스 스타일 정의하기
[따라하기] ID 스타일 정의하기
Section 02 외부 스타일 파일
[따라하기] 외부 스타일 파일 지정하기
Final Practice
Chapter 15 | 레이어 삽입 문서
Section 01 레이어란
Section 02 레이어 다루기
[따라하기] 레이어 만들고 크기 조절하기
Final Practice
Chapter 16 | 자바 스크립트 활용 문서
Section 01 스크립트 마법사의 다양한 활용
[따라하기] 텍스트 메뉴 만들기
[따라하기] 펼침 목록 만들기
[따라하기] 접힘 메뉴 만들기
[따라하기] 배경색 바꾸기
[따라하기] 장면 전환하기
[따라하기] 떠 있는 레이어
[따라하기] 슬라이딩 레이어
[따라하기] 마우스 포인터 따라다니기
[따라하기] 흐르는 내용
[따라하기] 움직이는 텍스트
[따라하기] 상황선의 움직이는 텍스트
[따라하기] 롤오버 그림 만들기
[따라하기] 애니메이션 효과 지정하기
[따라하기] 이동 단추 만들기
[따라하기] 새 윈도우 열기
[따라하기] 새 윈도우 제어용 쿠키
Final Practice
Chapter 17 | 폼 문서
Section 01 다양한 폼의 속성
Section 02 폼 문서 생성
[따라하기] 폼 문서 만들기
Final Practice
Chapter 18 | 사이트 마법사
Section 01 사이트 마법사란
Section 02 사이트 마법사의 이용
[따라하기] 사이트 마법사로 홈페이지 만들기
[따라하기] 사이트 수정하기
[따라하기] 새 문서 추가하기
Part 03 | 홈페이지 제작 프로젝트
Chapter 19 | 홈페이지 기획
Section 01 좋은 홈페이지의 조건
Section 02 홈페이지 제작 과정
Section 03 홈페이지 기획
Final Practice
Chapter 20 | 홈페이지 제작
Section 01 리소스 정리하기
[따라하기] 폴더 구성하고 리소스 정리하기
Section 02 시작 페이지 만들기
[따라하기] 시작 페이지 만들기
Section 03 템플릿 페이지 만들기
[따라하기] 템플릿 페이지 만들기
Section 04 템플릿을 이용해 다른 페이지 만들기
[따라하기] 템플릿을 이용해 다른 페이지 만들기
Section 05 방명록과 게시판 만들기
[따라하기] 방명록 만들기
[따라하기] 사진 자료실 만들기
[따라하기] 카운터 만들기
Chapter 21 | 홈페이지 등록하기
Section 01 계정 신청하기
[따라하기] 네이버 무료 계정 만들기
[따라하기] 네띠앙 무료 계정 만들기
Section 02 홈페이지 등록하기
[따라하기] 나모 웹에디터를 이용해 웹 서버에 등록하기
[따라하기] 알FTP를 이용해 네띠앙 홈페이지에 홈페이지 출판하기
Chapter 22 | 홈페이지 홍보와 관리
Section 01 홈페이지 홍보하기
[따라하기] 야후에 홈페이지 홍보하기
[따라하기] 네이버에 홈페이지 홍보하기
Section 01 홈페이지 관리하기
[따라하기] 나모 웹에디터로 홈페이지 수정하기
찾아보기
